/*  
Theme Name: 511 Contra Costa New Theme
Theme URI: http://www.511contacosta.org
Description: Theme for 511 Conta Costa
Version: 1.0
Author: BlinkTag Inc.
Author URI: http://blinktag.com
*/

a{
  text-decoration: none;
  color: #336699;
}

a:hover{
  text-decoration: underline;
}

p{
  padding: 10px 0 0 0;
}

hr {
  clear:both;
  background-color: #4C94C6;
  height: 1px;
  border-style: none;
}

div.wp-caption {
	background: #fefefe;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-left: 10px;
	width: auto;
}
p.wp-caption-text {
	text-align:center;
	font-size: 10px;
	color: #666;
	padding-right: 10px;
}

img.alignright,
.alignright {
    float:right; 
    margin: 0 0 1.5em 1.5em
}
img.alignleft,
.alignleft {
    float:left; 
    margin: 0 1.5em 1.5em 0
}
img.aligncenter,
.aligncenter {
    display: block; 
    margin-left: auto; 
    margin-right: auto
}
a img.alignright {
    float:right; 
    margin: 0 0 1.5em 1.5em
}
a img.alignleft {
    float:left; 
    margin: 0 1.5em 1.5em 0
}
a img.aligncenter {
    display: block; 
    margin-left: auto; 
    margin-right: auto
}

blockquote, code{
font-size:1.25em;
background:none;
line-height: 1.5em;
border-top:#4C739E 3px solid;
border-bottom:#4C739E 3px solid;
color:#4C739E;
}

body{
  font-family: Arial, Helvetica, Georgia, Sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  background: #bae5f8 url('images/background.jpg') no-repeat top center;
  color: #000000;
}

body, h1, h2, h3, h4, h5, h6, blockquote, address, dd, dl, hr, form p{
  margin: 0;
  padding: 0;
}
h1{
  font-size: 24px;
  padding: 0 0 10px 0;
}

#wrapper{
  margin:0 auto 0 auto;
  width: 983px;
  text-align: left;
}

#header{

}

#header #logo {
  width:200px;
  position:relative;
}
  
#header h1{
  position:absolute;
  top: 0;
  left: 0;
  padding: 0;
  display:block;
  width:200px;
  height:121px;
  text-indent:-9009px;
  overflow:hidden;
  background:transparent url(images/511_contra_costa_logo.png) no-repeat 0 10px;
}

#header h1 a {
  display:block;
  width:100%;
  height:100%;
  outline:none;
}

#header #topbuttons {
  width: 250px;
  float: right;
  margin-top:36px;
}

#header #announcement {
  width: 510px;
  float: right;
  text-align: center;
  margin-right:70px;
}

/* Top rollover menu styles */

ul.menu {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.menu li {
  padding: 0;
  margin: 0;
  height: 30px;
  list-style: none;
  background-repeat: no-repeat;
  float:left;
}
ul.menu li a{
  display: block;
  text-decoration: none;
  text-indent: -9000px;
  height: 30px;
  background-repeat: no-repeat;
}
ul.menu li.home a {background: url(images/menu/home-trans.png) 0 0 no-repeat; width: 65px;}
ul.menu li.about a {background: url(images/menu/about-trans.png) 0 0 no-repeat; width: 68px;}
ul.menu li.publications a {background: url(images/menu/publications-trans.png) 0 0 no-repeat; width: 88px;}

ul.menu li.home a {_background: url(images/menu/home.gif) 0 0 no-repeat; width: 65px;} /* IE6 Hack */
ul.menu li.about a {_background: url(images/menu/about.gif) 0 0 no-repeat; width: 68px;} /* IE6 Hack */
ul.menu li.publications a {_background: url(images/menu/publications.gif) 0 0 no-repeat; width: 88px;} /* IE6 Hack */

ul.menu li a:hover {background-position: 0 -30px;}

/* Top Search Form Styles */

#header #search_box {
    width: 150px;
    height: 20px;
  margin-top:40px;
  float:right;
    background: url(images/searchbox-trans.png) 0 0 no-repeat;
}
#header #search_box #s {
    padding: 0;
    margin: 2px 0 0 2px;
    border: 0;
    width: 130px;
    background: none;
  float:left;
  font-weight:bold;
}
#header #search_box #searchsubmit {
    float: right;
    margin: 4px 4px 0 0;
}

/* Content */

#content {
  clear:both;
  padding-top:15px;
}

/* Top Tabs */

#toptabs {
  background: url(images/toptabs/toptabs-new.png) right 0 no-repeat;
  height: 22px;
  width:776px;
  float:right;
  overflow: hidden;
  margin-right:65px;
}

#toptabs ul {
  margin: 0;
  padding: 0;
}
#toptabs ul li {
  padding: 0;
  margin: 0;
  height: 30px;
  list-style: none;
  float:left;
}
#toptabs ul li a{
  display: block;
  text-decoration: none;
  height: 22px;
  padding-top:5px;
  color:#FFF;
  text-align:center;
  font-size:13px;
}

