/* file: wui_main.css
 * date: 11.05.12 
 * contact: patrick@wunderground.com,
 *          brendan@wunderground.com
 * */

div#current {
}

div#current div.header, 
div#current div.location, 
div#forecast div.header, 
div#forecast div.location, 
div#hourly div.header, 
div#hourly div.location, 
div#radar div.header, 
div#radar div.location {
  font-size:18px;
  font-weight:bold;
}

div#forecast div.location {
  margin:20px 0 20px 10px; 
}

div#current div.desc-l {
  border:0px solid #000;
  float:left;
  height:130px;
  margin:0;
  width:50%;
}

div#current ul, 
div#forecast ul {
  list-style:none;
  margin:0;
  padding:0;
}

div#forecast ul.alt {
  background-color:#efefef;
}

div#current ul li, 
div#forecast ul li {
  line-height:20px;
}

div#current ul li.header, 
div#forecast ul li.header {
  font-weight:bold;
}

div#forecast ul li.header, 
div#forecast ul li.footer {
  margin-left:10px; 
}

div#forecast ul li.footer {
  margin:0 0 20px 10px;
}

div#current div.desc-r {
  border:0px solid #000;
  float:left;
}

div#current div.desc-r div.temp {
  font-size:60px;
}

div#current 

div#almanac {
  clear:left;
}

div#almanac div.item {
  float:left;
  margin:0 0 10px 0;
  width:100%;
}

div#almanac div.item div.desc {
  float:left;
  /*text-align:center;*/
  width:50%;
}


div#forecast.ui-page div.ui-content {
  padding:0;
}

div#forecast div.item {
  float:left;
  margin:0 0 20px 0;
  width:100%;
}

div#forecast div.item div.desc {
  display:inline;
  float:left;
  padding:0 5px 0 0;
  width:18%;
}

div#forecast div.item div.desc img {
   width:50px;
}

div#hourly.ui-page div.ui-content div.hourly, 
div#hourly.ui-page div.ui-content div.hourly, 
div#hourly.ui-page div.ui-content div.hourly, 
div#hourly.ui-page div.ui-content div.hourly {
  float:left;
  padding:10px 0 10px 0;
  width:100%;
}

div.alternate {
  background-color:#333;
}

div#hourly.ui-page div.ui-content div.hourly div.civil,
div#hourly.ui-page div.ui-content div.hourly div.hour,
div#hourly.ui-page div.ui-content div.hourly div.img,
div#hourly.ui-page div.ui-content div.hourly div.condition {
  float:left;
  width:25%;
}

div.alt {
  background-color:#efefef;
  width:50%;
}

div.row {
  float:left;
  width:100%;
}

div.row div.title  {
  font-weight:bold;
  margin:10px 0;
}

div.row div.desc-l {
  float:left;
  width:50%;
}

div.row div.desc-r {
  float:left;
  padding:10px 0;
  width:50%;
}

/*
mims[01.27.13]: 
commented this out, it's in the wui_map.js now. 
div#map {
  border:1px solid #000;
  height:350px;
  margin:0 0 10px 0;
  width:458px;
}
*/

div#controls {
  border:1px solid #c00;
  float:left;
}

div#controls div.row {
  float:left;
  width:100px;
}