/*CSS for Weather Widget*/
/* 212 x 183 */

#weather-widget {
   font-size: 9pt;
   background: #D6C181 url(../images/weather-back.jpg);
	border: 1px solid #57381C;
   width: 150px;
   height: 50px;
   padding: 5px;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
}
#today-weather {
   float: left;
   width: 103px;
   height: 50px;
}
#today-weather .weather {
   height: 59px;
   width: 105px;
   margin-right: 2px;
   text-align: right;
}
#today-weather .weather-image {
   float: left;
   width: 40px;
   margin-top: -37px;
   margin-left: 3px;
}
#today-weather #weather-title, 
#today-weather .weather .temp,
#today-weather .condition {
   float: right;
   clear: right;
   width: 63px;
   text-align: center;
}
#today-weather #weather-title {
   font-size: 7pt;
   width: 110px;
   margin-right: -5px;
}
#today-weather .condition {
   text-transform: lowercase;
   font-size: 7pt;
}
#today-weather .weather .temp {
   font-size: 18pt;
   text-transform: lowercase;
   font-family: impact, charcoal, sans-serif;
   margin: -2px 0;
}
#forecast-weather {
   width: 42px;
   float: right;
   border-left: 1px solid #000000;
}
#forecast-weather .weather {
   float: right;
   height: 23px;
   text-align: left;
   width: 32px;
}
#day1.weather {
   padding: 0 5px 2px 5px;
   border-bottom: 1px solid #000000;
}
#day2.weather {
   padding: 2px 5px 0 5px;
}
#forecast-weather .weather .day {
   width: 100%;
   display: block;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 7pt;
}
#forecast-weather .weather .high,
#forecast-weather .weather .low {
   width: 14px;
   font-weight: bold;
   font-size: 7pt;
}
#forecast-weather .weather .low {
   color: #096F96;
   font-size: 7pt;
}
#forecast-weather .weather-image {
   display: none;
}
#more-weather-links {
   width: 150px;
   font-size: 9pt;
   text-transform: lowercase;
   text-align: center;
}