#toptabs ul li.transit a {width: 81px;}
#toptabs ul li.transit a:hover {background-color:#4c94c6;}
#toptabs ul li.driving a {width: 65px;margin-left:5px;}
#toptabs ul li.driving a:hover {background-color:#4c94c6;}
#toptabs ul li.bike_ped a {width: 91px;}
#toptabs ul li.bike_ped a:hover {background-color:#4c94c6;}
#toptabs ul li.employer_services a {width: 78px;margin-left:9px;}
#toptabs ul li.employer_services a:hover {background-color:#85b539;}
#toptabs ul li.school a {width: 100px;margin-left:0;}
#toptabs ul li.school a:hover {background-color:#85b539;}
#toptabs ul li.senior a {width: 54px;margin-left:5px;}
#toptabs ul li.senior a:hover {background-color:#85b539;}
#toptabs ul li.map a {width: 110px;margin-left:20px;}
#toptabs ul li.map a:hover {background-color:#c3bf3d;}
#toptabs ul li.about a {width: 45px; margin-left: 20px;}
#toptabs ul li.about a:hover {background-color: #c89244;}

/* Page Styles */
#topbox{
  background: url(images/pages/topbox-trans.png) no-repeat;
  height: 139px;
  padding: 14px 16px;
  clear:both;
}

#topbox #featured_image {
  height: 134px;
  width: 713px;
  float:left;
} 

/* Homepage Styles */

#homebox {
  background: url(images/homepage/homebox-trans.png) no-repeat;
  height: 295px;
  padding: 12px 16px;
  clear:both;
}

#homebox #featured_image {
  background: url(images/homepage/making-travel-greener.jpg) no-repeat;
  height: 282px;
  width: 713px;
  float:left;
} 

#homebox #featured_image #text {
  position:relative;
  top:215px;
  left: 18px;
  color: #fff;
  width:425px;
  font-size:11px;
}

#homebox #featured_image #text a{
  color: #fff;
}

/* Promotions Page Styles */

#promos-potw {
  margin: 10px;
  border: 1px solid #eee;
  padding: 10px 20px;
  height: 130px;
  width: 650px;
  background: url(images/trans.png) 0 0 repeat;
  box-shadow: 3px 3px 3px #666;
  -moz-box-shadow: 3px 3px 3px #666;
  -webkit-box-shadow: 3px 3px 3px #666;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow:hidden;
}

#promos-potw a {
  display: block;
  height: 180px;
  width: 650px;
}

#promos-potw a:hover{
  text-decoration:none;
}

#promos-potw:hover {
  box-shadow: 3px 3px 3px #000;
  -moz-box-shadow: 3px 3px 3px #000;
  -webkit-box-shadow: 3px 3px 3px #000;
}

#promos-potw h3 {
  margin: 10px 0;
}

#promos-potw img {
  float: left;
  width: 130px;
  margin-right: 20px;
}

#promos-potw a img {
  border: 1px solid #000;
}

#promos h2 {
  color: #FFF;
  padding: 10px;
  background: #3d779f;
  border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  clear:both;
}

#promos p{
  padding-bottom:0;
  margin-bottom:0;
}

.promoImage {
  width:130px;
  height:130px;
  border-radius:10px;
  margin:0 auto;
}

ul.promotions li {
  display: block;
  min-height: 235px;
  width: 150px;
  float: left;
  margin: 10px 20px;
  border: 1px solid #eee;
  padding: 10px;
  background: url(images/trans.png) 0 0 repeat;
  box-shadow: 3px 3px 3px #666;
  -moz-box-shadow: 3px 3px 3px #666;
  -webkit-box-shadow: 3px 3px 3px #666;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul.promotions li:hover{ 
  box-shadow: 3px 3px 3px #000;
  -moz-box-shadow: 3px 3px 3px #000;
  -webkit-box-shadow: 3px 3px 3px #000;
}

ul.promotions li a {

}

ul.promotions li a:hover {
  text-decoration: none;
}

ul.promotions li img {
  margin: 10px;
}

/* This Week's Headlines blog post styles */

#headlines {
  margin: 0 auto;
  width: 500px;
}

#headlines a {
  text-decoration: none;
  color: #000;
}

#headlines a:hover {
  color: #0769b0;
}

#headlines h1 {
  font-size: 13px;
  text-align: center;
}

#headlines h2 {
  font-size: 12px;
  text-align: center;
  color: #000;
}

#headlines p, ul.headlines {
  font-size: 11px;
}

#headlines li {
  margin-left: -35px;
  padding: 5px 5px 8px 5px;
  list-style: none;
}

#headlines-header {
  width: 488px;
  height: 73px;
  margin-bottom: 7px;
  background: url(images/headlines/header.png) no-repeat 0 0;
}

#headlines-events {
  width: 140px;
  height: 480px;
  border: 1px solid #DDD;
  float: left;
  margin-right: 7px;
  padding: 8px;
}

