/*
Theme Name: Calvert
Theme URI: http://www.calvertforcongress.com
Description: Original theme designed for the Ken Calvert Campaign.
Version: 1.0
Author: Mat Masoni
*/


/********* Basics *********/

	@font-face { font-family: "Museo300"; src: url(images/Museo300-regular.otf) format("opentype");}
	@font-face { font-family: "MuseoSlab500"; src: url(images/Museo_Slab_500.otf) format("opentype");}
	html, body {margin:0; padding:0;}
	body {color:#6D6E70;font: normal normal normal 12px/22px 'Museo300', georgia, serif;}
	h1, h2, h3 {color:#58595B;font-family:'MuseoSlab500', georgia, serif;font-weight:normal;text-shadow: 0 1px 0 white;}
	h1{font-size:36px;letter-spacing:-2px;line-height:40px;margin: 10px 0;}
	h1 a{color:#58595B;text-decoration:none;}
	a{color:#1B75BB;}
	a:hover{color:#D22333;}
	form, input{border:0; outline:0;}
	.wrapper{margin:0 auto; padding:0 30px;position:relative;width:920px;}
	.center{text-align:center;}
	.call{-moz-border-radius: 15px;-webkit-border-radius: 15px;}
	a.more-link{text-decoration:none;}


/********* Background setup *********/

	#header, #slideout, input, #header h1, #footer, #state, .third_box, #blog, #shadow{background: transparent url('images/static.png') no-repeat 0 0;}
	
	html{background: #7A0511 url('images/bg.jpg') fixed repeat-x 0 200px;}
	body{background:transparent url('images/light.png') no-repeat top center;}
	
	#involved a, input#submit, #donate input.image, #register{background: transparent url('images/buttons.png') no-repeat 0 0;}
	
	#nav li{background: transparent url('images/nav_item_bg.jpg') repeat-x 0 0;}


/********* Shell *********/

	/* Header */

	#header{background-position: 16px -359px;height:90px;position:relative;z-index:200;}
	#header h1{background-position:-610px 13px;margin:0;padding: 17px 0 16px 235px;text-shadow: 0 1px 0 white;}
	#header h1 span{color:#CE2333;font: italic normal normal 15px 'Hoefler Text', Times, Georgia, serif;letter-spacing: 3px;}
	
	#nav{position:absolute;right:29px;top:78px;}
	#nav ul{list-style-type:none;margin:0;padding:0;position:relative;}
	#nav li{border-bottom:1px solid #999;color:#58595B;display:block;float:left;margin:0 1px;padding:6px 10px;text-shadow: 0 1px 0 white;position:relative;font: normal small-caps normal 13px 'Hoefler Text', Times, Georgia, serif;text-align:center;text-transform:uppercase;}
	#nav li a{color:#58595B;text-decoration:none;}
	#nav li a:hover, #nav li:hover{color:#0E568D;cursor:pointer;}
	#nav ul.sub{background: #C7C8CA url('images/sub_ul_bg.jpg') repeat-x 0 0;top:27px;left:0;padding:0;position:absolute;width:inherit;z-index:200;}
	#nav ul.sub li{background:none;border-top:1px solid #ddd;display:block;font: normal normal normal 13px 'Hoefler Text', Times, Georgia, serif;letter-spacing:1px;text-transform:lowercase;margin:0 auto;padding:7px 0;width:100%;}
	#nav ul.sub li a{display:block;padding:0 7px;}
	
	/* Neck */
	
	#neck {height:380px;}

	/* Torso */
	#shadow {background-position:16px -567px;height:16px;}
	#image{background: transparent url('images/slide.jpg') repeat-x top center;height:200px;}
	#torso{background: transparent url('images/bodybg.png') repeat-y 16px 0;position:relative;}
	#torso h1{background: transparent url('images/headerbg.png') repeat-x 0 0;padding:15px;margin:0;}
	#torso h2{font: normal normal bold 27px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif;margin:0;}
	#torso h2 a{color:#D22333; text-decoration:none;}
	#torso h2 a:hover{color:#9B1C2B;}
	#feeds{overflow:hidden;}

	/* Footer */

	#footer{color:#8C8E90;font: normal normal normal 13px 'Hoefler Text', Times, Georgia, serif;padding-top:10px;}
	#footer a{color:#b7b9bC;text-decoration:none;}
	#footer a:hover{color:#1C75BC;}
	#footer{background-position: 16px bottom;padding-bottom: 40px;}
	#quicklinks{height:210px;overflow:hidden;padding:10px 5px;}
	.quicklink a{display:block;text-decoration:none;}
	.quicklink a img{border:5px solid white;}
	.quicklink h3{color:#8C8E90;font: italic normal normal 17px/15px 'Hoefler Text', Times, Georgia, serif;padding-left:15px;margin:0;}
	.quicklink a h3{color:#8C8E90;}
	.quicklink a:hover h3{color:#1C75BC;}
	.quicklink a:hover img{border:5px solid #1C75BC;}
	.quicklink{float:left;margin:0 4px;width:295px;}
	.quicklink .third_box{background-position: -608px -136px;height:175px;padding:10px;width:275px;}
	
	#footer div{margin:0 auto;}
	#footer ul{list-style-type:none;padding:0;text-align:center;}
	#footer ul#issues li{display:inline;padding:10px ;font-style:italic;}
	#footer ul#issues li.first{font-style:normal;font-variant:small-caps;}
	
	#footer #social{margin:0;padding:10px 0 2px;text-align:center;}
	#footer #social a{background: transparent url('images/links.png') no-repeat 0 0;display:inline-block;height:35px;margin:0 10px;width:96px;}
	#footer #social a.facebook{background-position:0 0;}
	#footer #social a:hover.facebook{background-position:0 -40px;}
	#footer #social a.twitter{background-position:0 -80px;}
	#footer #social a:hover.twitter{background-position:0 -120px;}
	#footer #social a.youtube{background-position:0 -160px;}
	#footer #social a:hover.youtube{background-position:0 -200px;}
	
	#footer #state{background-position:-620px 12px;height:70px;width:42px;}
	#footer #paidfor{background:#F1F2F2;border:1px solid #A7A9AC;color:#58595B;letter-spacing:1px;padding:6px 12px 5px;text-align:center;width: 350px;}
	
	#info{color:#7A0511;padding:5px 15px;font: italic normal normal 12px/14px 'Hoefler Text', Times, Georgia, serif;text-align:right;text-shadow: 0 1px 0 #C6514D;}
	#info a{color:#7A0511;text-decoration:none;}
	#info a:hover{color:#7A0511;text-decoration:underline;}
	
	/* Slideout */
	
	#slideout{background-position:-35px 0;height:320px;left:-510px;overflow:hidden;padding:10px 0 0 10px;position:fixed;top:100px;width:563px;z-index:500;}
	#slideout div{float:left;padding:10px;position:relative;}
	#slideout div#leftside{width:185px;}
	#slideout div#rightside{width:280px;}
	#slideout div h1{margin:0;}
	#slideout div div{padding:0;position:relative;}
	#slideout label{color:#8C8E90;font: italic normal normal 15px 'Hoefler Text', Georgia, times, serif;right:10px;position:absolute;text-shadow:0 1px 0 #eee;top:11px;}
	#slideout input{font: normal normal normal 14px/22px 'MuseoSlab500', georgia, sans-serif;height:19px;border:0;height:19px;margin:5px;padding:3px 5px;width:290px;}
	#slideout div.big{width:280px;}
	#slideout div.medium{width:185px;}
	#slideout div.small{width:95px;}
	#slideout div.big input{background-position:-608px -63px;width:260px;}
	#slideout div.medium input{background-position:-608px -88px;width:165px;}
	#slideout div.small input{background-position:-793px -88px;width:75px;}
	
	#slideout #involved{padding:0;position:absolute;right:8px;width:50px;}
	#slideout #involved a{background-position:-640px 50%;display:block;height:312px;width:50px;}
	#slideout #involved a:hover{background-position:-680px 50%;}
	
	a#register{background-position:-500px 0;bottom:5px;display:block;height:72px;left:15px;position:absolute;width:115px;}
	a#register:hover{background-position:-500px -71px;}
	a#register:active{background-position:-500px -142px;}
	
	#slideout .bottom{bottom:12px;color:#A7A9AC;font: italic normal normal 10px Georgia, serif;height:52px;padding:5px 150px 10px 0;position:absolute;right:72px;text-align:right;width:145px;}
	#slideout .bottom input#submit{background-position: 0 0;float:right;height:72px;margin:0;position:absolute;right:-19px;top:0;width:177px;}
	#slideout .bottom input#submit:hover{background-position: 0 -71px;}
	#slideout .bottom input#submit:active{background-position: 0 -142px;}
	
	#slideout .slide_check{float:right;font-size:11px;}
	#slideout .slide_check input{height:14px;width:14px;}
	#slideout .slide_check label{position:static;}
	
	/* Poll */
	
	.democracy {height:155px;width:255px;padding:10px;position:relative;}
	div.question {left:0;position:absolute;top:0;width:275px;}
	div.question h4 {background:url("images/headerbg.png") repeat-x scroll center center;font: normal normal normal 14px/15px 'MuseoSlab500', georgia, sans-serif;margin:0;padding:10px 6px;text-align:center;}
	
	.democracy ul li{margin:5px 0;position:relative;line-height:14px;}
	.democracy ul li label{display:block;line-height:14px;padding-left:20px;}
	.democracy ul li input{margin: 2px 0 2px 0;position:absolute;}
	input.dem-vote-button{background: #666 url('images/answer.jpg') no-repeat 0 0;bottom:0;height:16px;margin:0;padding-top:16px;position:absolute;right:0;width:60px;}
	input.dem-vote-button:hover{background-position: 0 -16px;cursor:pointer;}
	
	.dem-results{padding-top:45px;}
	.dem-results ul{margin:0;}
	.dem-graph{border:0;display:inline;height:10px;margin-top:2px;padding-left:5px;width:100px;position:absolute;}
	.dem-graph a, .dem-graph a:hover{height:5px;border-right:0;}
	.dem-total-votes, a.dem-vote-link{display:none;}
	
	
/********* Main *********/

	.entry-item{padding-bottom:20px;}
	
	#news{padding-top:15px;}
	#news .entry-item {padding-left:30px;padding-right:340px;}
	#news .entry-content{border-bottom: 1px solid #A3A5A8; padding-bottom:15px;}
	#news span.date {color:#939598;font-size:17px;}
	
	#blog{background-position: -967px -100px;padding:8px;position:absolute;right:22px;top:-30px;width:320px;}
	#blog .entry-item{padding:15px;text-align:right;}
	#blog .entry-item h2{font-size:16px;line-height:16px;}
	
	#action_center{color:#d39ba1;height:360px;padding:0 10px;position:absolute;width:296px;}
	#action_center h1{color:#d39ba1;margin:0;text-shadow:none;}
	#action_center label{font: italic normal normal 12px/12px Georgia, Times, serif;padding-left:10px;text-align:right;}
	#action_center input{color:#d39ba1;height:19px;padding:10px;text-align:right;font: italic normal normal 13px/12px Georgia, Times, serif;}
	#action_center input:focus{color:#fff;}
	#action_center input.text.small{background-position:-146px -489px;width:84px;}
	#action_center input.text.medium{background-position:0 -489px;width:126px;}
	#action_center input.text.large{background-position:0 -450px;width:168px;}
	#action_center input.text.x-large{background-position:0 -528px;width:275px;}
	#action_center div.check{float:right;overflow:hidden;}
	#action_center .bottom{clear:both;font: italic normal normal 9px/10px Georgia, Times, serif;padding:15px 0;position:relative;text-align:right;width:290px;}
	#action_center .bottom p{margin:0;padding:0 150px 0 0;}
	#action_center .bottom input#submit{background-position: 0 0;float:right;height:72px;margin:0;position:absolute;right:-19px;top:0;width:177px;}
	#action_center .bottom input#submit:hover{background-position: 0 -71px;}
	#action_center .bottom input#submit:active{background-position: 0 -142px;}
	.checkbox{width: 24px;height: 24px;padding: 0px 2px 0 0;background: url('images/checkbox.png') no-repeat;display: inline-block;position:relative;top:8px;}
	#donate {background: transparent url('images/donatebg.png') repeat-x 0 0;left:-4px;padding-top:7px;width:304px;position:relative;}
	#donate input.image{background-position: -182px -9px;display:block;height:70px;margin:0 auto;padding:0;width:304px;}
	#donate input.image:hover{background-position: -182px -80px;cursor:pointer;}
	#donate input.image:active{background-position: -182px -151px;}
	
	#tagline{color:#D39BA1;position:absolute;right:30px;top:27px;font: italic normal normal 15px/12px Georgia, Times, serif;}
	
	#video_center{background: transparent url('images/vidshadow.png') 0 0;height:300px;margin-top:40px;padding:13px;position:absolute;right:17px;width:600px;}
	#video_center .video{height:300px;width:500px;}
	#video_nav{position:absolute;right:13px;top:13px;}
	#video_nav ul{list-style-type:none;margin:0;padding:0;text-align:right;}
	#video_nav li a{background: black url('images/tabs.png') repeat-x 0 0;color:#888;display:block;font: italic normal normal 11px/12px Georgia, Times, serif;padding:5px;text-decoration:none;width:90px;height:50px;}
	#video_nav li a:hover{background-position: 0 -60px;;color:white;}
	#video_nav li.ui-tabs-selected a, #video_nav li.ui-tabs-active a{background:#D22333 url('images/stab.png');color:white;}
	
	.ui-tabs-hide{display:none;}

/********* Single *********/

	#single .entry-item {padding:15px 30px;}
	
/********* Issue *********/
	
	#photo_neck{height:294px;position:relative;z-index:0;top:-12px;}
	
/********* Media *********/
	
	#video_posts, #photos { background: transparent url('images/darkred.png') repeat 0 0; color:#fff; }
	#media { overflow:hidden; }
	#media h1 { color:#480000; text-shadow: 0 1px 0 #FF6D55; }
	#media h2 { color:#BB1E2D; margin-bottom:3px; text-shadow: none; }
	#media span.date { color:#A3A5A8; }
	
	#media_left { float:left; width:530px; }
	#media_right { float:right; padding-top:30px; width:375px; }
	
	#video_posts { padding:15px; width:500px; }
	.media_post { border-bottom:1px dashed #888; margin-bottom:15px; padding-bottom:15px;}
	
	#photos { width:345px; padding:10px;}
	.thumbnail {float:left;margin:5px;overflow:hidden;}
	.thumbnail a img {border:0;}
	
/********* Events *********/

	#event_left{margin:0 110px;width:700px;}
	#widget-ko_calendar-3-widget_events{background: transparent url('images/darkred.png') repeat 0 0; color:#fff;padding:15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
	#widget-ko_calendar-3-widget_title{color:#480000; font-size:36px;text-shadow: 0 1px 0 #FF6D55;}
	.ko-calendar-entry-date-row{padding-top:0;}
	.ko-calendar-event-list{border-bottom:1px dashed #888888;margin:0;padding:0 0 10px 60px;}
	.ko-calendar-widget-loading img{background-color:#fff;padding:10px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
	
/********* Endorsements *********/
	
	#endorsements{background:url("images/darkred.png") repeat scroll 0 0 transparent; padding:15px;}
	#endorsements h2{color:#D39BA1;}
	.endorsement_post {overflow:hidden;}
	#endorsement_left h2{display:inline;float:left;margin:11px 0;padding-right:5px;text-align:right;width:180px;}
	#endorsement_right h2{text-align:center;margin:10px;}
	.endorsement_post p{color:#fff;}
	#endorsement_left{float:left;width:450px;}
	#endorsement_right{float:right;padding-top:40px;width:450px;}