.weatherItem{padding:0.8em;text-align:left;}
.weatherCity{text-transform:uppercase;}
.weatherTemp{font-size:2.8em;font-weight:bold;margin:10px 0;}
.weatherDesc, .weatherCity, .weatherForecastDay{font-weight:bold;}
.weatherDesc{margin-bottom:0.4em;}
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem{font-size:12px;}
.weatherLink, .weatherForecastItem{margin-bottom:0.5em;text-align:left;}
.weatherLink a{display:block;clear:both;padding-top:10px;}
.weatherForecastItem{padding:10px 10px 10px 80px;background-position:left center;width:100%;border:1px solid #999;}
.weatherForecastDay{font-size:14px;display:inline;margin-right:5px;}
.odd{}
.even{background-color:#d4d4e8;}
.weatherItem.odd{float:left;width:440px;padding-left:200px;background:rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";margin-right:60px;margin-bottom:15px;}
.weatherForecast{float:left;width:440px;}
.weatherForecastDate, .weatherForecastText, .weatherForecastRange{display:inline;margin-right:15px;}
@media (min-width:768px) and (max-width:1200px){.weatherItem.odd{width:300px;padding-left:190px;margin-right:20px;}
}
@media (min-width:768px) and (max-width:979px){.weatherItem.odd{width:440px;padding-left:200px;margin-right:0;}
#weather{margin:auto;width:440px;}
}
@media (max-width:767px){.weatherItem.odd{width:440px;padding-left:200px;margin-right:0;}
#weather{margin:auto;width:440px;}
}
@media (max-width:480px){#weather{margin:auto;width:100%;}
.weatherForecast{width:100%;}
.weatherForecastText, .weatherForecastRange{display:block;}
.weatherItem.odd{width:100%;margin-right:0;}
}