#headlines img {
  width: 120px;
  margin: 0 10px;
  border: 1px solid #bcbcbc;
}

#headlines-local {
  width: 140px;
  height: 480px;
  border: 1px solid #DDD;
  float: left;
  margin-right: 7px;
  padding: 8px;
}

#headlines-bay {
  width: 140px;
  height: 480px;
  border: 1px solid #DDD;
  float: left;
  padding: 8px;
  margin-bottom: 7px;
}

#headlines-peets-tw {
  width: 488px;
  height: 37px;
  margin: 0;
  padding: 0;
  background: url(images/headlines/twitter.png) no-repeat 0 0;
  clear: both;
}

#headlines-peets-tw a {
  display: block;
  width: 488px;
  height: 37px;
}

#headlines-peets-fb {
  width: 488px;
  height: 36px;
  padding: 0;
  background: url(images/headlines/facebook.png) no-repeat 0 0;
  float: left;
  margin-bottom: 20px;
}

#headlines-peets-fb a {
  display: block;
  width: 488px;
  height: 36px;
}

/* News & Events Tab */

#newsbox {
  width: 240px;
  float:right;
  display: block; /* Toggle between news and events, shown by default */
  overflow: hidden;
  margin-bottom:5px;
  line-height:12px;
  max-height:255px;
}

#eventsbox {
  width: 240px;
  float:right;
  display: none; /* Toggle between news and events, hidden by default */
  overflow: hidden;
  margin-bottom:5px;
  line-height:12px;
}

#newseventstabs {
  height: 40px;
}

#newseventstabs ul {
  margin: 0;
  padding: 0;
}
#newseventstabs ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  background-repeat: no-repeat;
  float:left;
}
#newseventstabs ul li a{
  display: block;
  text-decoration: none;
  height: 24px;
  background-repeat: no-repeat;
  cursor:pointer;
  width:80px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#newseventstabs ul li.newstabselect a {
    background: #6D8855;
    padding-left: 20px;
    padding-top: 15px;
    color: white;
    text-transform: uppercase;
    border:1px solid #fff;
    font-size: 16px;
}
#newseventstabs ul li.newstab a {
    background: #95B567;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;
    padding-left: 20px;
    padding-top: 15px;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
}
#newseventstabs ul li.eventstabselect a { 
    background: #6D8855;
    padding-left: 20px;
    padding-top: 15px;
    color: white;
    text-transform: uppercase;
    border:1px solid #fff;
    height: 23px;
    font-size: 16px;
}
#newseventstabs ul li.eventstab a { 
    background: #95B567;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;
    padding-left: 20px;
    padding-top: 15px;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
}

.newseventscontent {
  background-color:#95b567;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top: 10px;
  height: 204px;

}

.newseventscontent ul{
  margin:0;
  list-style:none;
  padding:0;
  max-height: 135px;
  overflow:hidden;
}

.newseventscontent ul li{
  padding:0;
  margin:0;
}

.newseventscontent .newsitem {
  padding: 7px 0;
  clear: both;
  overflow:hidden;
}

.newseventscontent .newsitem .newsdate {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  width: 37px;
  padding-right:3px;
  float:left;
}

.newseventscontent .newsitem .newstext {
  margin-left:15px;
  width: 210px;
  float:left;
}

.newseventscontent .newsitem .newstext,
.newseventscontent .newsitem .newstext a {
  color: #000;
  font-size: 11px;
}
#tweets.newseventscontent .newsitem .newstext a {
    font-weight: bold;
}

.newseventscontent .newsitem .newstext a:hover{
  color: #336699;
  text-decoration: none;
}

.newseventscontent .newsmore {
  padding: 3px 15px;
  text-align:right;
}
.newseventscontent #twitter-follow a {
    margin-left: 15px;
    color: #000;
    font-weight: bold;
}

/* Bottom Boxes */
#bottomboxes {
  clear: both;
  background: url(images/footer/bottomfade-trans.png) no-repeat;
  background-position: bottom center;
  _background-image: none; /* Hack for IE6 due to lack of png background-position support */
  overflow:hidden;
  padding-bottom:30px;
}

#bottomboxes img{
  border:none;
}

#bottomboxes #left {
  background: url(images/homepage/boxes/boxes.png) no-repeat;
  width: 230px;
  float:left;
  height: 200px;
  padding:34px 4px 25px 5px;
}

#bottomboxes #middle {
  background: url(images/homepage/boxes/boxes.png) no-repeat;
  width: 230px;
  float:left;
  height: 200px;
  padding:34px 4px 25px 5px;
  margin-left:7px;
  overflow:hidden;
}

#bottomboxes #right {
  background: url(images/homepage/boxes/boxes.png) no-repeat;
  width: 230px;
  float:left;
  height: 200px;
  padding:34px 4px 25px 5px;
  margin-left:7px;
}

#airqualitybox{
  height:130px;
  border:1px solid #838383;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  float:left;
  width:215px;
  margin-left:10px;
  padding:5px;
  background:#4d4d4d;
}

