/* forecast 10 day css*/

.body {
	margin:0 auto;
	text-align:center;
	
}




.titleforecast {
	
	 font-size:1em;
	 font-family:' Helvetica', Arial;
	 color:#4e5a69;
	 margin-left:5%;
	
	
}


#wuforecasts {
  max-width: 700px;
  margin-left: 1px;
  margin-right: 0;  
  background-color:none; 
  font-family:' Helvetica', Arial;
  border-radius:5px;
  background:none;margin:5px; 
  color:#4e5a69;font-size:14px;
  
 }
  
#wuforecast {
  float: left;
  display: block;
  margin-right: 0%;
  width: 16%;
  border-radius:5px;
  background:none; 
  margin:3px;
 font-family:' Helvetica', Arial; 
  margin-left:1px;
  height:155px;padding:5px; 
background: rgba(255,255,255,1);

   border:1px solid rgba(153,155,156,0.5);
   
}
#wuforecasthour {
  display:block;
  width: 195px;
  border-radius:5px;
  background:none; 
  margin:5px;
 font-family:' Helvetica', Arial; 
  float:left;
  height:45px;padding:5px; 
background: rgba(255,255,255,1);
   border:1px solid rgba(153,155,156,0.5);
   font-size:12px;
   
}

#wuforecasthour:first-child {
   
  border:1px solid rgba(153,155,156,0.5);
    padding: 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    margin:5px;
    font-family: 'Helvetica', Arial;
}


#wuforecasthour:last-child {
    margin-right: 0;
    border:1px solid rgba(153,155,156,0.5);
    padding: 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    margin:5px;
    font-family: 'Helvetica', Arial;
}
wuforecasthour:nth-child(2n) {
   
   border:1px solid rgba(153,155,156,0.5);
    padding: 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
   margin:5px;
    font-family: 'Helvetica', Arial;
}
#wuforecasthour:nth-child(4n) {
   
    border:1px solid rgba(153,155,156,0.5);
    padding: 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
   margin:5px;
    font-family: 'Helvetica', Arial;
}
#wuforecasthour:nth-child(4n+1) {
   border:1px solid rgba(153,155,156,0.5);
    padding: 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
   font-family: 'Helvetica', Arial;
  margin:5px;
} 
	
  #wuforecast:hover {
    background-color:none; }
    #wuforecast:hover #weekday {
      background-color:none; }

#weekday {
  margin: 0;
  background-color:none;
  text-align: center;
  padding: 5px;
  color:#4e5a69; 
  font-family:Helvetica, Arial; 
  text-transform:uppercase;
  font-size:12px;}

#temp {
  font-size:12px;
  color:#4e5a69;font-family:Helvetica, Arial; 
  
  }
#temp2 {
  font-size:12px;
  color:#4e5a69;font-family:Helvetica, Arial; }

#icon {
  width:46%;
  float: none;
  padding: 2px;
  margin: 0px; 
  margin-left:25%;
  
  margin-top:-3px;
  }
  
  @font-face {
  font-family: 'weathericons';
  src: url('weathericons-regular-webfont.eot');
  src: url('weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('weathericons-regular-webfont.woff2') format('woff2'), url('weathericons-regular-webfont.woff') format('woff'), url('weathericons-regular-webfont.ttf') format('truetype'), url('weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.wi{display:inline-block;font-family:'weathericons';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wi-fw{text-align:center;width:1.4em}

.wi-rotate-35{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg)}
.wi-rotate-45{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.wi-rotate-55{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(55deg);-ms-transform:rotate(55deg);transform:rotate(55deg)}
.wi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.wi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.wi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.wi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.wi-snow-wind:before{content:"\f064"}.wi-snow:before{content:"\f01b"}.wi-smog:before{content:"\f074"}.wi-smoke:before{content:"\f062"}.wi-lightning:before{content:"\f016"}.wi-raindrops:before{content:"\f04e";color:#99cade}.wi-raindrop:before{content:"\f078";color:#99cade}.wi-dust:before{content:"\f063"}.wi-snowflake-cold:before{content:"\f076";color:#66a1ba}.wi-snowflake1-cold:before{content:"\f076";color:#f8f8f8;padding:10px}.wi-windy:before{content:"\f021"}.wi-strong-wind:before{content:"\f050"}.wi-sandstorm:before{content:"\f082"}.wi-earthquake:before{content:"\f0c6"}.wi-fire:before{content:"\f0c7"}.wi-flood:before{content:"\f07c"}

time.icon{font-size:.6em;display:block;position:relative;width:6.5em;height:6.5em;background-color:#fff;margin:auto auto 2em 555px;border-radius:.6em;box-shadow:0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #bdbdbd,0 4px 0 #fff,0 5px 0 #bdbdbd,0 0 0 1px #bdbdbd;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:rotate(0) skewY(0);-webkit-transform-origin:50% 10%;transform-origin:50% 10%;font-family:Helvetica,Arial}

 
time.icon em,time.icon strong{font-family:Helvetica,Arial;position:absolute;font-size:0.4em}
time.icon *{display:block;width:100%;font-size:1em;font-weight:700;font-style:normal;text-align:center;font-family:Helvetica,Arial}
time.icon strong{top:0;padding:.6em 0;color:#fff;background-color:#f16149;border-bottom:1px dashed #ccc;box-shadow:0 2px 0 #f16149;font-weight:600;font-size:1em;}
time.icon em{bottom:.2em;color:#f16149;font-size:0.9em}
time.icon span{width:100%;font-size:2.6em;letter-spacing:-.05em;padding-top:1em;color:#656d77;font-family:Helvetica,Arial;font-weight:200}