/* -----------------------------------------------------------------------
 Weather css
----------------------------------------------------------------------- */


.weather{position:relative;display:block;float:left;color:#666666}
.weather p{margin:2px; float:left;display:block;font-size:11px;line-height:1.3;padding:0}
.weather .city{float:left;border-right:1px solid #CAD0D4;padding-right:10px;width:auto;font-weight:bold}
.weather .forecast-temp{padding-left:10px}
.weather .forecast-desc{color:#999;padding-left:5px; margin-right: 5px;}
.weather-icon{position:absolute; margin-bottom:10px; right:-30px;top:0;height:25px;width:25px;}
.weather-icon-null{}
.weather-icon-rain{background:transparent url(images/rain.gif) top left no-repeat;}
.weather-icon-sunny{background:transparent url(images/sunny.gif) top left no-repeat;}
.weather-icon-mostly-sunny{background:transparent url(images/mostlysunny.gif) top left no-repeat;}
.weather-icon-cloudy{background:transparent url(images/cloudy.gif) top left no-repeat;}
.weather-icon-partly-cloudy{background:transparent url(images/partlycloudy.gif) top left no-repeat;}
.weather-icon-shower{background:transparent url(images/possiblerain.gif) top left no-repeat;}
.weather-icon-fog{background:transparent url(images/fog.gif) top left no-repeat;}
.weather-icon-windy{background:transparent url(images/windy.gif) top left no-repeat;}
.weather-icon-thunder{background:transparent url(images/thunder.gif) top left no-repeat;}
.weather-icon-thunderstorm{background:transparent url(images/thunder.gif) top left no-repeat;}
.weather-icon-possible-thunder.gif{background:transparent url(images/possiblethunder.gif) top left no-repeat;}