/*
Theme Name:Branstad for Governor
Theme URI:http://www.governorbranstad2010.com/
*/

/* RESETS ************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}
b, strong{font-weight:bold}

/* GLOBAL ************************************/
body{background:url('images/bg-body.png') repeat-x 0 0 #fff; color:#737373; font-size:12px; line-height:18px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
a{color:#a11717; text-decoration:underline; outline:none}
a:hover{text-decoration:none}
div, ul, li, h1, h2, h3, h4{position:relative}
.clear{clear:both}
.nomargin{margin:0 !important}
.ninesixty{width:960px; margin:0 auto}
#wrap{width:960px; margin:0 auto 20px auto}

.hidden{display:none}
.fixB{display:block; height:100%; overflow:hidden}
.fixI{display:inline; height:100%; overflow:hidden}
.alignleft{float:left}
.alignright{float:right}

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

/* SPLASH ************************************/
.meerkat{padding:100px 0 0 0}
.meerkat #splash-content{margin:0 auto; text-align:center; width:800px; height:462px}
.meerkat #splash-content a#close{background:url('images/splash-close.png') no-repeat 0 0; position:absolute; top:-17px; right:-17px; text-indent:-9999px; height:37px; width:37px}
.meerkat #splash-content a#donate{background:url('images/splash-donate.png') no-repeat 0 0; position:absolute; bottom:0; left:0; text-indent:-9999px; height:42px; width:242px}
.meerkat #splash-content a:hover#donate{background-position:0 -42px}
.meerkat #splash-content a:active#donate{top:421px}
.meerkat #splash-content a#continue{position:absolute; bottom:10px; right:0; text-decoration:none; color:#002e62; font-size:14px}
.meerkat #splash-content a:hover#continue{color:#a11717}

/* HEADER ************************************/
#header{height:239px; margin:0 0 10px 0}
#header #light-effect{background:url('images/header-lighteffect.png') no-repeat 0 0; position:absolute; top:0; left:-140px; width:609px; height:189px}
a#logo{background:url('images/logo.png') no-repeat 0 0; position:absolute; top:55px; left:5px; width:326px; height:89px; text-indent:-9999px}
a:hover#logo{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9}
a#logo:active{top:56px; left:6px}

/* DONATE */
#header #donate{background:url('images/bg-donate.png') no-repeat 0 0; position:absolute; top:63px; right:0; width:300px; padding:63px 12px 12px 12px}
#header #donate a{background:url('images/donate.png') no-repeat 0 0; width:300px; height:52px; text-indent:-9999px; display:block; position:absolute; top:12px; left:12px}
#header #donate a:active{top:14px}
#header #donate a:hover{background-position:0 -52px}
#header #donate p{text-align:center; margin:12px 0 0 0; color:#b2c6de}
#header #donate p span{color:#e0e7f0}

/* NAVIGATION */
ul#menu-navigation{position:absolute; top:197px; left:5px; z-index:9999; width:955px}
ul#menu-navigation li{display:inline; float:left; margin:0 2px 0 0}
ul#menu-navigation li a{color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none; padding:11px 20px 13px 20px; display:block}
ul#menu-navigation li ul{background:#f8f8f8; margin:0; display:none; position:absolute; top:42px; left:0; float:left; padding:5px 20px 15px 20px; width:180px; z-index:99999; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; box-shadow:0px 1px 1px #ccc; -moz-box-shadow:0px 1px 1px #ccc; -webkit-box-shadow:0px 1px 1px #ccc; -webkit-border-bottom-left-radius:2px; -khtml-border-radius-bottomleft:2px; -moz-border-radius-bottomleft:2px; border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px; -khtml-border-radius-bottomright:2px; -moz-border-radius-bottomright:2px; border-bottom-right-radius:2px}
ul#menu-navigation li ul li{min-width:180px; display:block; border-bottom:1px dashed #d6d6d6; color:#002e62; padding:10px 0}
ul#menu-navigation li ul li a{font-size:13px; text-transform:none; display:block; padding:0px}
ul#menu-navigation li ul li a:hover{color:#a11717}
ul#menu-navigation li.current_page_item a, ul#menu-navigation li:hover a, ul#menu-navigation ul:hover a{background:#f8f8f8; color:#002e62; -webkit-border-top-left-radius:3px; -khtml-border-radius-topleft:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-radius-topright:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px}
ul#menu-navigation li:hover ul{display:block}

/* SOCIAL MENU */
ul#social-menu {position:absolute; bottom:7px; right:0; z-index:9999;}
ul#social-menu li{display:inline; float:left; margin:0 0 0 7px;}
ul#social-menu li a{display:block; padding:8px 0 3px; width:32px; height:32px; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;}
ul#social-menu li a:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
ul#social-menu li a:active {padding:9px 0 0 0;}

/* MAIN ************************************/
#main{background:url('images/bg-main.png') repeat-y 0 0; width:640px; float:left; padding:0 5px 0 5px; margin:10px 10px 10px 0}
#main-top{background:url('images/bg-main-top.png') no-repeat 0 0; height:10px; width:645px; position:absolute; top:-10px; left:0}
#main-bottom{background:url('images/bg-main-bottom.png') no-repeat 0 0; height:10px; width:645px; position:absolute; bottom:-10px; left:0}
#main p.title{background:#fff; margin:0 5px 1px 0; color:#A11717; padding:10px 30px; text-transform:uppercase}

/* SLIDER */
.coda-slider-wrapper{background:url('images/bg-slider.png') no-repeat 0 0; clear:both; overflow:hidden; width:955px; height:300px; margin:0 0 10px 5px}
.coda-slider{float:left; overflow:hidden; position:relative}
.coda-slider .panel{display:block}
.coda-slider .panel-container{position:relative}
.coda-slider-no-js .coda-slider{height:200px; overflow:auto !important; padding-right:20px}
.coda-slider-wrapper.arrows .coda-slider{width:955px; height:300px;}
.coda-slider-wrapper.arrows .coda-slider .panel{width:955px; height:300px}
.coda-nav-left a{background:url('images/arrow-up.png') no-repeat 0 0; width:51px; height:34px; text-indent:-9999px; display:block; position:absolute; top:15px; right:15px; z-index:9999; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}
.coda-nav-right a{background:url('images/arrow-down.png') no-repeat 0 0; width:51px; height:34px; text-indent:-9999px; display:block; position:absolute; top:50px; right:15px; z-index:9999; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}
.coda-nav-right a:hover, .coda-nav-left a:hover{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75}
.coda-slider p.loading{padding:20px; text-align:center}

/* POST */
.post{background:url('images/bg-post-bottom.png') repeat-x 0 bottom #fff; padding:25px 30px 15px 30px; margin:0 5px 0 0}
.post h1, .post h1 a{color:#002e62; font-size:26px; text-decoration:none; margin:0 0 14px 0; line-height:28px}
.post h1 a:hover{color:#a11717}
.post p.date{font-family:georgia,serif; margin:0 0 6px 0; color:#b3bfca; font-style:italic; font-size:12px}
.post p.single-date{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; margin:0 0 6px 0; color:#d2dae1; font-style:normal; font-size:12px}
.post p.single-date span{font-family:georgia,serif; font-style:italic; padding:0 3px; color:#b3bfca}
.post p.single-date a{font-family:georgia,serif; padding:0 3px; color:#8e9ba7; text-decoration:none}
.post p.single-date a:hover{color:#b3bfca}
.post p{color:#696969; font-size:14px; line-height:19px; margin:0 0 15px 0}
.post p a.more-link, .post p a.read_more{margin:0 0 0 10px; text-decoration:none; white-space:nowrap}
.post p a:hover.more-link, .post p a:hover.read_more{color:#002e62}
.post a#badge{position:absolute; top:10px; right:10px; text-decoration:none; background:#dfe5eb; color:#fff; text-transform:uppercase; font-size:11px; padding:3px 10px 1px 10px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.post a:hover#badge{background:#002e62}
.post p img.alignleft, .post p a img.alignleft{background:#f8f8f8; padding:4px; border:1px solid #eaeaea; float:left; margin:3px 20px 5px 0}
.post p img.alignright, .post p a img.alignright{background:#f8f8f8; padding:4px; border:1px solid #eaeaea; float:right; margin:3px 0 5px 20px}

.post ul, .post ol {list-style-image:inherit; margin:10px 0 10px 20px;}
.post ul li, .post ol li {margin:0 0 7px 0; font-size:12px;}

.wp-caption{background-color:#f8f8f8; border:1px solid #EAEAEA; padding:5px 0}
.wp-caption a{display:block; width:100%}
.wp-caption a img{display:block; margin:0 auto}
.wp-caption.alignleft{margin:3px 20px 5px 0}
.wp-caption.alignright{margin:3px 20px 5px 0}
.wp-caption .wp-caption-text{display:block; font-size:11px; margin:0; text-align:center}
ul#post-bottom{background:#F1F5F9; margin:35px 0 15px 0; padding:15px}
ul#post-bottom li{display:inline; margin:0 5px 0 0}
ul#post-bottom li a{background:#113360; padding:9px 15px 7px 15px; color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
ul#post-bottom li a:hover{background:#8096ad}
ul#post-bottom li a.donate{background:#a11717}
ul#post-bottom li a:hover.donate{background:#b42323}
#main #facebook{margin:10px 0 0 30px}
#main #retweet{position:absolute; bottom:5px; right:30px}
#pagi{padding:0 25px}

/* MORE BLOG */
#more-blog{margin:15px 35px 35px 30px; padding:0 0 40px 0}
#more-blog p#title{color:#d6d6d6; text-transform:uppercase; letter-spacing:3px; margin:0 0 2px 0}
#more-blog h3{padding:10px 100px 10px 0; border-bottom:1px dashed #d6d6d6}
#more-blog h3 a{font-size:14px; color:#002e62; text-decoration:none}
#more-blog h3 a:hover{color:#a11717}
#more-blog h3 span{color:#e6e6e6; white-space:nowrap; position:absolute; top:10px; right:0}
#more-blog a#button{background:#dfe5eb; color:#fff; padding:6px 15px 4px 15px; text-decoration:none; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:absolute; right:0; bottom:0}
#more-blog a:hover#button{background:#002e62; color:#fff}
#more-blog a#rss{background:url('images/rss.png') no-repeat 0 2px; padding:0 0 0 20px; text-decoration:none; color:#e99a3b; position:absolute; left:0; bottom:4px}
#more-blog a:hover#rss{text-decoration:underline}

/* NEWS */
#news{padding:13px 10px; background:#dfe5eb; margin:0 5px 0 0}
#news p img{display:none}
#news ul{margin:0; padding:0; list-style:none; height:32px; width:100%}
#news ul li{float:left; margin:0; padding:0; height:37px; line-height:37px; overflow:hidden; position:relative; background:#ccd3da; -webkit-border-top-left-radius:3px; -khtml-border-radius-topleft:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-radius-topright:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; width:305px}
#news ul li.margin{margin:0 5px 0 0}
#news ul li a{text-decoration:none; color:#fff; display:block; font-size:14px; padding:0 20px; text-transform:uppercase; text-align:center}
#news ul li a:hover{background:#d8dee5}
#news ul li a.selected{background:#fff; color:#a11717; -webkit-border-top-left-radius:3px; -khtml-border-radius-topleft:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-radius-topright:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; cursor:default}
.tab-content{background:#fff; padding:4px 20px 55px 20px; font-size:12px}
.tab-content h2{margin:0 0 4px 0}
.tab-content h2 a{color:#002e62; font-size:16px; margin:0 0 7px 0; text-decoration:none}
.tab-content h2 a:hover{color:#a11717}
.tab-content p.date{font-family:georgia,serif; padding:14px 0 0 0; margin:0 0 3px 0; color:#b3bfca; font-style:italic; font-size:12px; border:none}
.tab-content p{font-size:12px; line-height:17px; padding:0 0 15px 0; border-bottom:1px dashed #d6d6d6}
.tab-content a.button{background:#ccd3da; color:#fff; padding:5px 13px 3px 13px; text-decoration:none; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:absolute; right:20px; bottom:15px; font-size:12px}
.tab-content a:hover.button{background:#002e62}
.tab-content a.rss{background:url('images/rss.png') no-repeat 0 2px; padding:0 0 0 20px; text-decoration:none; color:#e99a3b; position:absolute; left:20px; bottom:18px}
.tab-content a:hover.rss{text-decoration:underline}
.border-bottom {padding:0 0 15px 0; border-bottom:1px dashed #d6d6d6;}

/* SIDEBAR ************************************/
#sidebar{width:300px; float:left; margin:5px 0 0 0; padding:0 0 5px 0}
#sidebar .sidebar-shadow{background:url('images/bg-sidebar-shadow.png') no-repeat 0 0; height:6px; width:300px; margin:0 0 20px 0}

/* SIGNUP */
form#signup{background:url('images/bg-signup.png') no-repeat 0 0 #fff; padding:60px 20px 20px 20px}
form#signup label{color:#99abc0; float:left; width:60px}
form#signup span{color:#99abc0; margin:0 7px; float:left}
form#signup input#email{border-bottom:1px solid #e3e9f0; border-left:none; border-right:none; border-top:none; width:198px; float:left; padding:0 0 5px 2px; margin:0 0 20px 0; color:#3e5570; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:13px}
form#signup input.phone{border-bottom:1px solid #e3e9f0; border-left:none; border-right:none; border-top:none; width:40px; float:left; margin:0 0 20px 0; color:#3e5570; padding:0 0 5px 2px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:13px}
form#signup input#signup-button{background:url('images/btn-signup.png') no-repeat 0 0; width:260px; height:32px; border:none; cursor:pointer; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}
form#signup input#signup-button:hover{filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95}

/* SEARCH */
form#search{background:#f1f5f9; padding:10px; margin:0 0 20px 0; clear:both}
form#search input#search-box{border:1px solid #fff; ; font-size:14px; color:#d3d9e0; padding:8px 10px 6px 10px; float:left; width:213px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; height:16px}
form#search input#search-box:focus{color:#113360; border:1px solid #fff}
form#search input#search-button{background:url('images/btn-go.png') no-repeat 0 0; width:45px; height:32px; border:none; cursor:pointer}
form#search input#search-button:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}

/* EVENTS */
ul#events{background:url('images/bg-events.png') no-repeat 0 0 #fcfdfe; padding:45px 0 5px 0; list-style:none; border-top:1px solid #E8EDF1}
ul#events li{padding:10px 20px 10px 60px; border-bottom:1px solid #f2f5f9}
ul#events li p{position:absolute; top:10px; left:0; margin:0 0 0 20px; text-align:center; color:#99abc0; font-size:10px; text-transform:uppercase; line-height:15px; letter-spacing:2px}
ul#events li p span{font-size:16px; display:block}
ul#events li a{color:#113360; text-decoration:none}
ul#events li a:hover{color:#a11717}
ul#events p{margin:7px 20px 0 0; text-align:right}
ul#events p a#more{color:#b1bac3; font-size:11px; text-decoration:none}
ul#events p a:hover#more{color:#002e62}

/* SOCIAL TABS */
#social-tabs{margin:30px 0 0 0}
#social-tabs ul{margin:0; padding:0; list-style:none; height:30px}
#social-tabs ul li{background:#f1f5f9; -webkit-border-top-left-radius:3px; -khtml-border-radius-topleft:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-radius-topright:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; float:left}
#social-tabs ul li a{display:block; text-indent:-9999px; width:150px; height:30px}
#social-tabs ul li a.youtube.selected{background:url('images/bg-socialtabs.png') no-repeat 0 0; cursor:default}
#social-tabs ul li a.flickr.selected{background:url('images/bg-socialtabs.png') no-repeat -150px 0; cursor:default}
#social-tabs ul li a.youtube{background:url('images/bg-socialtabs.png') no-repeat 0 -30px}
#social-tabs ul li a.flickr{background:url('images/bg-socialtabs.png') no-repeat -150px -30px}
#social-tabs #youtube{background:#f1f5f9; padding:10px 0 30px 10px; width:290px; float:left}
#social-tabs #flickr{background:#f1f5f9; padding:10px 0 25px 10px; margin:0 0 20px 0; width:290px; float:left}
#social-tabs #flickr a#badge{background:url('images/bg-flickr.png') no-repeat 0 0; height:28px; width:105px; display:block; position:absolute; top:-28px; right:0; text-indent:-9999px}
#social-tabs #flickr a img{margin:0 4px 4px 0; padding:0px; border:4px solid #fff; width:59px; height:59px}
#social-tabs #flickr a:hover img{border:4px solid #002e62}
#social-tabs a.more{color:#b1bac3; font-size:11px; text-decoration:none; position:absolute; bottom:5px; right:10px}
#social-tabs a:hover.more{color:#002e62}

/* FOOTER ************************************/
#footer{background:#f1f5f9; padding:20px 0 20px 0; border-top:1px solid #e3e9ef; border-bottom:1px solid #e3e9ef}

/* TWITTER */
#twitter{background:url('images/bg-twitter.png') repeat-x 0 0 #ddeef6; padding:30px 20px 10px 20px; margin:0 0 0 5px; width:595px; float:left}
#twitter a#follow{color:#84a5b5; position:absolute; top:18px; left:20px; text-decoration:none; font-size:11px}
#twitter a:hover#follow{text-decoration:underline}
#twitter #twitter-logo{position:absolute; top:13px; right:20px; height:18px; width:74px}
ul#twitter_update_list{background:url('images/bg-twitterbubble.png') no-repeat 470px 0; list-style:none; padding:10px 0 0 0}
ul#twitter_update_list li span{background:#fff; display:block; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:10px 15px; color:#84a5b5}
ul#twitter_update_list li span a{color:#536e7b; margin:0; display:inline; text-align:left; text-decoration:underline}
ul#twitter_update_list li span a:hover{text-decoration:none}
ul#twitter_update_list li a{text-decoration:none; color:#84a5b5; margin:4px 15px 0 0; display:block; text-align:right}
ul#twitter_update_list li a:hover{text-decoration:underline}

/* CONTACT */
#footer #contact{margin:0 0 0 40px; width:280px; float:left}
#footer #contact p{margin:0 0 8px 0}
#footer #contact p#title{font-size:10px; text-transform:uppercase; color:#002e62; margin:3px 0 8px 0}
#footer #contact p.contact{padding:0 0 0 70px; margin:0 0 3px 0; line-height:14px; position:relative}
#footer #contact p.contact span{position:absolute; top:0; left:0; color:#bdbdbd}

/* DISCLAIMER */
#disclaimer{margin:20px 0 35px 680px}
#disclaimer p{color:#aeaeae; font-size:10px; text-align:right}
#disclaimer p#paidfor{text-transform:uppercase; margin:0 0 5px 0; color:#aeaeae; font-size:10px; border:1px solid #ddd; padding:5px 0 3px 0; width:278px; text-align:center; margin:0 0 5px 0}

/* FOOTER NAVIGATION */
ul#menu-footer-navigation{position:absolute; top:10px; left:5px; z-index:9999}
ul#menu-footer-navigation li{display:inline; float:left; margin:0 30px 0 0}
ul#menu-footer-navigation li a{color:#002e62; font-size:11px; text-transform:uppercase; text-decoration:none}
ul#menu-footer-navigation li a:hover{color:#a11717}
