
/* RESET
-------------------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }   
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }

/* CORE STYLES
-------------------------------------------------------------- */
/* STORY DATELINE */
.dateline {font-weight: bold;}

/* ADS */
#header .wrapper .banner_ad {position:absolute;top:-10px;left:290px;margin:0 !important;}
.banner_ad {text-align:center;width:728px;background:transparent;margin:10px auto;}
.sidebar .ad .spot {text-align:center;margin:0 auto;background:transparent;}
.ad .spot:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* BODY */
#body { position: relative; margin: 0 auto; padding-bottom: 20px; width: 1030px; zoom: 1; }
#body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body .wrapper { padding: 0; background: #fff; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius:  0 0 6px 6px; border-radius:  0 0 6px 6px;;margin-bottom:0; }

/* CAROUSEL */
.carousel {margin-bottom:20px;}


/* EDITION DROPDOWN */
#select_location {position:absolute;top:97px;right:9px;}
select.location {border:1px solid #888;-webkit-border-radius:4px;-moz-border-radius:4px;o-border-radius:4px;border-radius:4px;padding:3px 2px 2px 5px;color:#888;background:#e7e7e7;width:auto;font: normal .75em 'Lucida Grande', Arial, sans-serif;}
select.location option {color:#888;padding:2px 8px 1px 8px;font: normal 1em 'Lucida Grande', Arial, sans-serif;}

/* HEADER */
#header { padding: 20px 10px; }
#header .wrapper { width: 1030px;position:relative; }
#header .branding h1 { margin: 0; }
#header .branding h1 a { display: block; width: 280px; height: 110px; background: url(../images/top_logo_connection.jpg) no-repeat 0 0; overflow: hidden; text-indent: -1000px; }
#header .branding p { display: none; }
#header .header_date {position:absolute;top:106px;left:335px;font-size:.8em;color:#efefef;font-weight:600;}

/* USER */
#header ul.user {list-style:none;position: absolute; top: 102px; left: 15px; font-size: 12px; color: #efefef;margin:0;padding:0; }
#header ul.user li {float:left;display:block;}
#header ul.user li.profile {margin-right:20px;}
#header .user a { color: #efefef; }

/* HEADER SEARCH FORM */
#header .search_form {width:300px;border:0 !important;}
#header .search_form input {padding:4px 7px 3px 7px;width:290px !important;font-size:15px;line-height:15px;color:#999;position:absolute;top:80px;right:170px;}
#header .search_form input:focus {padding:3px 6px 2px 6px;color:#333;top:82px;}
#header .search_form .submit {margin-right:0;width:120px;}
#header .search_form .submit button {display:block;padding:10px 0;width:100%;font-size:18px;line-height:22px;}
#header .search_form p .help_text {margin:0;font-size:11px;line-height:16px;color:#999;}
#header .search_form p .help_text a {color:#68a1c6;}

/* NAV */

#nav li.all_connections {float:right;}
    
/* TOOLBAR */
#toolbar {background:#b00;}
#toolbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#toolbar .wrapper {position:relative;margin:0 auto;padding:0;width:1030px;zoom:1;}
#toolbar .wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#toolbar ul {list-style:none;float:left;margin:4px 0;padding:0;font-size:11px;line-height:2em;}
#toolbar li {float:left;margin-right:16px;}
#toolbar li a {display:block;float:left;color:#fff;padding:0;}
#toolbar li a:hover {color:#fff;text-decoration:underline;}
#toolbar li a.active {text-decoration:underline;}
/*
#toolbar ul.user {list-style:none;position: absolute; top: 5px; right: 5px; font-size: 12px; color: #efefef;margin:0;padding:0; }
#toolbar ul.user li {float:left;display:block;}
#toolbar ul.user li.profile {margin-right:20px;}
#toolbar .user a { color: #efefef; }
*/

/* WEATHER
------------------------------------------------------------------ */
#header .weather_forecast {position:absolute;top:-3px;left:360px;color:#efefef;font-size:1em;text-shadow: 0.1em 0.1em 0.05em #333}
#header .weather_forecast li {float:none;}
#header .weather_forecast .deg {font-weight:normal;color:#efefef;}

#header .weather_forecast .current_conditions {float:none;width:auto;}
#header .weather_forecast .current_conditions h3 a {color:#efefef;}
#header .weather_forecast .current_conditions img {float:none;margin:-8px 0 0 0;}
#header .weather_forecast .current_conditions ul {float:none;list-style:none;margin:0;padding:0;width:auto;font-size:12px;line-height:16px;color:#efefef;}
#header .weather_forecast .current_conditions ul li {float:left;}
#header .weather_forecast .current_conditions ul li.temp {font-size:2.2em;line-height:2.2em;font-weight:bold;color:#efefef;margin-top:8px;}
#header .weather_forecast .current_conditions ul li.temp .sparkline {float:right;margin:20px 40px 0 0;width:40px;}
#header .weather_forecast .current_conditions ul li.icon {margin:0;}
#header .weather_forecast .current_conditions ul li.condition {margin-top:18px;font-size:1.1em;line-height:18px;font-weight:bold;color:#efefef;}
body.weather .content_title .future_forecast .item {width:70px !important;}


/* HOMEPAGE WEATHER */
#homepage .weather_forecast_main {float:none;}
#homepage .weather_forecast_main h3 {margin:0;font-size:14px;font-weight:bold;line-height:18px;color:#999;}
#homepage .weather_forecast_main li {float:none;}
#homepage .weather_forecast_main .deg {font-weight:normal;color:#bbb;}
#homepage .weather_forecast_main .future_forecast {float:none;margin-bottom:20px;text-align:center;}
#homepage .weather_forecast_main .future_forecast .item {float:left;margin-bottom:0;padding:0 2px;width:82px;border-right:1px solid #eee;}
#homepage .weather_forecast_main .future_forecast .item:last-child {border:0;}
#homepage .weather_forecast_main .future_forecast .item h3 {margin:0;font-weight:bold;font-size:13px;line-height:18px;font-weight:bold;color:#999;text-align:center;}
#homepage .weather_forecast_main .future_forecast .item img {display:block;margin:5px auto;}
#homepage .weather_forecast_main .future_forecast .item ul {list-style:none;margin:0;padding:0;text-align:center;font-size:14px;line-height:18px;font-weight:bold;color:#999;}
#homepage .weather_forecast_main .future_forecast .item li.high {color:#333;}

#homepage .weather_forecast_main .future_forecast .item .bars {display:block;position:relative;margin-bottom:5px;height:70px;}
#homepage .weather_forecast_main .future_forecast .item .bars span {position:absolute;bottom:0;left:0;display:block;width:70px;}
#homepage .weather_forecast_main .future_forecast .item .bars .high_bar {background-color:#fff1b2;border-top:1px solid #ffd100;}
#homepage .weather_forecast_main .future_forecast .item .bars .low_bar {background-color:#e0f1f9;border-top:1px solid #68a1c6;}

/* HOMEPAGE
------------------------------------------------------------------ */
.story_archive_day #news_calendar {margin-right:20px;}
#homepage .module_photos ul {margin-left:35px;}
.twitter_module h3, .highlight h2 a  {color:#333;}
.highlight .graph li .bar {background-color:#68A1C6;}
.highlight .graph li .bar .percent {color:#68A1C6;}
#homepage .section_end h3 {clear:both;}
.digital_edition {margin:10px 0;}
a.document_home {display:inline-block;margin:10px;}
.section li {margin-bottom:8px;display:block;line-height:1.2em;}
.section li a {display:block;}
#breaking .wrapper {position:relative;margin:0 auto;background:#333;width:990px;overflow:hidden;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
 