#airqualitybox .forecast {
  width: 50px;
  float:left;
  margin-left:3px;
  padding-top:7px;
}

#airqualitybox .forecast span{
  font-size:10px;
}

#airqualitybox a{
  color:#fff;
}

#airqualitybox a:hover{
  text-decoration:none;
}

#airqualitybox a img{
  border:none;
}

#airqualitybox #ismog{
  padding-top:7px;
  clear:both;
}
#airqualitybox #ismog a{
  display:block;
  text-indent:-9999px;
  background:url(images/homepage/home-air-quality.png) center 0 no-repeat;
  height:75px;
}

#partners {
  clear:both;
  height: 55px;
  padding-left:10px;
  width: 720px;
  float: left;
  _padding-top:5px; /* IE 6 Hack */
  _background: url(images/footer/partners-bg-ie6-trans.png) no-repeat; /* IE 6 Hack */
}

#developers {
  background: url(images/footer/wrench_orange.png) 0 0 no-repeat;
  display:block;
  height:16px;
  width:130px;
  float:right;
}

#partners ul {
  margin: 0;
  padding: 0;
}
#partners ul li {
  padding: 0;
  margin: 0;
  height: 38px;
  list-style: none;
  background-repeat: no-repeat;
  float:left;
  font-size:16px;
}
#partners ul li a{
  display: block;
  text-decoration: none;
  text-indent: -9000px;
  height: 38px;
  background-repeat: no-repeat;
}
#partners ul li.Funded{margin:6px 5px 0 5px; color:#444;}
#partners ul li.partners a {
  background: url(images/footer/partners-trans.png) 0 0 no-repeat; 
  width: 80px; 
  text-indent:0;
  padding-left:45px;
  padding-top:6px;
  color:#444;
  height:32px;
}
#partners ul li.job {
  margin: 6px 20px 0 0; 
}
#partners ul li.job a {background: url(images/footer/511cc-logo.png) 0 0 no-repeat; width: 35px; text-indent: 0;
    width: 180px;
    text-indent: 0;
    padding-left: 45px;
    color: #444;
    font-size: 13px;
}
#partners ul li.BAAQMD a {background: url(images/footer/BAAQMD-trans.png) 0 0 no-repeat; width: 147px;}
#partners ul li.CCTA a {background: url(images/footer/CCTA-trans.png) 0 0 no-repeat; width: 101px;}

#partners ul li.partners a:hover {background-position: 0 -38px; color:#111;}
img#wpstats {
    display: none;
}

/* Topbar Styles */

#topbar{
  width: 230px;
  float:right;
  overflow: hidden;
}

#topbar ul{
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#topbar ul li{
  padding: 0;
  margin: 0;
  height: 23px;
  list-style: none;
  background-repeat: no-repeat;
  float:left;
}

#topbar ul li a{
  display: block;
  text-decoration: none;
  height: 23px;
  background-repeat: no-repeat;
}

#topbar ul li a {width: 230px;}

#topbar ul li a {
    background: #4D4D4C url(images/small_green_arrow.png) no-repeat 0 0;
    border: 1px solid #838383;
    text-transform: uppercase;
    color: white;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 2px;
    overflow: hidden;
    height: 17px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    width: 218px;
    background-position: right;
}
#topbar ul li a:hover {
    background: url(images/small_green_arrow.png) #95B567 no-repeat 0 0;
    background-position: right;
}

#topbar ul li.news a {background: url(images/pages/topmenu/news-trans.png) 0 0 no-repeat;}
#topbar ul li.events a {background: url(images/pages/topmenu/events-trans.png) 0 0 no-repeat;}
#topbar ul li.program-of-the-week a {background: url(images/pages/topmenu/promotions.png) 0 0 no-repeat;}
#topbar ul li.real-time-traffic a {background: url(images/pages/topmenu/real-time-traffic-trans.png) 0 0 no-repeat;}
#topbar ul li.blog a {background: url(images/pages/topmenu/blog-trans.png) 0 0 no-repeat;}
#topbar ul li.caldecott-blog a {background: url(images/pages/topmenu/caldecott-blog-trans.png) 0 0 no-repeat;}

#topbar .icons{
  padding:0 15px;
}

#topbar .icons a{
  display:block;
  text-indent:-9999px;
  width:32px;
  float:left;
  margin:8px 4px;
  height:32px;
}
#topbar .icons a.foursquare{
  background: url(images/icons/foursquare-icon-32.png) 0 0 no-repeat;
}
#topbar .icons a.twitter{
  background: url(images/icons/twitter-icon-32.png) 0 0 no-repeat;
}
#topbar .icons a.facebook{
  background: url(images/icons/facebook-icon-32.png) 0 0 no-repeat;
}
#topbar .icons a.blog{
  background: url(images/icons/blog-icon-32.png) 0 0 no-repeat;
}
#topbar .icons a.events{
  background: url(images/icons/events-icon-32.png) 0 0 no-repeat;
}
#topbar .icons a.email{
  background: url(images/icons/email-icon-32.png) 0 0 no-repeat;
}

