/* :: Known bugs
 * # safari
 * - descr under #mapdays jumps below the icons
 * # IE
 * - IE6 degree is gone on main-point in map
 * 
 */

ul#globalnav {margin-bottom:0!important;}
ul#globalnav ul.localnav {display:none;}

.firstcol {clear:left;}
.weathertop {background:#f2f2f2;height:170px;position:relative;clear:both;margin-top:1px;}
.weathertop h1 {padding:40px 0 0 5px;color:#777;font-weight:bold;}
.weathertop h1 strong {font-size:32px;display:block;color:#333;line-height:38px;}

.topforecast {position:absolute;right:0;top:5px;width:150px;}
.topforecast dt {font-weight:bold;color:#777;font-weight:bold;padding-top:20px;}
.topforecast dd.when {font-size:18px;line-height:28px;}
.topforecast dd.when span {font-size:11px;color:#666;}
.topforecast dd.ico {position:absolute;left:-160px;top:0;width:150px;text-align:center;}
.topforecast dd.degree {position:absolute;left:-240px;top:30px;width:70px;text-align:right;font-weight:bold;font-size:36px;line-height:36px;height:36px;text-align:right;}


.weathernav {position:absolute;bottom:8px;height:60px;width:100%;background:url(/images/weathernav_bg_ul.gif) bottom left repeat-x;}
.weathernav li {float:left;padding:0 3px;width:auto!important;width:0.1em;}
.weathernav a {border-top:1px solid #cdcdcd;line-height:23px;display:block;font-weight:bold;color:#767676;}
.weathernav a span {border:1px solid #cdcdcd;border-bottom:1px solid #9f9f9f;border-width:0 1px 1px 1px;line-height:23px;height:23px;display:block; padding:0 8px;margin:0 -1px;white-space:nowrap;}
.weathernav a.current {font-weight:bold;border-top:1px solid #9f9f9f;}
.weathernav a.current span {border-color:#9f9f9f;color:#6bb045;background:#fff;border-bottom:1px solid #fff;}
.weathernav ul {position:absolute;width:100%;top:23px;}
.weathernav ul li {padding:0 16px;line-height:36px;}
.weathernav ul li a {border:0;line-height:36px;height:36px;font-weight:normal;}
.weathernav ul li a span {border:0;line-height:36px;display:inline;padding:0;}
.weathernav ul li a.current {border:0;font-weight:bold;}
.weathernav ul li a.current span {border:0;}

.weathernav2 {position:relative;z-index:2000;margin-top:-60px;height:60px;width:100%;background:url(/images/weathernav_bg_ul.gif) 0 23px repeat-x;}
.weathernav2 li {float:left;padding:0 3px;width:auto!important;width:0.1em;}
.weathernav2 a {border-top:1px solid #cdcdcd;line-height:23px;display:block;font-weight:bold;color:#767676;}
.weathernav2 a span {border:1px solid #cdcdcd;border-bottom:1px solid #9f9f9f;border-width:0 1px 1px 1px;line-height:23px;height:23px;display:block; padding:0 8px;margin:0 -1px;white-space:nowrap;}
.weathernav2 a.current {font-weight:bold;border-top:1px solid #9f9f9f;}
.weathernav2 a.current span {border-color:#9f9f9f;color:#6bb045;background:#fff;border-bottom:1px solid #fff;}
.weathernav_sub2 {margin-top:-36px;position:relative;z-index:2100;float:left;width:100%;background:#fff;}
.weathernav_sub2 li {padding:0 16px;line-height:36px;float:left;}
.weathernav_sub2 li a {border:0;line-height:36px;height:36px;font-weight:normal;color:#767676;}
.weathernav_sub2 li a span {border:0;line-height:36px;display:inline;padding:0;}
.weathernav_sub2 li a.current {font-weight:bold;}
.weathernav_sub2 li a.current span {color:#6bb045;}

.bigweather {width:230px;position:relative;float:left;z-index:200!important;}
.bigweather dl {padding:5px;position:relative;z-index:2300;background:url(/images/wbg.png) top left repeat;}
.bigweather dt {font-weight:bold;color:#6bb045;font-size:16px;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;}
.bigweather dd {padding-bottom:5px;}
.bigweather dd.day {float:left;font-weight:bold;font-size:12px;padding-top:5px;}
.bigweather dd.degree {float:left;font-size:16px;font-weight:bold;padding-left:5px;padding-top:5px;font-family:Arial,Helvetica,sans-serif;}
.bigweather dd.wind {float:left;}
.bigweather dd.descr {font-weight:bold;font-size:12px;padding-top:5px;}


/* 3 day forecast */
.threedays {padding-right:0;}
.threedays h3 {float:left;width:125px;padding-top:25px;color:#6698cb;font-weight:bold;}
.threedays h3 a {color:#6698cb;text-decoration:underline;}
.threedays dl {float:left;width:115px;}
.threedays dt {color:#7c7c7c;padding-bottom:5px;}
.threedays dd.ico {float:left;padding-right:5px;}
.threedays dd.degree {font-weight:bold;font-size:16px;float:left;padding-top:8px;}

/* verbal forecasts */
.vforecasts h3 {padding: 4px 0;font-weight:bold;font-size:14px;}
.vforecasts p {padding-bottom:10px;}

/* one day forecast */
.oneday {color:#7c7c7c;}
.oneday h3 {font-weight:bold;font-size:18px;line-height:22px;padding-bottom:8px;}
.oneday dl {float:left;width:155px;}
.oneday dt {padding-bottom:8px;}
.oneday dd.ico {float:left;}
.oneday dd.degree {float:left;font-weight:bold;line-height:37px;width:30px;text-align:center;}
.oneday dd.wind {float:left;}
.oneday dd.descr {clear:both;padding-top:8px;}
.oneday dd.passed {padding-top:20px;color:#999;}


/* map */
.mapbox {padding:0 0 10px 0;}
#weathermap {background-color:#99B3CC;height:378px;}

/* map forecasts */
#mapdays dl {float:left;padding:0 35px;}
#mapdays dl dt {height:49px;width:60px;color:#BABABC;font-size:11px;}
#mapdays dl dt a {font-weight:bold;display:block;color:#6698CB;padding-top:12px;font-size:12px;text-decoration:underline;}
#mapdays dl dd.ico {display:block;float:left;}
#mapdays dl dd.degree {font-weight:bold;width:54px;text-align:center;display:block;clear:left;}
#mapdays dl dd.wind {display:none;}
#mapdays dl dd.descr {display:none;}

#mapdays dl.current {float:left;padding:0 35px 0 95px;}
#mapdays dl.current dt {margin-left:-60px;width:135px;margin-right:55px;margin-bottom:17px;height:32px;line-height:32px;background-color:#99B3CC;text-align:center;color:#fff;}
#mapdays dl.current dt a {display:inline;color:#fff;text-decoration:none;padding-top:0;}
#mapdays dl.current dd.ico {float:left;margin-left:-60px;display:inline;}
#mapdays dl.current dd.degree {float:left;display:inline;margin:40px 0 0 -60px;clear:none;}
#mapdays dl.current dd.wind {float:left;display:inline;}
#mapdays dl.current dd.descr {float:left;display:inline;width:100px;font-size:11px;color:#777;}

/* define degrees */
.deg_plus {
	color:#B4161C;
}
.deg_minus {
	color:#166CB4;
}