/*
Theme Name: Vote Segal
Description: WordPress theme for David Segal's 2010 campaign.
Author: Kai Schaller
Version: 1.0
*/

body { background: #09235a url('images/gradient-bg.png') repeat-x; font: 13px/150% Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; }
a { color: #2387e5; text-decoration: none; }

/* UTILITY */
.clear { clear: both; }

#wrapper { background: url('images/shadow-bg.png') repeat-y; margin: 0 auto; width: 992px; }

/* HEADER */
#header { background: url('images/header-bg.png') no-repeat; height: 165px; margin: 0 auto; width: 960px;}
#header #logo { height: 142px; left: 13px; position: relative; top: 15px; width: 400px; }

/* NAV */
#nav { background: url('images/nav-bg.png') repeat-x; margin-left: 16px; height: 50px; width: 961px; z-index: 999; }
#nav ul { height: 50px; list-style: none outside none; margin: 0 auto; width: 961px; z-index: 999; }
#nav li { background-repeat: no-repeat; display: block; float: left; height: 50px; position: relative; text-indent: -9999px; z-index: 999; }
#nav li:hover { background-position: 0px -50px; }
#nav li:hover ul { display: block; }
#nav li a { display: block; font-family: Helvetica, Arial, sans-serif; height: 50px; z-index: 999; }
#nav ul ul { background: url('images/nav-dropdown.png') no-repeat center bottom; display: none; height: auto !important; left: -4px; line-height: 16px; padding: 0 5px 8px; position: absolute; top: 50px; width: 166px; }
#nav ul ul li { display: block; height: auto; text-indent: 0; width: 166px; }
#nav ul ul li a { display: block; height: auto !important; padding: 4px 0 4px 10px; width: 156px; }
#nav ul ul li a:hover { background-color: #f1f1f1; }
#nav li#he { background-image: url('images/nav-home.png'); width: 86px; }
#nav li#ad { background-image: url('images/nav-about.png'); width: 145px; }
#nav li#is { background-image: url('images/nav-issues.png'); width: 97px; }
#nav li#ps { background-image: url('images/nav-press.png'); width: 99px; }
#nav li#es { background-image: url('images/nav-events.png'); width: 111px; }
#nav li#ct { background-image: url('images/nav-contact.png'); width: 123px; }
#nav li#ce { background-image: url('images/nav-contribute.png'); width: 133px; }
#nav li#vl { background-image: url('images/nav-volunteer.png'); width: 127px; }

/* MAIN */
#main { clear: both; height: 375px; margin-left: 16px; }

#main #banners { float: left; height: 375px; width: 660px; }
#main #banners #bannerNav { left: 277px; position: absolute; top: 347px; width: 100%; z-index: 50; }
#main #banners #bannerNav #bannerPrev a, #main #banners #bannerNav #bannerNext a { display: block; float: left; height: 22px; text-indent: -9999px; width: 15px; }
#main #banners #bannerNav #bannerPrev a { background: url('images/banner_nav-prev.png') no-repeat left top; }
#main #banners #bannerNav #bannerNext a { background: url('images/banner_nav-next.png') no-repeat left top; }
#main #banners #bannerNav #bannerPrev a:hover, #main #banners #bannerNav #bannerNext a:hover { background-position: left -23px; }
#main #banners #bannerNav #bannerDots a { background: url('images/banner_nav-dots.png') no-repeat left top; display: block; float: left; height: 22px; text-indent: -9999px; width: 20px; }
#main #banners #bannerNav #bannerDots a:hover { background-position: left -23px; }
#main #banners #bannerNav #bannerDots a.activeSlide { background-position: left -46px; }

#main #sidebar { background-image: url('images/sidebar-bg.png'); float: left; height: 375px; position: relative; width: 301px; }
#main #sidebar h3#join { background: url('images/join_the_campaign.png') no-repeat; height: 19px; left: 29px; position: absolute; text-indent: -9999px; top: 22px; width: 244px; }
h3#contribute { background: url('images/contribute_to_help.png') no-repeat; height: 46px; left: 33px; position: absolute; text-indent: -9999px; top: 220px; width: 235px; }

#contrib-box { background-image: url('images/sidebar-bg.png'); height: 375px; width: 301px; }

form .row { margin-bottom: 8px; }
form label { color: #97a5b3; float: left; font-family: Arial, sans-serif; font-size: 12px; margin: 5px 10px 0 0; text-align: right; width: 61px; }
form input { border: 2px #3e78ad solid; color: #666; font-size: 13px; height: 22px; }
form .button { border: none !important; height: auto !important; width: auto !important; }

form#frmJoin { left: 35px; position: absolute; top: 57px; width: 225px; }
form#frmJoin .row input { width: 148px; }
form#frmJoin .row input#txtZip { float: left; width: 45px; }
form#frmJoin .row input#signup { float: left; margin: -1px 0 0 9px; }

#donations { left: 35px; position: absolute; top: 279px; width: 225px; }
form#frmActBlue input, form#frmPayPal input { float: left; width: 75px; }
form#frmActBlue input.button, form#frmPayPal input.button { float: none; margin: -1px 0 0 5px; }

/* SECONDARY */
#secondary { background-color: #104984; clear: both; margin: 0 0 0 16px; width: 961px; }
#secondary #content { background-color: #fff; width: 660px; }

#secondary #content #upcomingEvents { background: #fff url('images/upcoming_events-bg.png') no-repeat; float: left; min-height: 169px; width: 202px; }
#secondary #content #upcomingEvents h2 { background: url('images/upcoming_events.png') no-repeat; margin: 10px 0 10px 10px; text-indent: -9999px; }
#secondary #content #upcomingEvents .upcomingEvent { background: url('images/upcoming_events-gradient.png') no-repeat center bottom; margin: 0 0 7px 0; padding: 0 0 10px 8px; width: 189px; }
#secondary #content #upcomingEvents .eventDate { clear: left; color: #9d0000; float: left; font-weight: bold; }
#secondary #content #upcomingEvents .eventDate .eventMonth { font-size: 16px; }
#secondary #content #upcomingEvents .eventDate .eventDay { font-size: 22px; }
#secondary #content #upcomingEvents .eventDescription { clear: right; float: right; width: 128px; }
#secondary #content #upcomingEvents .eventDescription .eventFullDate { color: #9d0000; font-size: 12px; font-style: italic; }
#secondary #content #upcomingEvents .eventDescription .eventLink { color: #5c5c5c; font-size: 14px; line-height: 14px; }
#secondary #content #upcomingEvents .eventDescription .eventLink a { color: #5c5c5c; font-size: 14px; text-decoration: none; }

#secondary #content #news { background-color: inherit; margin: 0 10px 0 215px; padding: 10px 0 20px 0; width: 433px; }
/*#secondary #content #news h2 { background: url('images/news_and_press_releases.png') no-repeat; height: 19px; margin: 0 0 0 -5px; text-indent: -9999px; width: 271px; }*/
#secondary #content #news h2 { font-size: 1.4em; }
#secondary #content #news h2 a { color: #0a52bd; font: italic bold 17px Arial, Verdana, sans-serif; margin: 10px 0 4px 0; }
#secondary #content #news h3 { color: #0a52bd; font: italic bold 17px Arial, Verdana, sans-serif; margin: 10px 0 4px 0; }
#secondary #content #news h4 { color: #900; font: bold 14px Georgia, "Times New Roman", serif; margin-bottom: 6px; }
#secondary #content #news p { color: #444; font: 14px "Times New Roman", Times, serif; }

#secondary #secondarySidebar { color: #fff; float: right; font: 14px Verdana, sans-serif; padding: 10px 0 0 10px; width: 291px; }
#secondary #secondarySidebar #allstarButton { margin: 5px 0 12px 15px; width: 253px; }
#secondary #secondarySidebar ul#socialNetworks { margin-top: 8px; }
#secondary #secondarySidebar ul#socialNetworks li { float: left; margin-left: 12px; }

/* INTERNAL */
#internal #main { background-color: #06446c; height: auto; margin-right: 15px; }
#internal #side { color: #fff; float: right; font: 14px Verdana, sans-serif; width: 301px; }
#internal #side #followUs { margin: 10px 0 0 10px; }
#internal #side ul#socialNetworks { margin-top: 8px; }
#internal #side ul#socialNetworks li { float: left; margin-left: 12px; }
#internal #content { background-color: #fff; width: 660px; }
#internal #content .inner { padding: 10px 10px 20px 14px; }
#internal #content h2 { color: #c01616; font: italic bold 22px Helvetica, Arial, Verdana, sans-serif; margin: 5px 0 10px 0; }
#internal #content h3 { color: #0a52bd; font-size: 17px; font-weight: bold; margin: 0 0 7px 0; }
#internal #content p { margin-bottom: 9px; }

/* FOOTER */
#footer { background-color: #222; clear: both; color: #ccc; font-family: Helvetica, Arial, sans-serif; height: 139px; margin: 0 auto; width: 962px; }
#footer h3 { font-size: 14px; font-weight: bold; }
#footer a { color: #929292; font-size: 11px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .footerBlock { float: left; height: 139px; margin: 10px 10px 0 25px; }
#footer .footerBlock ul { float: left; margin: 5px 25px 0 7px; }
#footer #paidFor { border: 1px solid #414141; color: #929292; float: right; font-size: 11px; margin: 40px 30px 0 0; padding: 10px; text-align: center; width: 500px; }

#dchlang {
  background-color: #fff;
  text-align: right;
  margin-left: 16px;
  margin-right: 15px;
  padding: 0px;
  font-weight: bold;
}

#chlang {
  padding-right: 15px;
}

/* PRESS RELEASES */
.hidden{ display: none; }

#proposal {
  border-style: outset;
  border-color: #ea2;
  border-width: 4px;
  padding: 1ex;
  margin-bottom: 1ex;
  background-color: #f9b233;
  border-radius: 8px;
  -moz-border-radius: 8px;
}