/*   
Theme Name: CFO Theme
Theme URI: http://www.campaignfinances.com
Description: The official theme of campaignfinances.com.
Author: Trevor Parscal
Author URI: http://www.trevorparscal.com
Version: 1
*/

/* Fonts */

@font-face {
    font-family: 'QuicksandLight';
    src: url('_/font/Quicksand_Light-webfont.eot');
    src: url('_/font/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/Quicksand_Light-webfont.woff') format('woff'),
         url('_/font/Quicksand_Light-webfont.ttf') format('truetype'),
         url('_/font/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'QuicksandLightOblique';
    src: url('_/font/Quicksand_Light_Oblique-webfont.eot');
    src: url('_/font/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/Quicksand_Light_Oblique-webfont.woff') format('woff'),
         url('_/font/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
         url('_/font/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'QuicksandBook';
    src: url('_/font/Quicksand_Book-webfont.eot');
    src: url('_/font/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/Quicksand_Book-webfont.woff') format('woff'),
         url('_/font/Quicksand_Book-webfont.ttf') format('truetype'),
         url('_/font/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'QuicksandBookOblique';
    src: url('_/font/Quicksand_Book_Oblique-webfont.eot');
    src: url('_/font/Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/Quicksand_Book_Oblique-webfont.woff') format('woff'),
         url('_/font/Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
         url('_/font/Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBold';
    src: url('_/font/Quicksand_Bold-webfont.eot');
    src: url('_/font/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/Quicksand_Bold-webfont.woff') format('woff'),
         url('_/font/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('_/font/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBoldOblique';
    src: url('_/font/Quicksand_Bold_Oblique-webfont.eot');
    src: url('_/font/Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/Quicksand_Bold_Oblique-webfont.woff') format('woff'),
         url('_/font/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
         url('_/font/Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandDash';
    src: url('_/font/Quicksand_Dash-webfont.eot');
    src: url('_/font/Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/font/Quicksand_Dash-webfont.woff') format('woff'),
         url('_/font/Quicksand_Dash-webfont.ttf') format('truetype'),
         url('_/font/Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/* HTML5 Reset Styles */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    font-family: 'QuicksandBook', sans-serif;
}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
td img {max-width: none;}
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment - people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights - gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea, button {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {
    color: #13719f;
    text-decoration: none;
}
a:hover {color: #3aacde;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #2b9bce; color: #fff; text-shadow: none;}
::selection {background: #2b9bce; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=search] {
  /* the webkit overrides need to stay at the top */
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

/* Wordpress Styles */

h2 {
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 0.75em;
    letter-spacing: -0.0625em;
    line-height: 1.125em;
    font-family: 'QuicksandLight', serif;
}

h3 {
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 0.75em;
    letter-spacing: -0.0625em;
    line-height: 1.125em;
    font-family: 'QuicksandLight', serif;
}

h4 {
    font-size: 1.6em;
    font-weight: normal;
    margin-top: 0.75em;
    margin-bottom: 0.3em;
    letter-spacing: -0.0625em;
    line-height: 1.125em;
    font-family: 'QuicksandLight', serif;
}

h5 {
    font-size: 1em;
    font-weight: normal;
    margin-top: 0.4em;
    margin-bottom: 0.2em;
    letter-spacing: -0.0625em;
    line-height: 1.125em;
    font-family: 'QuicksandLight', serif;
}

dt {
    margin-bottom: 0.5em;
    font-size: 1.4em;
}
dd {
    margin-left: 2em;
    margin-bottom: 0.5em;
}

#page p,
#page ul,
#page ol {
    margin-bottom: 1.5em;
}

#page ul {
	margin-left: 1.5em;
	list-style: disc;
}

#page ol {
	margin-left: 1.5em;
	list-style: decimal;
}

#page li {
	margin-bottom: 0.5em;
}

.page .meta,
.page .entry-title,
.page .comments-closed {
    display: none;
}

.entry-content {
    margin-bottom: 2em;
}
.entry-content a {}
.entry-content a:hover {}

.meta,
.postmetadata {
    color: #999999;
    font-size: 0.8em;
    margin-bottom: 1em;
}

#sidebar,
#contact-form {
    float: right;
    width: 12em;
    padding: 1.5em 1.5em 0 1.5em;
    margin: 0 0 2em 2em;
    background-color: white;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    border-radius: 0.125em;
}

#contact-form {
    width: 20em;
    padding-bottom: 1.5em;
}

#contact-form input,
#contact-form textarea {
    font-family: 'QuicksandBook', sans-serif;
}

#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea {
    width: 19em;
    padding: 0.5em;
    border: solid 1px silver;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    border-radius: 0.125em;
    margin-bottom: 1em;
}

#search-results article h2,
#sidebar h2 {
    font-size: 1.2em;
}

.widget {
    margin-bottom: 2em;
}

.widget ul {
    font-size: 0.8em;
}

.widget li {
    margin-bottom: 0.5em;
}

.hentry {
    margin-bottom: 2em;
}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

body {
    background-attachment: fixed;
    margin: 0;
    padding: 0;
}

body.cfo-shine {
    background-image: url(_/img/base-shine.png);
}

body.cfo-shadow {
    background-image: url(_/img/base-shadow.png);
}

#top-wrap {
    margin: 0;
    padding: 0 0 1em 0;
}

#bottom-wrap {
}

#footer {
    width: 900px;
    margin: 0 auto 1em auto;
    line-height: 35px;
    font-size: 0.9em;
}

#cfo-facebook {
	float: right;
    background-image: url(_/img/facebook.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 40px;
    height: 30px;
    text-transform: uppercase;
}

#page-wrap {
    background-color: white;
    border: solid 1px #c4c4c4;
	width: 900px;
	margin: 2em auto 0 auto;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    border-radius: 0.125em;
}

