/* ---( = for the general body )------------------------------- */  




body {line-height: 1.5em;background:#EBEBEB;text-align:center;}
.wrapper, #wz .wrapper, #header .wrapper {width:970px;}
#canvas{margin:0 auto;width:970px;padding:0 10px;background:#f5f5f5;text-align:left;}
/* ---( = background and sidebars )------------------------------- */  

#header{ width: 970px; position: relative;}
#header .wrapper { background: #fff;position: relative; width: 970px;height: 202px; overflow:hidden; }
#header .logo { position: absolute; top: 43px; left: 30px; }

#header .headerLinks {
    color: #006c67;
    position: absolute;
    bottom: 20px; right: 25px;
}
#header .headerLinks a,
#header .headerLinks a:visited {
    color: #006c67;
    font-weight: bold;
    padding: 0 2px;
    text-decoration: none;
}
#header .headerLinks a:hover { color: #006c67; text-decoration: underline; }

#header form        { float: right; height: 31px; margin: 10px 15px 0 0; width: 242px; }
#header form div    { position: relative; }
#header form label {
    cursor: pointer;
    position: absolute;
    top: 11px; 
  left: 0;
    width: 48px;
    height: 13px;
}
#header form label span{display:none;}
#header form input {
    width: 130px;
    position: absolute;
    top: 8px; left: 60px;
    color: #8c9491;
    border: 1px solid #006c67;
}
#header form input.button {
    width: auto;
    position: absolute;
    top: 3px; left: 205px;
    border: none;}

.masthead{
  height:90px;
  padding:10px;
  _padding-bottom:0;
}
.masthead #logo {
  float:left;
  margin:22px 0 0 18px;
  overflow:hidden;
}
.masthead #north-ad {
  background:none;
  margin:0 auto;
  padding:0;
  text-align:center;
  padding-bottom:10px;
  float:right;
}


#sidebarmodules li{margin-bottom:0 !important;}
#sidebarmodules li.local-weather-short{margin-bottom:10px !important;}

#content .wrapper {padding-top: 1em;background:#fff;} 
#wz #content .content {padding-right: 10px;padding-left:10px;}
#wz #content .content .main {width:640px;}

#wz div#content {
  padding:0;
}

/* ---( = .wrapper needed for header + footer widths )------------------------------- */   
.wrapper {width:970px;margin: 0 auto;text-align:left;position:relative;}

#wz div#notice div.wrapper p {background:url(/styles/images/yahoo7/22x22_info.png) no-repeat scroll 12px 14px transparent;}

.set_default_location{
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  background-color:#DDDDDD;
  border:1px solid #EBEBEB;
  margin-top:-30px !important;
  padding:3px 10px;
    

}

a.set_default_location:hover{
  background-color:#DDDDDD !important;  
  text-decoration:underline;
}

#wz ol li.local-weather-expanded .temperature,
#wz ol li.local-weather-short .temperature{
width:140px;
}

/* ---( = for the meteorology header + footer styles )------------------------------- */    

div#header {margin: 0 auto 1em auto;text-align: center;}
div#footer {clear: both;background-color:#fff;font-size: 0.9em;margin: -1.15em auto 0 auto;padding: 0 0 20px 0;text-align: center;overflow:hidden;}


#wz ol#modules li {margin:0 0 1em;}



/* ---( = typography )------------------------------- */ 

