/*
  Project:annarbor.css
  Date:4.15.11
  Developer:patrick@wunderground.com
*/

/*
body {
  color:#6666;
  font-family:Arial, Geneva, Helvetica, sans-serif;
  font-size:12px;
  line-height:16px; 
  margin:0;
  padding:0;
}

a {color:#0080bb;}
img, table { border:0px; }
form { padding: 0px; margin: 0px; }
h1 { font-size: 18px; }
h2 { font-size: 18px; color: #414141; margin: 0px; border-bottom: 3px solid #333; padding-bottom:5px; margin-bottom:5px; margin-top:25px;}
h3 { font-weight: bold; font-size: 16px; margin: 0px; }
h4 { font-weight: normal; font-size: 14px; margin: 0px; }
h5 { font-weight: bold; font-size: 10px; padding: 2px; margin: 0px; } 
h6 { font-weight: normal; font-size: 11px; font-style: italic; padding: 5px 2px 2px 2px; margin: 0px; background-color: #FFFE1; } */

/* weather news header */

#weather_news { border-top: 5px solid #39819b; margin: 10px 0 20px 0; }
#weather_news h3 { margin: 0 0 20px 0; padding: 5px; background: #edf3f2; color: #39819b; text-transform: uppercase; font-size: 16px;}

#weather_news_stream { list-style: none; margin: 0; padding: 0; background: url('/img/weather/weather_news_dividors.gif') repeat-y;  }
#weather_news_stream li { float: left; width: 310px; margin: 0 20px 0 0; }
#weather_news_stream li.last { margin-right: 0px !important;}
#weather_news_stream li h4 { font-size: 16px; font-weight: normal; line-height: 1.25em; margin: 0 0 8px 0;}
#weather_news_stream span.timestamp { color: #707877; font-size: 12px; }
#weather_news_stream li strong { padding: 0 10px; color: #ddd; }

span.comments a {
  background-image: url("/img/global-sprite.png");
  background-position: 0 -249px;
  background-repeat: no-repeat;
  color: #666666;
  font-size: 12px;
  padding-left: 20px;
}

.weather_cta { padding: 20px 0 0 0; text-align: right; }
.weather_cta a { font-size: 14px; font-weight: bold; }