#page {
    padding: 2em;
    line-height: 1.25em;
}

#header {
    position: relative;
    height: 11em;
    border-bottom: solid 8px #9cb7c0;
}

.cfo-shine #header {
    background-color: #fff;
}

.cfo-shadow #header {
    background-color: #e9ecef;
}

#header h1 a {
    position: absolute;
    width: 500px;
    height: 120px;
    top: 0;
    left: 0;
    background-position: 1em center;
    background-repeat: no-repeat;
}

.cfo-main #header h1 a {
    background-image: url(_/img/logo-main.png);
}

.cfo-pa #header h1 a {
    background-image: url(_/img/logo-pa.png);
}

.cfo-compliance #header h1 a {
    background-image: url(_/img/logo-compliance.png);
}

.cfo-development #header h1 a {
    background-image: url(_/img/logo-development.png);
}

#header h1 a span {
    display: none;
}

#header .description {
    position: absolute;
    right: 2em;
    top: 3em;
    font-size: 1.1em;
}

#cfo-sites {
	position: absolute;
	right: 0;
    top: 8em;
    list-style: none;
    margin: 0;
    padding: 0;
	width: 225px;
    height: 3em;
    overflow: hidden;
    z-index: 1000;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: box-shadow 200ms;
    -moz-transition: box-shadow 200ms;
    -ie-transition: box-shadow 200ms;
    -o-transition: box-shadow 200ms;
    transition: box-shadow 200ms;
}

.cfo-shine #cfo-sites {
    background-color: #e9ecef;
}

.cfo-shadow #cfo-sites {
    background-color: #fff;
}

#cfo-sites:hover {
    height: auto;
    box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.25);
}

#cfo-sites li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: solid 5px transparent;
    -webkit-transition: border-color 200ms;
    -moz-transition: border-color 200ms;
    -ie-transition: border-color 200ms;
    -o-transition: border-color 200ms;
    transition: border-color 200ms;
}

#cfo-sites li:hover {
    border-left: solid 5px #4c91a6;
}

#cfo-sites a {
    display: block;
    width: 220px;
    height: 3em;
    background-position: center center;
    background-repeat: no-repeat;
}

.cfo-shine #cfo-site-main a {
    background-image: url(_/img/shine/sites-main.png);
}

.cfo-shine #cfo-site-pa a {
    background-image: url(_/img/shine/sites-pa.png);
}

.cfo-shine #cfo-site-compliance a {
    background-image: url(_/img/shine/sites-compliance.png);
}

.cfo-shine #cfo-site-development a {
    background-image: url(_/img/shine/sites-development.png);
}

.cfo-shadow #cfo-site-main a {
    background-image: url(_/img/shadow/sites-main.png);
}

.cfo-shadow #cfo-site-pa a {
    background-image: url(_/img/shadow/sites-pa.png);
}

.cfo-shadow #cfo-site-compliance a {
    background-image: url(_/img/shadow/sites-compliance.png);
}

.cfo-shadow #cfo-site-development a {
    background-image: url(_/img/shadow/sites-development.png);
}

#menu-header-wrap {
    position: absolute;
    width: 675px;
    height: 3em;
    top: 8em;
    left: 0;
    background-color: #386c81;
}

#menu-header-wrap ul {
    padding-left: 1.25em;
}

#menu-header-wrap li {
    float: left;
    height: 3em;
}

#menu-header-wrap a {
    display: block;
    padding: 0 1em;
    line-height: 3.8em;
    height: 100%;
    text-transform: uppercase;
    color: white;
    font-size: 0.9em;
}

#menu-header-wrap a:hover {
    background-color: #517e90;
}

#menu-header-wrap li.current-menu-item a {
	background-color: #9cb7c0;
	color: #386c81;
}
p {
	margin-bottom: 10px;
}
.widget_twitter div {
    padding:0;
}

.widget_twitter ul li {
    margin-bottom:5px;
}

.widget_twitter .follow-button,
.widget_twitter .xavisys-link {
    margin:0 10px 10px 25px;
}

.widget_twitter .entry-meta {
    display:block;
    font-size:80%;
}

.widget_twitter .intent-meta a {
    background: url(images/everything-spritev2.png); /** from Twitter ressources */
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.widget_twitter .intent-meta a.in-reply-to {
    background-position: 0 center;
}
.widget_twitter .intent-meta a:hover.in-reply-to {
    background-position: -16px center;
}
.widget_twitter .intent-meta a.favorite {
    background-position: -32px center;
}
.widget_twitter .intent-meta a:hover.favorite {
    background-position: -48px center;
}
.widget_twitter .intent-meta a.retweet {
    background-position: -80px center;
}
.widget_twitter .intent-meta a:hover.retweet {
    background-position: -96px center;
}