/*
Theme Name: Mark Schauer for Governor
Theme URI: http://www.markschauer.com/
Description: Custom WordPress theme for Mark Schauer for Governor. Designed and developed by Chi/Donahoe + Cole/Duffey.
Version: 1.0
Author: Chi/Donahoe + Cole/Duffey
Author URI: http://projectsbycd2.com
*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* STYLE GUIDE */
html,
body {
    background: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
}
header {
    height: 73px;
    width: 100%;
    position: relative;
}
#header {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
#logo {
    position: absolute;
    top: 0;
    left: -10px;
    margin: 0;
    padding: 0;
}
#logo a {

}
/* NAVIGATION */
nav {
    float: left;
    width: 725px;
    margin-left: 265px;
}
nav > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
nav > ul > li {
    float: left;
    border-right: 1px solid #E3E3E3;
}
nav > ul > li:hover {
	border-right: 0;
	margin-right: 1px;
}
nav > ul > li > a {
    text-indent: -9999px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    padding: 12px 15px 11px;
}
nav > ul > li > a:hover,
nav > ul > li > a.current {
    background-color: #20314E;
    color: #B8B9BA;
    border-bottom: 10px solid #55A6E2;
}
nav > ul > #nav-contribute { border-right: 0 }
nav > ul > #nav-contribute a { 
	padding: 12px 22px 11px;
	background-color: #EC1515 !important;
    background-image: url(img/nav-contribute.png);
    width: 93px;
}
#nav-news a {
    background-image: url(img/nav-news-media.png);
    width: 140px;
}
#nav-news a:hover,
#nav-news a.current { background-image: url(img/nav-news-over.png) }
#nav-running a {
    background-image: url(img/nav-running.png);
    width: 125px;
}
#nav-running a:hover,
#nav-running a.current { background-image: url(img/nav-running-over.png) }
#nav-story a {
    background-image: url(img/nav-story.png);
    width: 102px;
}
#nav-story a:hover,
#nav-story a.current { background-image: url(img/nav-story-over.png) }
#nav-volunteer a {
    background-image: url(img/nav-volunteer.png);
    width: 83px;
}
/* DROPDOWN */
#dropdown {
	position: absolute;
	top: 83px;
	left: 255px;
	width: 690px;
	padding: 15px;
	background: #FFF;
	display: none;
}
.dropdown { display: none;}
.dropdown a {
	color: #666;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
}
.dropdown table{
	width: 100%
}
.dropdown table tr {
	border-bottom: 1px solid #CCC;
	width: 600px;
}
.dropdown table td {
	padding: 10px;
	width: 25%;
	text-align: center;
}
/* WRAPPER */
#wrapper {
    border-top: 10px solid #263B5C;
    background: #20324E;
    width: 100%;
}
#container {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 10px;
}
/* SIDEBAR */
#sidebar {
    width: 255px;
    float: left;
    margin-top: 10px;
}
.home #sidebar { margin-top: 70px }
.widget {
    position: relative;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.widget i {
    position: absolute;
    top: 50%;
    left: 265px;
}
.home .widget i { left: -30px;}
#signup {
    background: #2B426A;
    padding: 10px;
}
#signup form { overflow: hidden }
#signup i { top: 18px }
#signup #email,
#signup #zip {
    padding: 6px;
    font-size: .9em;
    border: 1px solid #000;
    float: left;
    margin-right: 5px;
}
#signup #email { width: 120px }
#signup #zip { width: 40px }
#signup #submit {
    border: 0;
    float: left;
}
#social,
#share-this {
    background: #FFF;
    padding: 10px;
}
#facebook,
#twitter { position: relative }
#facebook {}
#facebook i,
#twitter i { left: 255px }
.home #facebook i,
.home #twitter i { left: -42px }
#facebook i { top: 23px }
#twitter i { top: 10px }
#share-this { 
	position: relative;
	margin-bottom: 18px; 
	line-height: 0;
}
#share-btn {
	position: absolute;
	bottom: -18px;
	left: 42px;
}
/* MAIN */
#banner {
	margin-top: 10px;
}
#main {
    width: 710px;
    float: left;
    margin: 10px 10px 0 0;
}
.home #main { margin: 10px 0 0 10px; }
#content {
	padding: 15px;
	background: #FFF;
	border-radius: 5px;
}
h2#title {
	font-size: 1.8em;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #A1A1A1;
	font-weight: normal;
}
ul#share {
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}
#share li {
	float: left;
	margin-right: 10px;
}
.two-column {
	margin: 10px 0;
	columns: 3230px 2;
	-webkit-columns: 330px 2;
	-moz-columns: 330px 2;
}

/* SPLASH */
#splash {
    height: 400px;
    width: 710px;
    float: left;
    border-bottom: 10px solid #52A3E0;
}

