@charset "UTF-8";
/*
 * Example of zWeatherFeed Styling
 *
 * Version: 1.0.2
 * (c) Copyright 2010, Zazar Ltd
 *
 */

.weatherFeed{

}
.weatherItem{
}

.f-center .weatherFeed{
	float:left;
	width:100%;
	border:30px solid transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
    color:#808080;
	background-color: rgba(255,255,255,0.5); 
    box-shadow: 0 1px 1px rgba(0,0,0,0.08);	
}
.f-center .weatherItem{
    text-align:right;
    float:left;
    width:23%;
    margin-right:2.66%;
	border:20px solid transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.f-center .weatherItem:last-child{
	margin-right:0;
}
.wl-wrap{
	float:left;
	width:100%;
}
.wl-wrap .weatherFeed{
	float:left;
	width:100%;
	border:30px solid transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
    color:#808080;
	background-color: rgba(255,255,255,0.5); 
    box-shadow: 0 1px 1px rgba(0,0,0,0.08);	
}
.wl-wrap .weatherItem{
    text-align:right;
    float:left;
    width:100%;
	border:20px solid transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.weatherCity{ 
    text-transform: uppercase; 
    padding-bottom:10px;
    letter-spacing:0.1em;
    font-weight:300;
}
.weatherTemp{
    font-size: 2.5em;
    font-weight: 700;
    padding-bottom:10px;
}
.weatherDesc{ 
    margin-bottom: 10px; 
}
.weatherRange, .weatherWind{ 
   font-size: 0.9em; 
   line-height:1.5em;
   text-align:left;
}
.weatherRange{
	margin:30px 0 0 0;
}
.weatherLink{
    text-align: right;
    font-size: 0.8em;
    margin:-20px 0 0 0;
}
@media screen and (max-width:1024px){
.weatherLink{
	 text-align: left;
	 float:left;
	 margin:0;
	 width:100%;
}
}
.odd{ 

}
.even{
	
}
.day{ 
	background-color: #fafafa;
}
.day a{ 
	color: #555;
}
.night{ 
	background:#2A363B; 
	color: #eaeaf0; 
}
.night a:hover{ 
	color: #fff; 
}

#weatherList{
    float:left;
    width:100%;
    padding:14px 0 0 0;
	text-align:center;
	font-style:italic;
}
#weatherList span{
	display:table!important;
	margin:0 auto 14px auto!important;;
	font-style:italic;
}