/*
Theme Name: NC State Republican Senate Committee
Version: 2.0
Author: O3 Strategies, Inc.
*/

body { background: url(images/background.png) #3aa3ff repeat-x; margin: 0; padding: 0; font-family: Georgia, Serif; font-size: 14px; line-height: 1.4; }
img { border: 0; }
a { color: #0071d0; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
p { margin: 0; margin-bottom: 10px; }
h1, h2, div.date { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Arial Narrow",sans-serif !important; }
#socialmenu { background: #fff; height: 38px; text-align: center; line-height: 38px; font-size: 8pt; }
#socialmenu a { color: #000;}
#socialmenu img { margin-top: 3px; }
#socialmenu ul { list-style-type: none; margin: 0; padding: 0; }
#socialmenu ul li { display: inline; padding: 0 10px 0 15px; height: 14px;}
#socialmenu ul li.facebook { background: url(images/social_menu_facebook.png) no-repeat; }
#socialmenu ul li.twitter { background: url(images/social_menu_twitter.png) no-repeat; }
#socialmenu ul li.youtube { background: url(images/social_menu_youtube.png) no-repeat; }
#socialmenu2 { position: absolute; top: 30px; right: 0px; text-align: right; width: 300px; }
#socialmenu2 a { color: #000;}
#socialmenu2 img { border: 0; }
#socialmenu2 ul { list-style-type: none; margin: 0; padding: 0; }
#socialmenu2 ul li { display: inline; padding: 0 10px 0 15px; height: 14px;}

#clouds { position: absolute; width: 100%; height: 700px; background: url(images/clouds.jpg) no-repeat top center; z-index: -1 }
#container { width: 977px; margin: 0 auto; }
#header { width: 100%; height: 140px; position: relative; }
#logo { position: absolute; left: -79px; top: -20px; }
#social-header { position: absolute; top: 50px; right: 0px; text-align: right; color: #fff; font-family: sans-serif}
#nav { height: 73px; background: url(images/nav_background.png); font-family: Myriad; font-stretch: ultra-condensed; font-size: 23pt; text-align: center; }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav ul li { display: inline; height: 73px; line-height: 73px; padding: 0 17px; background: url(images/nav_divider.png) no-repeat right; }
#nav ul li.page-item-14 { background: none; }
#nav ul li a { text-transform: uppercase; text-decoration: none; color: #75b1e6; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Arial Narrow",sans-serif !important; }
#nav ul li a:hover { color: #000; }
#nav ul li:last-child { background: none; }
#splash { background: url(images/splash_background.png); height: 347px; position: relative; }
#splash #feature { width: 703px; height: 347px; float: left; padding: 10px 13px; position: relative; }
#splash #feature #main-feature { text-align: center; }
#splash #feature #main-feature .feature-container { cursor: hand; cursor: pointer; }
#splash #feature h1 { color: #fff; text-transform: uppercase; margin: 0; padding: 0; font-size: 28pt; text-align: center; width: 703px;  }
#splash #feature h1 span.color1 { color: #5eb4ff; }
#splash #feature .scrollable ul { margin: 0; padding: 0; list-style-type: none; }
#splash #feature .scrollable ul li { float: left; margin-right: 10px; width: 20px; height: 20px; text-align: center; background: url(images/feature_nav.jpg); color: #fff; font-size: 11pt; padding: 2px; cursor: hand; cursor: pointer; line-height: normal }
#splash #feature .scrollable ul li a { color: #fff; }
#splash #feature .scrollable ul li.middle { line-height: 31px; }
#splash #feature .scrollable ul li.current { border: 3px solid #fff; margin-top: -3px; }
#splash #feature .scrollable { position: absolute; bottom: 30px; left: 13px; }
#splash #action { width: 229px; float: right; padding: 5px; }
#splash #action #action-container h2 { font-size: 26pt; margin: 0; padding: 0; width: 229px; height: 51px; line-height: 56px; color: #fff; text-align: center; text-transform: uppercase; cursor: hand; cursor: pointer; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2","Arial Narrow",sans-serif; }
#splash #action #action-container h2.contribute { background: url(images/contribute_background.png); padding-top: 5px; }
#splash #action #action-container h2 a { color: #fff; text-decoration: none; }
#splash #action #action-container h2.get-involved { background: url(images/get_involved_background.png); padding-bottom: 5px;}
#splash #action #action-container h2.get-involved.current { background: url(images/get_involved_background2.png); padding-top: 5px; padding-bottom: 0px; }
#splash #action #action-container div.pane { height: 185px; padding: 20px; }
#splash #action #action-container div.contribute { background: url(images/contribute_pane_background.png); color: #fff; }
#splash #action #action-container div.get-involved { background: url(images/get_involved_pane_background.png); color: #fff;  }
#splash #action #action-container div.pane ul { list-style-type: none; margin: 0; padding: 0; }
#splash #action #action-container div.pane ul li { padding: 3px 0; }
#splash #action #action-container div.pane input.text { width: 100% ; }
input.error { border: 3px solid red; }
#splash #action #action-container div.pane input.radio { padding: 3px 0; }
#content-container { background: url(images/content_container_background.png); padding: 6px 8px;}
#content { background: url(images/content_background2.png); color: #5f5f5f; font-size: 10pt;   }
#content .left { padding: 20px 55px; width: 513px; float: left;}
#content .members { padding: 20px 55px; }
#content .right { width: 289px; float: right; padding: 20px 22px; }

#content .left h1, #content .members h1 { color: #737373; font-size: 30pt; text-transform: uppercase; margin: 0; padding: 0; }
#content .left h2 { color: #3aa3ff; font-size: 20pt; }
#content .left h2 a { text-decoration: none; color: #3aa3ff; }
#content .right h2 { color: #737373; font-size: 23pt; text-transform: uppercase; margin: 0; padding: 0; }
#content .right ul#sidebar { margin: 0; padding: 0; list-style-type: none; }
#content .right ul#sidebar li { margin-bottom: 40px; }
#content .right ul#sidebar li ul { margin: 0 0 0 15px; list-style-type: none; padding: 0; }
#content .right ul#sidebar li ul li { margin: 0; }

#footer { background: #c4e4ff; }
#footer .left { width: 593px; padding: 20px 5px; float: left; text-align: center; }
#footer .right { width: 289px; float: right; padding: 20px 22px; }
#footer .left ul { list-style-type: none; margin: 0; padding: 0; }
#footer .left ul li { display: inline; padding: 0 7px; }
#footer .left ul li a { font-size: 18pt; text-transform: uppercase; }

div.post {position: relative; margin-bottom: 40px; }
div.post h2 { margin-bottom: 0; padding-bottom: 0; }
div.date { width: 52px; height: 52px; position: absolute; left: -59px; top: 5px; background: url(images/date.png); text-transform: uppercase; color: #d82500; }
div.date span.month { font-size: 8pt; position: absolute; left: 0; top: 8px; width: 43px; text-align: center;  }
div.date span.day { font-size: 14pt; position: absolute; left: 0; top: 20px; width: 43px; text-align: center;  }
div.author { font-size: 8pt; }
div.meta { background: #f1f1f1; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 20px; }
div.meta span { display: block; line-height: 14pt; }
div.post div.meta span.continue { width: 48% !important; float: left !important; padding: 0px !important }
div.post div.meta span.comments { width: 48% !important; float: right !important; text-align: right !important; padding: 0px !important;}

div.post div#post-nav { margin-top: 30px; }
div.post div#post-nav .left { width: 48% !important; float: left; padding: 0 !important; }
div.post div#post-nav .right { width: 48% !important; float: right; padding: 0 !important; text-align: right;}

div.post div.share { padding: 20px; }

div.page-navigation { margin-top: 30px; }
div.page-navigation .left { width: 48% !important; float: left; padding: 0 !important; }
div.page-navigation .right { width: 48% !important; float: right; padding: 0 !important; text-align: right;}

.anchor { clear: both; }

/* Comments */
div#comments ul{ list-style-type: none; margin: 0; padding: 0; }
div#comments ul li { padding: 15px 0; }
div#comments ul li div.author { float: left; width: 100px; text-align: center; }
div#comments ul li div.info {float: right; width: 413px; }
div#comments ul li div.info div.comment_date { width: 55%; float: left; font-size: 8pt;  }
div#comments ul li div.info div.act { width: 40%; float: right; text-align: right; font-size: 8pt;  }
form#commentform textarea { width: 100%; height: 150px; }

/* Archives */
table.archive { width: 100%; border-collapse: collapse; }
table.archive tr td { border-bottom: 1px solid #3AA3FF; }
table.archive tr td.title { width: 75%; padding: 6px 10px 6px 4px;  }
table.archive tr td.arc-date { width: 25%; padding: 6px 0 6px 0; }

/* Profile */
div.profile { background: #cbe2fd; padding: 5px; width: 186px; float: left; margin-right: 20px; }
div.profile div.photo { width: 186px; border: 1px solid #000;}
div.profile div.caption { text-align: center; padding: 5px 0; color: #000; font-style: italic; }
p.district { font-size: 18px; font-weight: bold; }

/* Map */
div.tooltip { display: none; width: 225px; height: 150px; position: absolute; text-align: center;   }
div.tooltip div.photo img { border: 1px solid black; }
div.tooltip div.caption { font-style: italic; margin-top: 10px; }

table.candidates { width: 100%; }
table.candidates td { text-align: center; }

.alignleft { float: left; margin: 0 10px 5px 0 !important; }
.alignright { float: right; margin: 0 0 5px 10px !important; }

/* Contest */
form#contest ul { margin: 0 !important; padding: 0 !important; }
form#contest ul li { padding: 4px 0; }
form#contest ul li input.text { width: 124px; padding: 3px; }
form#contest ul li select { width: 288px; padding: 3px;}
form#contest ul li select.error { border: 3px solid red;}