body { margin: 0; padding: 0; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 10px; text-align: left; color: #3495c8; }
#weather-wrapper { width: 285px; height: 169px; margin: 0; padding: 50px 0 0 10px; background-image: url(../../Images/weather-bg.jpg); background-repeat: no-repeat; background-position: left top; }

/*-- Global Classes --*/
.fl { float: left; }
.fr { float: right; }

/*-- Temperature --*/
#temperature { width: 80px; margin: 0; padding: 0; font-size: 20px; }

/*-- Feels Like and Conditions --*/
#feelsLike-conditions { width: 90px; margin: 0 115px 0 0; padding: 3px 0 0 0; }

/*-- Conditions --*/
#weather-conditions { clear: both; width: 170px; margin: 0; padding: 0; }

/*-- Weather Information --*/
#weather-info { width: 215px; margin: 0; padding: 7px 0 0 0; }
	#weather-info .weather-data-title { width: 80px; }
	#weather-info .weather-data { text-align: left; color: #000000; }

/*-- Weather Unavailable --*/
#weather-unavailable { margin: 0; padding: 0; width: 160px;  }

/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
html .cf { height: 1%; }
/* End hide from IE-mac */