tr.vaTop tdD { vertical-align: top; background-color:#FFFFE1 }
#page { font-family: Arial, Geneva. Helvetica, sans-serif; font-size: 12px; width: 100%; text-align: left; }
table tr td { font-family: Arial, Geneva. Helvetica, sans-serif; font-size: 12px; }
#provider { font-size: 11px; text-align: center; padding-top: 10px; width: 100%; }
.content { font-family: Arial, Geneva. Helvetica, sans-serif; font-size: 12px; } 
#.icons { border: 1px solid #333;}
.thumb { border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; }
.rowBox { float: left; margin-right: 10px; }
.bgColor { background-color: #ffffff; }
.tdItem { padding-left: 10px; padding-right: 10px; white-space: nowrap;background-color:#FFFFE1 }
.expand { margin-top: 3px; text-align: right; font-size: 11px; }
.tableBox {  !important; font-size: 11px; }
.leftPanel { background-color: #ffffff; border-right: 1px solid #e9e6e3; width: 140px; padding-right: 10px; }
.highF { text-align: center; color: #990000; font-weight: bold; font-size:10px}
.lowF { text-align: center; color: #000099; font-weight: bold; font-size:10px}
.roundColwu1 { margin: 0px 0px 15px 0px; padding: 0px; border: 0px; float: left; width: 250px; }
.roundColwu2 { margin: 0px 0px 15px 0px; padding: 0px; border: 0px; float: left; width: 360px; }
.roundCenter { padding: 5px 20px 5px 20px; font-size: 11px; border:1px solid #CCC; background-color: #eeeee6 !important; margin-right:30px;}
.roundCenter table { width: 220px; }
.roundCenter table td {background-color: #eeeee6 !important;}
.roundCenter .tablebBox { border:none;} 

.content_header h1 { background: none !important; padding: 0px 0px 10px 0px !important; }
.content_header { padding: 0 !important; margin: 0 0 10px 0 !important; }

.content_header:after, div.sect:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.content_header, div.sect {
	display: inline-block;
}
 
html[xmlns] .content_header, html[xmlns] div.sect {
	display: block;
}
 
* html .content_header, * html div.sect {
	height: 1%;
}

h6 { font-style: normal !important; }

/* ======================================================== */
/* = AnnArbor.com Weather, Questions - Ross@37designs.com = */
/* ======================================================== */


/* ========== */
/* = Header = */
/* ========== */

.content_header { padding: 40px 0; }

#weather_warning { background: #fff6f6; padding: 20px; border: 5px solid #ffd9d9; font-size: 20px; font-weight: normal; color: #444; margin: 0 0 40px 0; line-height: 1.1em;  }
#weather_warning strong { font-size: 16px; color: #ff0000; text-transform: uppercase; padding: 0 15px 8px 0; }

#warning { margin: 20px 0 0 0; font-size: 14px; line-height: 22px; }
#warning table { margin: 20px 0 0 0; }

#show { font-size: 14px; text-decoration: underline; color: #ff0000; display: block; padding: 8px 0 0 0;  }

#weather_skybox { width: 235px; float: right; }

.content_header h1 { background: none; padding: 30px 0 8px 0 !important; font-size: 42px; }

#weather_cities { font-size: 12px; color: #666; margin: 5px 20px 18px 0; float: left; }
#weather_cities a { font-weight: bold; }
#weather_cities a:hover { text-decoration: none; color: #777;}

#weather_search { float: right; }
#weather_search label { font-size: 13px; color: #777; }
#weather_search input.text { padding: 5px; border: 1px solid #eee; width: 235px; color: #777; }
#weather_search input.text:focus { color: #000; }

#weather_left { width: 460px; float: left; clear: left; }
#weather_left embed { margin-bottom: 8px; }

#weather_right { width: 460px; float: right; }
#weather_right embed { padding-bottom: 8px !important;}
#weather_footer { clear: both; }




.content_container .sect { clear: both; display: inline-block; line-height: 1.5em;  }


.content_container .sect:after,#current_forcast:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 

 
html[xmlns] .content_container .sect, html[xmlns] #current_forcast:after {
	display: block;
}
 
* html .content_container .sect, * html #current_forcast:after {
	height: 1%;
}

#weather_left .sect { margin: 0 0 60px 0; }
#weather_right .sect { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px dotted #e6e6e6;}
#weather_right .news_article { background: none; }

#weather_right .sect ul li { margin: 0 0 8px 0; }

#sevenday_forcast { margin: 0 0 60px 0 !important; }

#wunder_map { }

#current_forcast { line-height: 1.6em; margin: 0 0 60px 0; }

#current_forcast ul li { width: 210px; float: left; border: 5px solid #adadad; margin: 15px 1px 0 0; padding: 5px; position: relative; min-height: 270px; }
#current_forcast li#current_cond { border: 5px solid #3d8199; margin: 0; }
#current_forcast li#upcoming_cond { border: 5px solid #acb8be; min-height: 270px; margin-left: 1px; }

.condition_details { position: relative; padding: 100px 0 0 0; margin: 18px 0 60px 0; text-align: center; font-size: 14px; }
.condition_details p { margin-top:-1.5em; font-size:.8em; color:#666666; }
.condition_details img { position: absolute; top: 10px; width: 75px; left: 50%; margin-left: -37px;}
#current_forcast img { width: 75px; }

.cond_temp { bottom: 10px; font-size: 18px; text-align: center; position: absolute; width: 180px; }
.cond_temp strong { font-size: 44px; line-height: 44px; }
.cond_temp em { display: block; color: #666; font-size: 12px; font-weight: normal; font-style: normal; margin: 4px 0 0 0;}
.cond_temp b { position: absolute; font-weight: normal; }

#current_forcast h5 { height: 25px; text-align: center; line-height: 20px; background: #adadad; font-weight: bold; text-transform: uppercase; margin: -5px -5px 0px -5px; color: #fff; font-size: 12px; border-bottom: 5px solid #fff; position: relative;  }

#current_forcast h5 span { border: 10px solid #adadad; border-color: #adadad transparent transparent transparent; width: 0; height: 0; display: block; position: absolute; left: 50%; margin-left: -10px; bottom: 0px; margin-bottom: -20px; }

#current_forcast li#current_cond h5 { background: #3d8199; }
#current_forcast li#upcoming_cond h5 { background: #acb8be; }

li#current_cond h5 span { border-color: #3d8199 transparent transparent transparent; }
li#upcoming_cond h5 span { border-color: #acb8be transparent transparent transparent; }

#current_forcast ul ul li { width: auto; float: none; border: none; margin: 0; padding: 0; min-height: 0 !important;}

#current_forcast .cond_bg { background: url('../gray_forecast_bg.gif') bottom repeat-x; padding: 15px; min-height: 270px; }
#current_forcast li#current_cond .cond_bg { background: url('/img/weather/blue_forcast_bg.gif') bottom repeat-x; }

.detailed_condition h6 { width: 90px; float: left; font-weight: normal;  font-size: 12px; color: #666; }
.detailed_condition h6 strong { font-size: 44px; font-weight: bold; display: block; color: #000; line-height: 44px;  }
.detailed_condition h6 strong em { font-weight: normal; }
.detailed_condition .weather_state { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #4b4b4b;}

#current_forcast li#current_cond ul { clear: both; padding: 30px 0 0 0; margin: 0 -15px -15px -15px; }
#current_forcast ul ul ul { margin: 0px !important; border-bottom: 1px solid #d1d6d8; border-top: 1px solid #fff; padding: 10px 15px !important;   }
#current_forcast ul ul li.last ul { border-bottom: none; }
#current_forcast ul ul ul li { color: #000;}
#current_forcast ul ul ul li strong { color: #3d8199; }

#full_forcast { clear: both; font-weight: bold; font-size: 14px; text-align: right; padding-right: 30px; margin-top: -15px;}

/* ================ */
/* = Left Column  = */
/* ================ */

.twunder { background: #eee; height: 300px; }
#wunder_controls li { display: inline; }
#wunder_controls { margin: 18px 0;}

.sect h2 { font-size: 22px; margin: 0 0 18px 0; }

/* #sevenday_forcast ul { border-top: 3px solid #999999; } */
#sevenday_forcast h2 { margin-bottom: 5px !important;}
#sevenday_forcast ul li { padding: 15px 0; border-bottom: 1px solid #cccccc; clear: both; }
#sevenday_forcast h4 { width: 130px; float: left; line-height: 22px;  }
#sevenday_forcast h4 strong { font-size: 16px; color: #000; display: block; }
#sevenday_forcast h4 span { font-size: 13px; color: #777; font-weight: normal; padding: 0 10px 0 0; }
#sevenday_forcast h4 span em { font-style: normal; color: #333; }
#sevenday_forcast ul li img { float: left; margin-right: 20px; }

#sevenday_forcast p { width: 230px; float: left; margin-left: 20px; font-size: 12px; line-height: 16px; color: #333;  }

#cond .block { width: 220px; float: left; margin: 0 10px 0 0; border-bottom: 1px solid #e1e1e1; padding: 20px 0; min-height: 50px; }
#cond .block_nu { width: 220px; float: right; margin: 0 10px 0 0; border-bottom: 1px solid #e1e1e1; padding: 20px 0; min-height: 50px; }
#cond .block_nu { margin-right: 10px; }

#cond .condition { color: #959595; font-size: 12px; font-style: italic; font-weight: normal; line-height: 20px; width: 115px; }
#cond .desc-lc { float: left; font-size: 16px; display: block; font-weight: bold; font-style: normal; color: #000; }
#cond .desc-tmp { float: left; font-size: 28px; color: #000; margin: 0 0 0 10px; }
#cond img { width: 45px; float: right; }

#cond h2 { clear: both; padding: 30px 0 0 0;  }

#weather_footer h3 { font-size: 18px; margin: 0 0 18px 0;}

.f_sect { margin: 0 0 30px 0;}

#weather_footer { border-top: 4px solid #3d8199; background: url('/img/weather/footer_bg.gif') repeat-x; }
#almanac_airqual, #astronomy, #ski-marine, #almanac { width: 285px; float: left; background: url('/img/weather/footer_div.gif') top right no-repeat; padding: 15px; clear: none; min-height: 300px;}

#almanac_airqual table { width: 100%; }

div.date { padding: 0 0 8px 0; font-size: 14px; }

#almanac_airqual { background: none; }

li.weather_title, #summary ul li:nth-child(1) {
    font-size: 16px; font-weight: bold; 
    color: #333; margin-bottom: 4px !important; 
}

#summary h4 { font-size: 22px !important; font-weight: bold; margin: 0 0 18px; border-bottom: 3px solid #333; color: #414141; padding: 0 0 5px 0;}


#masters a { font-weight: bold; }

li.weather_title a { color: #333; }

li.timestamp { font-size: 11px; color: #7C2348;  }

/* ================== */
/* = Weather Right  = */
/* ================== */

#weather_right h3 { font-size: 22px; border-bottom: 2px solid #999999; }
#weather_right .post_content { margin-left: 0px; padding: 0px; }
#weather_right .post_content h3 { font-size: 16px; border: none; line-height: 20px; }
#weather_right .post_footer { margin-left: 0px; }
#weather_right h4 { font-size: 18px; margin: 18px 0 8px 0; }

#weather_right:nth-child(1) a { padding: 8px 0 0 0;}

/* ================= */
/* = Weather Table = */
/* ================= */

.weather_table td { padding: 5px; }
.striped_table td { background: #eff4f6; }
.striped_table tr.alt td { background: #e0eaee;}
.weather_table th { background: #3d8199; color: #fff; padding: 5px; vertical-align: middle; font-weight: normal; text-align: left; }
td.crow { text-align: center; }
.moon-title { vertical-align: middle; text-align: center; }

/* State Extremes */
div.wui_extremes div.desc {
  float:left;
  margin:0 0 20px 0; 
}
 
div.wui_extremes div.item div.city {
  float:left;
  width: 158px;
}
 
div.wui_extremes div.item div.desc div.title {
  font-size:14px; 
  font-weight:bold; color: #fff; padding: 7px; background: #3d8199;
}

div.wui_extremes div.item div.desc div.city, 
div.wui_extremes div.item div.desc div.temp { 
  float:left; padding: 5px; background: #e9e9e9;
}

div.wui_extremes div.item div.desc div.city a:link,
div.wui_extremes div.item div.desc div.city a:visited {
  float:left;
  font-size:12px;
  text-decoration:none;
  width:158px;
}
 
div.wui_extremes div.item div.desc div.city a:hover {
  text-decoration:underline;
}

/* Almanac & Astronomy */
div.wui_almanac div.date {
  font-weight:bold;
}
   
div.wui_almanac div.item {
  float:left;
  width:300px;
}
        
div.wui_almanac div.item div.desc {
  float:left;
  width:150px; 
}
           
div.wui_almanac div.l-col {
  margin:0 0 10px 0; 
  width:100px;
}
                
div.wui_almanac div.r-col {
 margin:0 0 10px 0; 
 width:100px;
}
                     
div.wui_almanac div.complete {
 float:left;
 font-weight:bold;
}
                        
div.wui_almanac a:link, 
div.wui_almanac a:visited {
  text-decoration:none;
}
                             
div.wui_almanac a:hover {
  color:#c00;
  text-decoration:underline;
}

div.wui_almanac img {
  display:block;
}

div.wui_almanac div.background {
  background-color:#000;
  width:202px;
}

div.wui_almanac div.background div.moonphase {
  display:inline;
  float:left;
  width:48px;
}

/* Air Quality */
div.wui_epa ul {
  list-style:none;
}

div.wui_epa ul.header li {
  display:inline;
  float:left;
  margin:0 50px 0 0;
}

div.wui_epa ul .current {
  list-style:none;
}

div.wui_epa ul .current li {
  width:40px;
}

div.wui_epa ul li.l-col {
  display:block;
  float:left;
  margin:0 50px 0 0;
  width:40px;
}

div.wui_epa ul li.last {
  float:left;
}

 /* begin: changes on 10.17.11 */

div.wui_almanac div.moon h4 {
   color:#4c4c4c;
   font-weight:bold;
   margin:0 0 10px 0;
}

div.wui_almanac div.upcoming,
div.wui_almanac div.upcoming div.moonphase {
   float:left;
}

/* added for 'state extremes'   so when the temperature is greater than 100 degrees */

div.wui_extremes div.item div.desc { 
   float:left;
  width:220px;
 }

div.wui_extremes div.item div.desc div.temp {
  float:left;
  width:42px;
 }

 /* end state extremes */

#summary { line-height: 1.5em; /* padding: 30px 0 0 0 !important; */ clear: both;  }