/* BLOCKS */
#blocks {
    width: 980px;
    margin: 0 auto;
}
.block {
    float: left;
    background: url(img/block-line.jpg) no-repeat right top;
    padding: 10px;
    min-height: 250px;
}
.block.first { padding-left: 0 }
.block.last {
    background: none;
    padding-right: 0;
}
.box {
    border: 1px solid #C1C1C1;
    width: 310px;
}
.box .subheader {
    background: #EEEEEE;
    background-image: -moz-linear-gradient(top, #fbfbfb, #eeeeee);
    background-image: -webkit-linear-gradient(top, #fbfbfb, #eeeeee);
    background-image: linear-gradient(top, #fbfbfb, #eeeeee);
    padding: 8px;
    height: 21px;
}
#latest-news .box { min-height: 210px }
.latest-news {
    margin-top: 5px;
    float: left;
}
.subheader .btn-more { float: right }
.box .content {
    padding: 15px;
    background: #FFF;
}
#latest-news ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#latest-news ul li {
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#latest-news ul li:last-child { border: 0 }
#latest-news a {
    color: #363636;
    text-decoration: none;
}

/* CATEGORY  */
.category ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.paginate {
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
}
.category h3 {
	margin-bottom: 0;
}


/* FOOTER */
footer {
    position: relative;
    width: 980px;
    margin: 20px auto;
    overflow: hidden;
}
#paid {
    text-align: center;
    width: 500px;
    border: 1px solid #333;
    padding: 5px;
    margin: 0 auto;
}
#links {
    position: absolute;
    top: 5px;
    right: 0;
}
#links a {
    margin-left: 10px;
    color: rgba(53,53,53,0.5);
    text-transform: uppercase;
    text-decoration: none;
}

/* MOBILE */
@media screen and (max-width: 1024px) {
	i.sprite {
		display: none;
	}	
}
@media screen and (max-width: 320px) {
	img {
		max-width: 320px;
		height: auto;
	}
	#container,
	#wrapper,
	header,
	#header,
	footer,
	#blocks { width: 320px !important; }
	#container,
	#wrapper { overflow: hidden; }
	#container { margin-top: 280px; padding-bottom: 0; }
	#main { clear: both; }
	.home #main { margin: 0 !important}
	#dropdown { display: none !important; }
	h1#logo {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
		width: 276px;
	}
	nav {
		background: #FFF;
		margin-left: 0;
		position: absolute;
		top: 155px;
		width: 320px;
	}
	nav a {
		width: 129px !important;
		border-bottom: 1px solid #E3E3E3;
	}
	nav a:hover,
	nav a.current { border-bottom: 1px solid #E3E3E3 !important; }
	#nav-contribute a { width: 276px !important; border-bottom: 0; }
	#splash {
		line-height: 0;
		height: auto;
		border-bottom-width: 3px;
	}
	.block {
		float: none;
		background: none;
		padding: 0;
		min-height: 0;
		line-height: 0;
	}
	.block img { 
		width: 320px !important; 
		height: auto;
		line-height: 0;
		border-bottom: 3px solid #52A3E0;
	}
	#latest-news { padding: 5px; }
	#latest-news ul li { line-height: .9em; }
	#banner { display: none; }
	#content {
		width: 290px;
		border-radius: 0;
	}
	#sidebar {
		display: none;
	}
	#paid {width: 250px; }
	#links { display:  none }
}

/* SPRITE */
.sprite{ background: url(img/sprite.png) top left no-repeat; display: block; text-indent: -9999px; }
.logo{ width:276px; height:155px; background-position:-3px -3px; }
.nav-contribute{ width:93px; height:50px; background-position:-3px -161px; }
.nav-volunteer{ width:83px; height:50px; background-position:-99px -161px; }
.nav-news-media{ width:104px; height:50px; background-position:-3px -214px; }
.nav-running{ width:125px; height:50px; background-position:-110px -214px; }
.nav-story{ width:102px; height:50px; background-position:-3px -267px; }
.btn-fbook{ width:39px; height:39px; background-position:-185px -161px; }
.btn-twitter{ width:38px; height:39px; background-position:-227px -161px; }
.btn-red-arrow{ width:37px; height:30px; background-position:-238px -214px; }
.icon-facebook{ width:23px; height:23px; background-position:-108px -267px; }
.btn-more{ width:21px; height:21px; background-position:-134px -267px; }
.icon-twitter{ width:24px; height:20px; background-position:-158px -267px; }
.icon-signup{ width:21px; height:18px; background-position:-185px -267px; }
.latest-news{ width:96px; height:11px; background-position:-3px -320px; }

/* WORDPRESS */
.alignnone { margin: 5px 20px 20px 0 }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* CLEARFIX */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }