/* 
    Document   : master
    Created on : Jun 15, 2010, 8:22:44 PM
    Author     : Wouter Reyniers
*/

root { 
    display: block;
}

body {font-family:Garamond;padding:0;margin:0;}
.whiteHeader {color:white;font-size:1.7em; padding:20px 20px 10px; text-shadow:1px 1px 0 black, 2px 2px 0px black;font-weight:normal}
.blackHeader {color:black;font-size:1.7em; padding:20px 20px 0;font-weight:normal;}
p {padding:0 0 10px; line-height:1.05em;}
.center {text-align:center;}
.clrflt {clear:both;width:960px;display:block;}
/* Cell Styling */
.cell {background:url(../images/bg/cell_r_bg.gif) no-repeat bottom right;}
.cellcont {background:url(../images/bg/cell_l_bg.gif) no-repeat bottom left;padding:10px 25px 20px;overflow:hidden;}
.cellheaderlight {background:url(../images/bg/cell_l_bg.gif) no-repeat top left;height:53px;}
.cellheaderdark {background:url(../images/bg/cell_dark_r_bg.jpg) no-repeat right top;height:53px;position:relative;z-index:50}
.celloverlay {background:url(../images/bg/cell_overlay.png) repeat-x right top;position:absolute;height:150px;z-index:10;}
.cell .blackHeader, .cell .whiteHeader {z-index:50;position:relative;}
.cell .whiteHeader, #mapCont .whiteHeader {background:url(../images/bg/cell_dark_l_bg.png) no-repeat;line-height:30px;}
.cellcontent {z-index:50;position:relative;}


/* Header */
#header {background:#212122;width:100%;height:169px;background:url(../images/bg/header_bg.png) repeat-x top left;}
#header .headercont {height:125px;width:960px;margin: 0 auto;display:block;position:relative;}
#header .headercont .logo {margin-left:235px;float:left;padding:10px 0 0 0}
#header .headercont .jointhecause {position:absolute;top:20px;margin-left:-55px;margin-top:25px;z-index:50;left:0;}
#header .headercont ul {float:left;color:#fff;font-size:1.4em;padding:17px 20px;line-height:1.3em; text-shadow:1px 1px 0 black, 2px 2px 0px black}
#header .headercont ul li {color:#fff;}
#header .nav {height:45px;width:100%;background:#fff url(../images/bg/header_nav_bg.gif) repeat-x top left;}
#header .nav .navcont {width:930px; margin:0 auto;padding:0;display:block;position:relative;}
#header .nav .navcont ul {z-index:100;position:relative;display:block; padding-top:6px;padding-left:10px;}
#header .nav .navcont ul li {display:block;float:left;padding:0;margin:0;height:31px;line-height:31px;margin:0 10px;}
#header .nav .navcont a {color:black; text-decoration:none;font-size:19px;}
#header .nav .navcont a:hover {text-decoration:underline;}
#header .nav .navcont ul li a {padding:6px 10px;margin:0;}
#header .nav .navcont ul li a:hover {background:url(../images/bg/nav_hover_l_bg.png) no-repeat left 1px;margin:0;}
#header .nav .navcont ul li:hover {background:transparent url(../images/bg/nav_hover_bg.png) no-repeat right top;}
#header .nav .navcont .counter {background: url(../images/bg/days_bg.png) no-repeat;font-size:22px;width:182px;padding-left:8px; float:left;display:block;height:36px;line-height:36px;left:585px;top:3px;position:absolute;}
#header .nav .navcont .counteroverlay{background: url(../images/bg/gloss.png) no-repeat;width:192px;display:block;height:36px;position:absolute;top:0;left:587px;top:3px;}

#header .nav .navcont .counter .dayssince {line-height:36px;padding:0; margin:0;float:left;}
#header .nav .navcont .counter .days {font-size:28px;line-height:36px;position:relative;padding-left:2px;display:inline;float:left;}

#header .nav .navcont .login {float:right;display:inline;padding-top:6px;}
#main {width:960px;margin:0 auto;}

/* Top content */
#mapCont {width:669px; float:left;}
#mapCont .cellcont{margin: 0 10px 0 9px;padding: 0;background:none;border:1px solid #c1c1c1; border-top:none;}
#mapCont .cell {background:none;}

#reports, #reports .celloverlay{width:291px;float:left;}

/* Center Content */
#centerleft, #centerleft .celloverlay {width:200px;float:left;clear:both;}
#centermiddle, #centermiddle .celloverlay {width:559px;float:left;}
#centerright, #centerright .celloverlay {width:200px;float:left;}
#followus .signup {font-size:.9em; background:#e5e5e5;padding:7px;text-align:center;margin-bottom:10px;border:1px solid #fefefe}
#followus img {padding:0 3px;}
#download img {padding:0 1px;}
#download p {padding-left:0px;}
#tweets {clear:both;}
#tweets ul li {padding-bottom:10px;}
#twitter_update_list {font-size:.9em;}


/* Bottom Content */
#news, #news .celloverlay {width:480px;float:left;}
#gisContainer, #gisContainer .celloverlay {width:480px;float:left}
#blog, #blog .celloverlay {width:480px;float:left; clear:right;}


/* Footer */
#footer {background:#212122;width:100%;height:190px;color:#fff; text-shadow:1px 1px 0 black, 2px 2px 0px black;font-weight:normal;clear:both;margin:0 auto;}
#footer .nav {height:65px;;background:#fff url(../images/bg/footer_nav_bg.gif) repeat-x top left;}
#footer .footercont {height:65px;background:url(../images/bg/header_bg.png) repeat-x top left;;margin: 0 auto;padding:30px 50px;}
#footer .footercont span {float:left;font-size:1.5em;}
#footer .footercont a{color:#fff; text-decoration:none;}
#footer .footercont a:hover{text-decoration:underline;}
#footer .footercont p {font-size:.65em;padding:15px 0;}
#footer .footercont img {margin-right:50px;padding:0; float:right;}