/*
Theme Name: Katie Riley Campaign Theme
Description: A custom theme for Katie Riley's 2012 Oregonian State Representative Campaign
Author: Kim Genly 
Author URI: http://www.pixelovely.com/
Version: 1.0
Tags: red, white, blue, america, oregon, politics
*/


	body {padding: 0px; margin: 0px; font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; background: #ffffff; text-align: center;}
	h1,h2,h3,h4,h5,h6, #maincontent h3#comments, #maincontent #respond h3 {font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color: #000094;}
	a {color: #000094;}
	a:hover {color: #e23024;}
	a img {border: 0px; text-decoration: none;}
	#contentcontainer {margin: auto auto; width: 980px;}
	#maincontent p, #maincontent ul {font-size: 15px; line-height: 1.4em;}
	#maincontent h1 {font-size: 34px; color: #e23024; margin: 0px; padding: 0px; font-family: 'Brush Script Std',arial, helvetica, Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-weight: normal;}
	#maincontent h3 {font-size: 20px; font-style: italic; font-family: times, 'times new roman', serif; line-height: 30px; color: #000000;}
	#maincontent h2, #maincontent h3#comments, #maincontent #respond h3 {font-size: 18px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; font-style: normal;}
	#header {margin-top: 30px;}
	#logo {float: left; margin-right: 20px;}
	#body {clear: both; padding-top: 30px;}
	#sidebar {text-align: left; width: 250px; float: left;}
	#katiepic {width: 250px;}
	#navigation {list-style-type: none; margin: 0px; padding: 0px; margin-top: 7px; width: 230px; font-size: 16px;}
	#navigation li {margin-left: 0px; }
	#navigation a {color: #000094; text-decoration: none; width: 100%; float: left;padding: 5px 10px;}
	#navigation li.current_page_item a {color: #e23024;}
	#navigation a:hover {color: #ffffff; background: #000094;}
	#navigation li.current_page_item a:hover {color: #ffffff; background: #e23024;}
	#maincontent, #footer {text-align: left; margin-left: 270px;}
	#footer {text-align: left; font-size: 13px; padding-top: 50px; color: #3f3f3f; margin-bottom: 30px; clear: left;}
	#footer #footnav {list-style-type:none; margin:0px; padding: 0px;}
	#footer #footnav li {display: inline; margin-right: 14px;}
	#rotating-endorsements {font-size: 20px; text-align: left; height: 127px; color:#ffffff;padding: 10px 20px; line-height: 1.5em; font-style: italic; margin: 0px 160px 0px 270px; background-color: #000094;}
	#rotating-endorsements p {margin: 0px; padding: 0px;}
	#calls-to-action {float: right; width: 150px; height: 147px; text-align: left; font-size: 15px; text-transform: uppercase;}
	#calls-to-action p {margin: 0px; padding: 0px;}
	#calls-to-action a {text-decoration: none; height: 18px; background: #E23024; color: white; float: left; width: 110px; margin: 0px; padding: 14px 20px; overflow: hidden; font-size: 14px;}
	#calls-to-action a:hover{background: url(images/whitestar.png) 125px center no-repeat; background-color: #000094;}
	#calls-to-action .spacer {height: 4px; float: left;width: 100%;}
	#maincontent ul {list-style-type: none; margin-left: 20px; padding-left: 20px;}
	#maincontent li {background: url(images/star.png) 0px 4px no-repeat; padding-left: 20px; padding-top: 0px; margin-top: 10px; margin-bottom: 15px;}
	a#contributebutton {text-decoration: none; height: 18px; background: #e23024; color:#ffffff; float: left; width: 260px; margin:0px; padding: 26px 20px; text-transform: uppercase;}
	a#contributebutton:hover {background: url(images/whitestar.png) 275px center no-repeat; background-color: #000094;}
	#socialmedialinks {margin-top: 20px; float: left; clear: left;}
	.wpcf7-submit {text-decoration: none; background: #e23024; color:#ffffff; float: left; width: 260px; margin:0px; padding: 20px 20px; text-transform: uppercase; border: 0px;}
	.wpcf7-submit:hover {background: url(images/whitestar.png) 235px center no-repeat; background-color: #000094;}
	#sidebar h2 {font-size: 20px;margin-top: 10px; margin-bottom: 0px;}
	#sidebar h3 {font-size: 16px;margin-top: 10px; color: #000;}
	.volunteer-checklist span.wpcf7-list-item {display: block; padding-bottom: 5px;}
	.commentslink {margin-bottom: 30px;}
	ol.commentlist {list-style-type: none; padding-left: 0px;}
	#maincontent .comments li {background: none; padding-left: 0px;}
	
	
	ol.comments {list-style-type: none; margin: 0px; padding: 0px;}
	ol.comments li {margin: 0px; padding: 14px 0px; border-bottom: 1px solid #d3d3d3;clear: right; min-height: 80px;}
	ol.comments div.comment-text p {padding: 0px; margin: 0px; padding-bottom: 14px; margin-right: 100px;}
	ol.comments .comment-avatar {float: right; border: 1px solid #000;}
	ol.comments ul.children {list-style-type: none;}
	#mainpagecontent ol.comments ul.children li.comment {background: none;}
	ol.comments cite {color: #555;}
	
	@media screen and (max-width: 480px),
	(max-device-width: 480px) {
		#contentcontainer {width: 450px;}
		#katiepic {display: none;}
		#logo {width: 220px;}
		#navigation,#sidebar{width: 450px;}
		#sidebar {margin-bottom: 30px;}
		#navigation li {float: left; margin-bottom: 15px; margin-right: 15px;}
		#navigation li a{float: none; width: auto; white-space:nowrap;}
		#maincontent, #footer {margin-left: 0px;}
		#rotating-endorsements {display: none;}
		#calls-to-action a{padding: 11px 20px;}
		#calls-to-action {height: 85px;}
		#socialmedialinks img {display:none;}
	}
		
	@media screen and (max-device-width: 320px),
	(max-width: 320px) {
		#contentcontainer {width: 320px;}
		#katiepic {display: none;}
		#logo {width: 150px;}
		#navigation,#sidebar{width: 320px;}
		#sidebar {margin-bottom: 30px;}
		#navigation li {float: left; margin-bottom: 15px; margin-right: 15px;}
		#navigation li a{float: none; width: auto; white-space:nowrap;}
		#maincontent, #footer {margin-left: 0px;}
		#rotating-endorsements {display: none;}
		#calls-to-action a{padding: 11px 20px;}
		#calls-to-action .spacer {height: 6px;}
		#calls-to-action {height: 85px;}
		#socialmedialinks img {display:none;}
	}