html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}
body { background: #666; font-family: helvetica, arial, sans-serif; font-size: 10px; text-transform: uppercase; }
.a { position: absolute; left: -9999px; }
img, a img { border: none; }
.clr { clear: both; }
.noshadow { text-shadow: none !important; }
.nounderline { text-decoration: none !important; }
.toggle { cursor: pointer; }


/* SELF-CLEAR FLOAT FIX ========== */
.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; margin-bottom: .001em; }
.c { display: inline-block; }
html[xmlns] .c { display: block; }
* html .c { height: 1%; }


/* LAYOUT ========== */
#page { padding: 10px; width: 300px; margin: 0 auto 10px auto; overflow: hidden }
/*body.has_ad #page { padding-top: 70px; }*/
/*body.has_ad #fucking_ad { position: absolute; top: -70px; left: 33px; right: 33px; height: 60px; }*/
#fucking_ad { margin: 10px 0; padding-top: 10px; border-top: 1px solid #666; }
#weather { position: relative; z-index: 40; }
#alerts, #current_observation_wrapper { border-top: 1px solid #70AFC7; margin-top: 10px; clear: both; }
#forecast { border-top: 1px solid #70AFC7; margin: 10px 0; clear: both; z-index: 30; }
#time { display: block; }
#radar { display: block; height: 275px; width: 298px; position: relative; overflow: hidden; }
#stats { height: 29px; padding: 5px 0; position: relative; overflow: hidden; }
#stats>div#stats_scroll { overflow: hidden; position: absolute; left: 300px; height: 29px; }
#search { position: relative; z-index: 50; }
#footer { position: relative; z-index: 20; }