/* Comments Styles */

#comments{
  clear:both;
  padding: 10px;
}

ol.commentlist {
  margin: 0;
  padding: 0 0 15px;
}

ol.commentlist  li{
  margin: 10px 0 0;
  line-height: 18px;
  padding: 0;
  border: 1px solid #ccc;
  background: #f0f9fd;
}

.commentlist h2, .commentlist h3{
  font-size: 16px;
}

.commentmetadata{
  font-size: 11px;
  background: #e2f5fc;
  padding:0 10px;
}

ol.commentlist  li p {
  padding:0 15px;
}

.commentlist p.nocomments{
  padding: 0;
}

.commentlist textarea{
  font-size: 12px;
}


/* Content Styles */

#container{
  clear:both;
  float: left;
  width: 731px;
  margin-bottom:15px;
  min-height:500px;
}

.post{
  margin: 5px 0 10px 0;
  _border: 1px #ffffff solid; /* IE6 Hack */
}

.post .top{
  overflow:hidden;
}

.post .top  h2{
  padding: 10px 5px 2px 150px;
  text-transform: uppercase;
  font-size: 110%;
  float:left;
  width: 505px;
}

.post .top .post-icons{
  text-align:right;
  float:right;
  width: 50px;
  padding: 10px 15px 0 0;
}

.post .top .joliprintBtn_img{
vertical-align:baseline;
}

.post .top  a{
  color: #fefefe;
}

.green .top {
  background: url(images/pages/contentbox/greenhead-trans.png) 0 0 no-repeat;
  min-height: 35px;
  _background: #85b539; /* IE6 Hack */
  _height: 50px; /* IE 6 Hack */
}

.gold .top {
  background: url(images/pages/contentbox/goldhead-trans.png) 0 0 no-repeat;
  min-height: 35px;
  _background: #c3bf3d; /* IE6 Hack */
}

.blue-blank .top {
  background: url(images/pages/contentbox/bluehead-trans-blank.png) 0 0 no-repeat;
  min-height: 35px;
  _background: #4c94c6; /* IE6 Hack */	
}

.blue .top {
  background: url(images/pages/contentbox/bluehead-trans.png) 0 0 no-repeat;
  min-height: 35px;
  _background: #4c94c6; /* IE6 Hack */
}

.post .middle {
  position:relative;
  background: url(images/pages/contentbox/middle-trans.png) 0 0 repeat-y;
  _background: #dff2fd; /* IE6 Hack */
  overflow:hidden;
}

.post .bottom {
  background: url(images/pages/contentbox/bottom-trans.png) 0 0 no-repeat;
  height:30px;
  padding:4px 20px 0  20px;
  text-align:right;
  color: #333333;
  _background: #dff2fd; /* IE6 Hack */
  _clear:none; /* IE6 Hack */
}

.post .nav-previous {
  width: 340px;
  float:left;
}

.post .nav-next{
  width: 340px;
  float:right;
  text-align:right;
}

.post h1{
  font-size: 18px;
  line-height:20px;
}


.post h2{
  font-size: 18px;
  line-height:20px;
}

.post h2 img {
  vertical-align:middle;
  margin-right:5px;
  margin-bottom:5px;
}

.post .event {
  font-weight: bold;
}

.post .sidebar {
  width: 175px;
  overflow:hidden;
  font-size: 11px;
  position:absolute;
  top:0;
}

.green .sidebar {
  background: url(images/pages/contentbox/greenswirls.png) 0 0 no-repeat;
  background-position: 98px 0px;
}

.gold .sidebar {
  background: url(images/pages/contentbox/goldswirls.png) 0 0 no-repeat;
  background-position: 98px 0px;
}

.blue .sidebar {
  background: url(images/pages/contentbox/blueswirls.png) 0 0 no-repeat;
  background-position: 98px 0px;
}

.post .sidebar a{
  color: #4c94c6;
  font-weight:bold;
}

.post .sidebar a:hover{
  color: #000000;
  text-decoration:none;
}

.green .sidebar ul {
  padding-top:75px;
  list-style-image: url(images/smallarrow-green-trans.png);
}

.gold .sidebar  ul {
  padding-top:75px;
  list-style-image: url(images/smallarrow-gold-trans.png);
}

.blue .sidebar  ul {
  padding-top:75px;
  list-style-image: url(images/smallarrow-blue-trans.png);
}

.post .events {
  width: 175px;
  float:left;
  overflow:hidden;
  font-size: 11px;
}

.post .events ul {
  list-style:none;
  padding-left: 20px;
  margin: 0px;
}

.post .events ul ul , .post .events ul ul ul{
  padding-top:0px;
  padding-left:15px;
  list-style:none;
  margin: 0px;
}

.post .sidebar .date{
padding: 5px 5px 5px 10px;
font-weight: bold;
}

.post .sidebar .postmetadata{
  border-top: 1px solid #cccccc;
  padding: 5px 5px 5px 10px;
  margin: 20px 0 5px 5px;
}

.post .maincontent {
  width: 555px;
  margin-left:175px;
}

.post .widecontent{
}

.post .blogbox {
  width: 225px;
  float:right;
  margin:15px 0 5px 5px;
  display: block; 
  overflow: hidden;
}

.post .blogbox .blogboxtop {
  height: 20px;
  max-height: 20px;
  background: url(images/pages/blogbox-top.png) 0 0 no-repeat; 
}

.post .blogbox .blogboxmiddle {
  background: url(images/pages/blogbox-middle.png) 0 0 repeat-y; 
}

.post .blogbox .blogboxbottom {
  height: 20px;
  max-height: 20px;
  background: url(images/pages/blogbox-bottom.png) 0 0 no-repeat; 
}

.post .blogbox h3 {
  padding: 0 7px 4px 7px;
  color: #FFFFFF;
}

.post .blogbox img {
  margin: 0 0 0 2px;
}

.post .blogbox .newsitem {
  border-top: 1px solid #cadab3;
  padding: 3px 0;
  clear: both;
  overflow:hidden;
}

.post .blogbox .newsitem .newsdate {
  background: #5f8d38;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  width: 40px;
  text-align:right;
  float:left;
  border-left: 1px solid #fff;
  padding-right: 2px;
}

.post .blogbox .newsitem .newstext {
  margin: 0 4px;
  float: left;
  width: 170px;
}

.post .blogbox .newsitem .newstext a {
  color: #000;
  font-size: 11px;
}

.post .blogbox .newsitem .newstext a:hover{
  color: #336699;
  text-decoration: none;
}

.post .blogbox .newsmore {
  padding: 3px 15px;
  text-align:right;
}

.entry{
  line-height: 16px;
  padding: 10px;
}

.entry h2{
  margin-top: 1.5em;
}

.entry p{
  margin-top:0;
}

.entry img {
  border:0;
}

.entry a img.thumb{
  float:left;
  opacity:0.8;
  border:5px solid #FFF;
  margin-top:0;
  margin-left:0;
  margin-right:5px;
}

.entry a img.thumb:hover{
  opacity:1.0;
  border:5px solid #85B539;
}

.more-link {
   font-style: italic;
   text-align: right;
display:inline;
padding-left: 5px;
}

.postmetadata{
  clear:both;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  _clear:none; /* IE6 Hack */
  overflow:hidden;
}

.postmetadata .left {
  float:left;
  width:500px;
  _float:none; /* IE6 Hack */
}

.postmetadata .right {
  float:right;
  width:200px;
  text-align:right;
  _float:none; /* IE6 Hack */
}

.navigation{
  padding: 10px 0 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  border: 1px #FFF solid;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding:4px 15px;
  margin:0 5px 10px 5px;
  background: url(images/pages/contentbox/middle-trans.png) repeat-y -5px 0px;
  overflow:hidden;
}

.navigation .left {
  float:left;
  width:300px;
}

.navigation .right {
  float:right;
  width:300px;
  text-align:right;
}


/* Map Page Styles */
.entry .article{
  float: left; 
  width: 360px;
  clear:both;
  padding-top:10px;
}

.entry .article a{
  font-weight:bold;
}

.entry .articlethumb {
	float: right;
  display:block;
}

.entry .articlethumb img{
  box-shadow: 3px 3px 3px #666;
  -moz-box-shadow: 3px 3px 3px #666;
  -webkit-box-shadow: 3px 3px 3px #666;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* SIDEBOX styles */

#sidebox{
  width:248px;
  float:left;
  margin-left: 3px;
  padding-top:2px;
  overflow: hidden;
  _padding-top: 0; /* IE6 Hack */
  _margin-left: 10px; /* IE6 Hack */
  _width: 235px; /* IE6 Hack */
}

#sidebox .top{
  height: 30px;
  background: url(images/pages/sidebox/top-trans.png) 0 0 no-repeat;
  _height: 0px; /* IE6 Hack */
  _background: none; /* IE6 Hack */
  overflow:hidden;
}

#sidebox .middle{
  min-height: 150px;
  background: url(images/pages/sidebox/middle-trans.png) 0 0 repeat-y;
  padding: 0 10px;
  _background: #dff2fd; /* IE6 Hack */
  _border: #ffffff 1px solid; /* IE6 Hack */
  _padding: 10px; /*IE6 Hack */
  _height: 200px; /* IE6 Hack */
}

#sidebox .bottom{
  clear:both;
  height: 30px;
  background: url(images/pages/sidebox/bottom-trans.png) 0 0 no-repeat;
  _height: 0px; /* IE6 Hack */
  _background: none; /* IE6 Hack */
}

#sidebox h2{
  font-size: 110%;
  padding-top:15px;
  padding-left:15px;
}

#sidebox h3{
  float:left;
  font-size: 12px;
  font-weight: bold;
  width: 165px;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 5px;
  margin-left: 5px;
  text-transform: uppercase;
}