body, #wz, .ac_results  {font-size: 12px;line-height: 1.5em;font-family: Arial, Helvetica, Trebuchet, Verdana, sans-serif}
h1, h2, h3, h4, h5, h6 {color:#000;}
#wz .main h1 {margin-bottom:0.2em;}
#wz div#wznavigation ul, #wz div.national {font-family: Arial, Helvetica, Trebuchet, Verdana, sans-serif}

/* ---( = colors )------------------------------- */  

body {color: #000;}
#wz a, #wz a:visited {color:#304A6C;text-decoration: underline;}
#wz a:hover, #wz a:visited:hover {color:#304A6C;text-decoration: underline;}

#wz table.forecast td.min, #wz table.summary td span.min, #wz ol li span.min {color: #0066AC;}
#wz table.forecast td.max, #wz table.summary td span.max, #wz ol li span.max {color: #900;}

#wz h1 a, #wz h1 a:visited,
#wz h2 a, #wz h2 a:visited,
#wz h3 a, #wz h3 a:visited,
#wz h4 a, #wz h4 a:visited,
#wz h5 a, #wz h5 a:visited {text-decoration:none;color: #222;}

#wz h1 a:hover, #wz h1 a:visited:hover,
#wz h2 a:hover, #wz h2 a:visited:hover,
#wz h3 a:hover, #wz h3 a:visited:hover,
#wz h4 a:hover, #wz h4 a:visited:hover,
#wz h5 a:hover, #wz h5 a:visited:hover {text-decoration:none;color: #777;}

#wz ul.news li h4 a, #wz ul.news li h4 a:visited {color: #222;}
#wz ul.news li h4 a:hover, #wz ul.news li h4 a:visited:hover {color: #777;}
#wz ul.news li h4 span {color: #999;}
#wz ul.news li h6 {color: #999;background: url(/images/icon-bullet.gif) no-repeat 0 50%;}
#wz ul.bullet li.header {color: #333;margin-top: 2em;}

#wz div#search li input {background: #fff;border: 1px solid #ccc;margin-right: 0;padding: 2px 4px}
#wz div#search ol li.button button {display: block;width: 29px;height: 25px;background: url(/styles/images/weatherzone/localwx_arrow_blue.gif) no-repeat 2px 2px;border: 0;text-indent: -20000em;font-size:1px;}


#wz div#wznavigation {margin-top:-12px;padding:0;height:35px;}
#wz div#wznavigation {border-bottom:none;}
#wz div#wznavigation div.wrapper {background:url(//l.yimg.com/ao/i/mp/properties/news/02/img/mh-sprite.v1.1.jpg) repeat-x 0 -213px #bd0000;border-bottom: 1px solid #bd0000;height:35px;}
#wz div#wznavigation li {border-left:none}
#wz div#wznavigation li a, #wz div#wznavigation li a:visited {margin:0.5em;padding:0.1em 0.5em;color: #fff;}
#wz div#wznavigation li a:hover, #wz div#wznavigation li a:visited:hover {color: #fff;background:none;}
#wz div#wznavigation li a:hover{text-decoration:underline;}
#wz div#wznavigation li.active a, #wz div#wznavigation li.active a:visited {color: #fff;background:#bd0000;}

#wz div#breadcrumbs {margin:0 auto 0;padding:0.3em auto 0;}
#wz div#breadcrumbs .wrapper{background:#fff;}
#wz div#breadcrumbs ul {margin-left:10px;}
#wz div#breadcrumbs ul a{font-size:1.2em;}
/* IE6 Fix */
* html #wz div#breadcrumbs{margin-left:-4px;margin-top:-2px;}


/* ---( = google maps )------------------------------- */ 
#wz .forecast-overlay{-webkit-border-radius:4px;-moz-border-radius:4px;border: 1px solid #c8c8c8;background: #fff;filter:alpha(opacity=85) !important;-moz-opacity: 0.85 !important;opacity: 0.85 !important;padding:2px 5px 2px 37px;width:auto !important;min-width:50px;cursor:pointer;}
#wz .forecast-overlay span.max,#wz .forecast-overlay span.min {font-size:1.1em !important;width:20px;height:20px;margin-top:0 !important;}
#wz .forecast-overlay h4{font-size:1em;margin:0;white-space:nowrap;font-family: Arial, sans-serif !important;letter-spacing:0;}
.google-map h4{color:#000;}
/* ---( = tables )------------------------------- */ 

#wz table{border:1px solid #ddd;} 
#wz table th{color:#304A6C;background:#EBEBEB;}  
#wz table th,#wz table td{border:1px solid #ddd;}
#wz table.forecast tr.child td{background:#eee;}
#wz table.sunrise td{font-size:0.9em}
#wz table td.wind{width:35px}


#wz table tr.over td{background:#eee !important;}
#wz table tr.alt td{background-image:none;background-color:#eee !important;}

#wz div#notice div.wrapper{border-bottom:none;background:#FFFFCC;width:970px;right:0;}
#wz div#notice{margin-bottom:0;}

#wz .local-weather-expanded table.summary span.max{font-size:1.5em;} 
#wz .local-weather-expanded table.summary span.min{font-size:1.3em;} 
#wz table.summary td span.min{font-size:1.5em;}
#wz .current-conditions.full dt{color:#304A6C;}

#wz .climate-history table.summary td span.min {
font-size:1.1em;
}
#wz .climate-history table.summary td span.max {
font-size:1.2em;
}

#wz #world-map table, #wz #map table{border:none;}

/* ---( = inline tabs )------------------------------- */ 

#wz div.national {border-top:0;border-bottom:2px solid #304A6C;margin-top:0;}
  #wz div.national div.wrapper {border-bottom: 0;}
    #wz div.national li a, #wz div.national li a:visited {color: #252525;font-weight: normal;text-transform:capitalize}
    #wz div.national li a:hover, #wz div.national li a:visited:hover {color: #304A6C;background: #fff url(/styles/images/yahoo7/blueball.gif) no-repeat bottom center}
    #wz div.national li.active a, #wz div.national li a.selected:visited, #wz div.national li a.selected:active {color: #304A6C;background: #fff url(/styles/images/yahoo7/blueball.gif) no-repeat bottom center}


#wz #map-nav,
#wz #radar-nav,
#wz #world-map-nav
{margin-bottom:0 !important;}

#wz #world-map-nav li a{
font-size:0.9em;
padding:0.75em 0.6em 0.5em;
}
/* ---( = footer layout )------------------------------- */

div#footer .box {float: left;width: 240px}
div#footer .box ul {float: left;width: 220px;margin-bottom: 2em;}
div#footer .box ul li.header {font-weight:bold;color: #444; text-transform: uppercase;}
div#footer .box ul li ul {margin-left: 1em}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #616B67;text-decoration:none;}

#twc_footer{
  clear:both;
  padding-top:10px;
  height:35px;
  overflow:hidden;
}
#footer #poweredby{
  margin:10px;
  padding-top:5px;
  cursor:pointer;
  overflow:auto;
}

#footer #poweredby strong{
  float:left;
  margin-right:5px;
  cursor:pointer;
  font-weight:normal;
}
#footer #poweredby span{
  text-indent:-9999em;
  float:left;
  width:76px;
  display:block;
  background:url(/styles/images/yahoo7/weatherzone-wxe.gif) no-repeat;
  cursor:pointer;
  margin-top:2px;
}

#swellnet{
  display:block;
  text-decoration:none !important;
  
}
#swellnet img{
  vertical-align:bottom;
}