/* TYPOGRAPHY ========== */
#page { word-wrap: break-word; }
a { color: #fff; }
h1, h2, h3, h4, h5, h6 { font-weight: 100; }
h1, h2, h3 { letter-spacing: 0.1em; line-height: 1.3em; margin-bottom: 5px; }
h1 { font-size: 3em; }
h2 { font-size: 2em; margin-top: 10px; }
h3 { font-size: 1.5em; margin-top: 10px; }
#page>ul, #page>ol, #page p { font-size: 1.3em; line-height: 1.5em; letter-spacing: 0.1em;  margin: 5px 0 10px 0; vertical-align: top; }
#page p.small { font-size: 9px !important; }
ul, ol { margin-left: 2.5em; }
#page li { font-size: inherit; }
span.temperature { font-size: 68px; line-height: 68px; display: block; float: left; margin: 0px 10px 0 0; height: 68px; }
#page #current_observation { margin: 5px 0 0 0; }


/* FORECAST ========== */
#forecast { text-align: center; position: relative; padding-left: 1px; }
#forecast h3 { margin-top: 0px; }
div.forecast.day { float: left; width: 46px; padding: 5px 6px 0px 6px; margin: 0; cursor: pointer; border-right: 1px solid #70AFC7; }
div.forecast.day.last { border-right: none !important; padding-left: 9px !important; }
div.forecast.day div.details { position: absolute; top: 100%; left: 0px; width: 270px; padding: 5px 15px 0 15px; background: #fff; color: #333; text-align: left; }
div.forecast.day.active { background-color: #fff; color: #333; }
body.evening div.forecast.day, body.evening div#forecast, body.evening #time, body.evening .has_border { border-color: #C770C0 !important; }
body.night div.forecast.day, body.night div#forecast, body.night #time, body.evening #time, body.night .has_border { border-color: #51084B !important; }
body.morning div.forecast.day, body.morning div#forecast, body.morning #time, body.morning .has_border { border-color: #F4975A !important; }
body.haze div.forecast.day, body.sand div.forecast.day, body.dust div.forecast.day, body.dust .has_border { border-color: #B2B44D !important; }
body.haze div#forecast, body.sand div#forecast, body.dust div#forecast, body.haze #time, body.sand #time, body.dust #time, body.haze .has_border, body.sand .has_border, body.dust .has_border { border-color: #B2B44D; }
body.overcast div.forecast.day, body.mostly_cloudy div.forecast.day, body.mist div.forecast.day  { border-color: #999 !important; }
body.overcast div#forecast, body.mostly_cloudy div#forecast, body.mist div#forecast, body.overcast #time, body.mostly_cloudy #time, body.mist #time, body.overcast .has_border, body.mostly_cloudy .has_border, body.mist .has_border { border-color: #999 !important; }
body.rain div.forecast.day, body.light_rain div.forecast.day, body.heavy_rain div.forecast.day, body.thunderstorm div.forecast.day { border-color: #6D6E70 !important; }
body.rain div#forecast, body.light_rain div#forecast, body.heavy_rain div#forecast, body.thunderstorm div#forecast, body.rain #time, body.light_rain #time, body.heavy_rain #time, body.thunderstorm #time, body.rain .has_border, body.light_rain .has_border, body.heavy_rain .has_border, body.thunderstorm .has_border { border-color: #6D6E70 !important; }
body.light_snow div#forecast, body.snow div#forecast, body.fog div#forecast, body.light_snow #time, body.snow #time, body.fog #time, body.light_snow .has_border, body.snow .has_border, body.fog .has_border { border-color: #ccc; }
body.light_snow div.forecast.day, body.snow div.forecast.day, body.fog div.forecast.day { border-color: #ccc !important; }
div.forecast.day p { font-size: inherit !important; }
div.forecast p.temperatures { margin-bottom: 0px !important; }
div.forecast span.temp { display: block; }
div.forecast span.temp.high { font-size: 2em; line-height: 1.25em; }
div.forecast span.temp.low { font-size: 1.2em; line-height: 1.25em; }
div.forecast h3 { margin-bottom: 40px; }
div.forecast.day { background-position: 50% 21px; background-repeat: no-repeat; }
div.forecast.day.clear, div.forecast.day.sunny, div.forecast.day.cold, div.forecast.day.hot { background-image: url('/images/weather-sm-sun.png'); }
div.forecast.day.partly_cloudy, div.forecast.day.clouds { background-image: url('/images/weather-sm-sun-cloud.png'); }
div.forecast.day.tstms { background-image: url('/images/weather-sm-lightning.png'); }
div.forecast.day.flurries, div.forecast.day.light_snow, div.forecast.day.chc_snow { background-image: url('/images/weather-sm-flurries.png'); }
div.forecast.day.snow, div.forecast.day.heavy_snow { background-image: url('/images/weather-sm-snow.png'); }
div.forecast.day.mostly_cloudy, div.forecast.day.cloudy, div.forecast.day.overcast { background-image: url('/images/weather-sm-clouds.png'); }
div.forecast.day.rain, div.forecast.day.heavy_rain, div.forecast.day.light_rain { background-image: url('/images/weather-sm-cloud-rain.png'); }
div.forecast.day.scattered_showers, div.forecast.day.chance_showers, div.forecast.day.isolated_showers, div.forecast.day.chc_showers { background-image: url('/images/weather-sm-sun-rain.png'); }
div.forecast.day.drizzle, div.forecast.day.showers, div.forecast.day.sprinkles, div.forecast.day.chc_rain { background-image: url('/images/weather-sm-rain.png'); }
div.forecast.day.fog, div.forecast.day.frost { background-image: url('/images/weather-sm-fog.png'); }
div.forecast.day.haze, div.forecast.day.dust { background-image: url('/images/weather-sm-sun-haze.png'); }
div.forecast.day.breezy, div.forecast.day.wind, div.forecast.day.windy, div.forecast.day.blustery { background-image: url('/images/weather-sm-wind.png'); }
div.forecast.day.mixed { background-image: url('/images/weather-sm-snow-rain.png'); }
div.forecast.day.freezing, div.forecast.day.fzgdz, div.forecast.day.fzgrn { background-image: url('/images/weather-sm-ice.png'); }
div.forecast.day.mix { background-image: url('/images/weather-sm-snow-rain.png'); }


/* MOON ========== */
body.night.clear #content, body.night.fair #content { background-position: 235px 35px; background-repeat: no-repeat; }
body.night.clear.moon-1 #content, body.night.fair.moon-1 #content { background-image: url('/images/weather-moon-1.png') !important; }
body.night.clear.moon-2 #content, body.night.fair.moon-2 #content { background-image: url('/images/weather-moon-2.png') !important; }
body.night.clear.moon-3 #content, body.night.fair.moon-3 #content { background-image: url('/images/weather-moon-3.png') !important; }
body.night.clear.moon-4 #content, body.night.fair.moon-4 #content { background-image: url('/images/weather-moon-4.png') !important; }
body.night.clear.moon-5 #content, body.night.fair.moon-5 #content { background-image: url('/images/weather-moon-5.png'); }
body.night.clear.moon-6 #content, body.night.fair.moon-6 #content { background-image: url('/images/weather-moon-6.png'); }
body.night.clear.moon-7 #content, body.night.fair.moon-7 #content { background-image: url('/images/weather-moon-7.png'); }
body.night.clear.moon-8 #content, body.night.fair.moon-8 #content { background-image: url('/images/weather-moon-8.png'); }
body.night.clear.moon-9 #content, body.night.fair.moon-9 #content { background-image: url('/images/weather-moon-9.png'); }
body.night.clear.moon-10 #content, body.night.fair.moon-10 #content { background-image: url('/images/weather-moon-10.png'); }
body.night.clear.moon-11 #content, body.night.fair.moon-11 #content { background-image: url('/images/weather-moon-11.png'); }
body.night.clear.moon-12 #content, body.night.fair.moon-12 #content { background-image: url('/images/weather-moon-12.png'); }
body.night.clear.moon-13 #content, body.night.fair.moon-13 #content { background-image: url('/images/weather-moon-13.png'); }
body.night.clear.moon-14 #content, body.night.fair.moon-14 #content { background-image: url('/images/weather-moon-14.png'); }
body.night.clear.moon-15 #content, body.night.fair.moon-15 #content { background-image: url('/images/weather-moon-15.png'); }
body.night.clear.moon-16 #content, body.night.fair.moon-16 #content { background-image: url('/images/weather-moon-16.png'); }
body.night.clear.moon-17 #content, body.night.fair.moon-17 #content { background-image: url('/images/weather-moon-17.png'); }
body.night.clear.moon-18 #content, body.night.fair.moon-18 #content { background-image: url('/images/weather-moon-18.png'); }
body.night.clear.moon-19 #content, body.night.fair.moon-19 #content { background-image: url('/images/weather-moon-19.png'); }
body.night.clear.moon-20 #content, body.night.fair.moon-20 #content { background-image: url('/images/weather-moon-20.png'); }
body.night.clear.moon-21 #content, body.night.fair.moon-21 #content { background-image: url('/images/weather-moon-21.png'); }
body.night.clear.moon-22 #content, body.night.fair.moon-22 #content { background-image: url('/images/weather-moon-22.png'); }
body.night.clear.moon-23 #content, body.night.fair.moon-23 #content { background-image: url('/images/weather-moon-23.png'); }
body.night.clear.moon-24 #content, body.night.fair.moon-24 #content { background-image: url('/images/weather-moon-24.png'); }


#time { border-top: 1px solid #70AFC7; }
#time p { font-size: 9px !important; }

/* RADAR ========== */
#radar { background: url('/images/ajax-loader.gif') 50% 50% no-repeat #fff; border: 1px solid #333; }
#radar img { position: absolute; top: 0px; left: 0px; }


/* MESSAGING ========== */
div#messaging { background: #fff; padding: 5px 15px 5px 15px; margin-bottom: 10px; }
#messaging p { margin: 0px; }
#messaging img { vertical-align: middle; }


/* AUTOCOMPLETER ========== */
div.autocompleter.response { position: absolute; top: 100%; left: 0px; text-shadow: none; }
ul.autocompleter { background: url('/images/bg-white80.png'); width: 300px; margin: 0 !important; }
ul.autocompleter li { list-style: none; }
ul.autocompleter li a { padding: 5px 10px; display: block; color: #333; text-decoration: none; }
ul.autocompleter li.selected { background: #ffffcc; }


/* FORM ========== */
form { position: relative; }
form input, form select, form textarea { font-family: helvetica, arial, sans-serif; font-weight: 100; letter-spacing: 1px; }
input { background: #fff; border: none; padding: 5px 10px; width: 280px; color: #999; }
body.light_snow input, body.snow input, body.fog input { background: #ccc; color: #fff; }
.relative_wrapper { position: relative; }
.relative_wrapper img.loading { position: absolute; top: 2px; right: 20px; }
input:focus { color: #000; }
input:hover { color: #666; }


/* STATS ========== */
#stats { background: url('/images/bg-whitebar-60.png') 0px 0px no-repeat; color: #666; letter-spacing: 0.2em; vertical-align: middle; }
#stats a { color: #666; }
#stats h3 { margin-top: 0px; }
#stats a:hover { text-decoration: underline !important; }
#stats * { display: inline; display: inline-block; white-space: nowrap; }
#stats li { margin-right: 20px; }
#stats div.stat_group { line-height: 29px !important; }


/* TIME-BASED ========== */
#page {
	background: url('/images/bg-white20.png');
	border-bottom-right-radius: 15px 15px;
	border-bottom-left-radius: 15px 15px;
	-moz-border-radius-bottomright: 15px 15px;
	-moz-border-radius-bottomleft: 15px 15px;
	-webkit-border-bottom-right-radius: 15px 15px;
	-webkit-border-bottom-left-radius: 15px 15px;	
}
body.morning { color: #fff; background: #F7B183; }
body.day { color: #fff; background: #66CEF5; }
body.day #page { text-shadow: 2px 2px 0px #70AFC7; }
body.evening { color: #fff; background: #DA9FD5; }
body.evening #page { text-shadow: 1px 1px 2px #C770C0; }
body.night { color: #fff; background: #51084B; }
/* stats */
body.morning #stats, body.morning #stats a { color: #F7B183; }
body.day #stats, body.day #stats a { color: #66CEF5; }
body.night #stats, body.night #stats a, body.evening #stats, body.evening #stats a { color: #51084B; }


/* WEATHER-BASED ========== */
/* dark grey */
body.rain, body.light_rain, body.heavy_rain, body.thunderstorm { background: #6D6E70 !important; }
body.rain #page, body.heavy_rain #page, body.light_rain #page, body.thunderstorm #page { text-shadow: 1px 1px 4px #333; }
body.rain #stats, body.rain #stats a, body.light_rain #stats, body.light_rain #stats a, body.heavy_rain #stats, body.heavy_rain #stats a, body.thunderstorm #stats, body.thunderstorm #stats a, body.overcast #stats, body.overcast #stats a, body.mostly_cloudy #stats, body.mostly_cloudy #stats a, body.mist #stats, body.mist #stats a { color: #6D6E70; }
/* light grey */
body.overcast, body.mostly_cloudy, body.mist { background: #A6A8AB !important; }
body.overcast #page, body.mostly_cloudy #page, body.mist #page { text-shadow: 1px 1px 8px #666; }
/* pea soup */
body.haze, body.sand, body.dust { background: #C5C779 !important; }
body.haze #page, body.sand #page, body.dust #page { text-shadow: 0px 0px 4px #777918; }
body.haze #stats, body.haze #stats a, body.sand #stats, body.sand #stats a, body.dust #stats, body.dust #stats a { color: #C5C779; }
/* white */
body.light_snow, body.snow, body.fog { background: #fff !important; color: #ccc !important; }
body.light_snow a, body.snow a, body.fog a { color: #ccc; }
body.light_snow #page, body.snow #page, body.fog #page { background: #fff; text-shadow: 0px 0px 2px #999; }