#sidebox a{
  color: #698b29;
}

#sidebox ul{
  margin:0;
  padding:0;
}

#sidebox ul li{
  margin:0;
  padding:0;
  list-style:none;
}

#sidebox ul li.icon-list li{
  padding-left: 19px;
}

#sidebox ul ul{
  padding:0 0 0 15px;
  margin-right: 10px;
}

#sidebox ul ul li{
  padding:4px 0;
  list-style:none;
  border-bottom:1px solid #cccccc;
  display:block;
}

#sidebox .tagcloud{
  padding:0 0 0 15px;
}

#sta-top {
  background: url(images/pages/sidebox/sta-top.png) 0 0 no-repeat;
  width: 217px;
  height: 311px;
  margin: 0 auto;
  text-align: center;
}

#sta-top p {
  padding: 220px 0 0 0;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

#sta-bottom {
  background: url(images/pages/sidebox/sta-bottom.png) 0 0 no-repeat;
  width: 217px;
  height:70px;
  margin: 0 auto;
}

/* Footer Styles */

footer{
  clear: both;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: bold;
  color: #78a8c6;
  overflow:hidden;
}

footer a{
  color: #78a8c6;
}
footer a:hover{
  color: #000;
  text-decoration:none;
}

footer .left{
  float:left;
  width:750px;
}

footer .right {
  float:right;
  width:200px;
  text-align:right;
}

/* Misc */

.gform {
  border: 5px solid #FFFFFF;
}
.hidden { /* for things we don't want to display */
  height: 0px;
  overflow: hidden;   
}

/* Map Legend */

.mapLegend h2 {
  padding:10px 0;
}

.mapLegend ul li {
  clear:both;
  padding:14px 0;
  height:25px;
  
}

.colorBox {
  width:24px;
  height:15px;
  border:2px solid #4e4989;
  float:left;
  margin-right:5px;
}

.mapLegend .box {
  margin:0 5px;
  float:left;
}

.mapLegend .icon {
  margin-right:5px;
  float:left;
  width:28px;
  overflow:hidden;
  margin-top:-5px;
}

.colorLineContainer {
  width:28px;
  float:left;
  margin-right:5px;
  margin-top:3px;
}

.colorLine{
  height:2px;
  width:28px;
}

.iconBox {
  width:28px;
  height:15px;
  float:left;
  margin-right:5px;
  text-align:center;
}

/* Signup Form Styles */
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;}

/* Accordion Styles */
#accordion h3 a{
  font-size:14px;
  font-weight:bold;
}


/*Pledge Form Styles*/

#pledgeform{
  font-size:16px;
  line-height:20px;
}

#pledgeform a{
  background:url(images/link.png) 0 2px no-repeat;
  padding-left:14px;
}

.disclaimer{
  font-size:10px;
  color:#888;
}

.fineprint{
  font-size:11px;
  color:#888;
}

#reductioncheckboxes label{
  width:225px;
  float:left;
  padding-top:5px
}

#reductioncheckboxes .times{
  width:20px;
  font-size:16px;
}

#reductioncheckboxes p{
  clear:both;
  padding-top:5px;
}

 #reductioncheckboxes p input.check{
   margin-top:0px;
 }

#reductioncheckboxes input.check{
  float:left;
  clear:both;
  margin-right:10px;
  font-size:16px;
  margin-top:5px;
}

fieldset {
  border:2px groove #888;
  padding: 0.35em 0.75em 0.625em;
}

#additionalfields{
  clear:both;
  margin-top:15px;
}

#additionalfields p{
  padding-top:15px;
}

#additionalfields input{
  margin-left:10px;
}

.contactinfo label{
  width:110px;
  display:block;
  float:left;
}

.contactinfo input{
  width:150px;
}

fieldset{
  margin-top:15px;
}

/* SchoolPool form styles */

#schoolPool, #thanks {
	width: 535px;
}

#schoolPoolRules, #thanks {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

#schoolPoolRules p, #thanks p {
	padding: 0px;
}

.disclaimer {
	color: #888888;
	font-size: 11px;
	font-style: italic;
}

input.error, select.error {
   border: 2px solid red;
}

input.error {
	background-color: #FFFFD5;
	color: red;
	margin: 0px;
}

select.error {
   border: 2px solid red;
}

#schoolPoolForm {
	font-size: 16px;
	line-height: 20px;
}

#schoolPoolForm legend {
	font-weight: bold;
}
#schoolPoolForm table {
	width:507px;
}

#schoolPoolForm fieldset tr > td:first-child {
	width: 180px;
}

#schoolPoolForm fieldset tr > td:last-child {
	width: 365px;
}

#schoolPoolForm label.error, a.error {
	color: red;
	font-style: italic; 
}

#schoolPoolForm label.error {
	display: block;
	font-size: 80%;
}

#schoolPoolForm a.error {
	text-decoration: underline;
}


/* Air Quality Pages */
.timage {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
color: black;
display: block;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 235px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 55px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 180px;
}

.tbody1 {
	display: inline;
    margin:0;
    padding: 0;
    width: 650px;
    float: left;
	margin-bottom: 10px;
    margin-left: 20px;
}


.tbody {
	display: block;
    margin:0;
    padding: 0;
    width: 370px;
    float: left;
}

.tinbody {
display: inline;
float: left;
margin: 3px 0px 0px;
padding: 0px;
}

.datetop {
	color: black;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	margin: 0px;
	padding: 6px;
	text-align: center;
}

.tabletop {
    float: left;
    margin: 0;
    padding: 0;
    display: inline;
}

.tabletop {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    font-weight: bold;
    text-align: center;
}

.firstDay {
display: inline;
float: left;
margin: 0px 0px 0px 97px;
width: 52px;
}

.restDay {
display: inline;
float: left;
margin: 0px;
width: 52px;
}

.region1 {
background-attachment: scroll;
background-clip: border-box;
background-color: #FAB376;
background-image: none;
background-origin: padding-box;
color: black;
display: block;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
height: 24px;
line-height: normal;
margin-bottom: 0px;
margin-left: 4px;
margin-right: 0px;
margin-top: 9px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 11px;
padding-top: 3px;
text-align: right;
width: 79px;
}

.region2 {
background-attachment: scroll;
background-clip: border-box;
background-color: #FFEF7C;
background-image: none;
background-origin: padding-box;
color: black;
display: block;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
height: 24px;
line-height: normal;
margin-bottom: 0px;
margin-left: 4px;
margin-right: 0px;
margin-top: 9px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 11px;
padding-top: 3px;
text-align: right;
width: 79px;
}

.region3 {
background-attachment: scroll;
background-clip: border-box;
background-color: #A7F9A5;
background-image: none;
background-origin: padding-box;
color: black;
display: block;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
height: 24px;
line-height: normal;
margin-bottom: 0px;
margin-left: 4px;
margin-right: 0px;
margin-top: 9px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 11px;
padding-top: 3px;
text-align: right;
width: 79px;
}

.region4 {
background-attachment: scroll;
background-clip: border-box;
background-color: #FFE5F0;
background-image: none;
background-origin: padding-box;
color: black;
display: block;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
height: 24px;
line-height: normal;
margin-bottom: 0px;
margin-left: 4px;
margin-right: 0px;
margin-top: 9px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 11px;
padding-top: 3px;
text-align: right;
width: 79px;
}

.region5 {
background-attachment: scroll;
background-clip: border-box;
background-color: #BEE4FA;
background-image: none;
background-origin: padding-box;
color: black;
display: block;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
height: 24px;
line-height: normal;
margin-bottom: 0px;
margin-left: 4px;
margin-right: 0px;
margin-top: 9px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 11px;
padding-top: 3px;
text-align: right;
width: 79px;
}

.displaybox {
border-bottom: 1px solid #005190;
float: left;
margin: 0px;
padding: 0px;
width: 267px; 
display = block;
}


.data1 {
display: inline;
float: left;
margin: 9px 10px;
padding: 0px;
width: 32px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
font-weight: bold;
text-align: center;
color: white;
background: #096;
}

.data2 {
display: inline;
float: left;
margin: 9px 10px;
padding: 0px;
width: 32px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
font-weight: bold;
text-align: center;
color: black;
background: #FFDE33;
}

.data3 {
display: inline;
float: left;
margin: 9px 10px;
padding: 0px;
width: 32px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
font-weight: bold;
text-align: center;
color: black;
background: #F93;
}

.data4 {
display: inline;
float: left;
margin: 9px 10px;
padding: 0px;
width: 32px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
font-weight: bold;
text-align: center;
color: white;
background: #C03;
}

.data5 {
display: inline;
float: left;
margin: 9px 10px;
padding: 0px;
width: 32px;
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
font-weight: bold;
text-align: center;
color: white;
background: #609;
}

.labels {
color: #005190;
font-family: Verdana, Geneva, sans-serif;
font-size: 7.5pt;
font-weight: normal;
text-align: center;
display: inline;
float: left;
margin: 0px 5px 5px;
padding: 0px;
width: 42px;
}


/* Forms Pages */
.ss-choices {
list-style:none outside none;
margin:0.5em 0 0;
padding:0;
}

.form-heading{
	text-align:center;
}

.ss-choice-item{
	clear:both;
}

.ss-item{
position:relative;
}

.ss-q-long {
max-width:90%;
}

.ss-q-help  {
color:#666666;
display:block;
margin:0.1em 0 0.25em;
}

.ss-required-asterisk {
color:#C43B1D;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
.ss-radio label.error {float: left; position:absolute;top:0px;left:-150px;}
.ss-checkbox label.error {float: left; position:absolute;top:0px;left:-150px;}
.ss-text label.error {float: left; position:absolute;top:0px;left:-150px;}
.ss-paragraph-text label.error {float: left; position:absolute;top:0px;left:-150px;}

.mobile{
  display:none;
}