/* --------------------------------------- */
/* weather.css example                     */
/* please include or copy this to your 	   */
/* template and custmise the styles    	   */
/* --------------------------------------- */

div.mod_weather {
 font-size: 11px;   
}

img.mod_weather {
	margin: 0;
	padding: 0;	
}

div.mod_weather .weather_current * {
		color: white!important;
}
div.mod_weather sup {
font-size: 45%;
position: relative;
font-weight: bold;
vertical-align: text-top;
}
div.mod_weather .weather_forecast {
	
}
.weather_current {
	color:#fff;
	width:100%;
}
.weather_current .row_t .col-l {
	float:left;
	width:32%;
	color: white!important;
}
.weather_current .row_t .col-m {
	width:20%;
	float:left;
}
.weather_current .row_t .col-r {
	width:40%;
	float: right;
	text-align: right;
}
span.c_low {
	font-weight: bold;
font-size: 16px;
color: #800D12!important;
top: -6px;
position: relative;
}
span.c_temp {
	font-weight:normal;
	font-size:26px;
	padding-left: 3px;
}
.weather_current .forecast {
	width: 50%;
float: right;
position: relative;
right: -15px;
padding-top: 1px;
}

.weather_current .forecast  ul {
	list-style: none;
list-style-position: inside;
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
}
.weather_current .forecast  ul li {
float:left;
text-align: center;
width: 50%;
}
.row_b {
width:100%;
display:inline-block;
margin-top: 10px;
}
.current_condition {
	display:inline-block;
	width:100%;
	color: white!important;
}
.forecast_day, .forecast_high {
	background: #A61A2A;
color: white!important;
font-weight: bold;
text-align: center;
font-size: 12px;
text-transform: uppercase;
}
.forecast_link {
	color:#ffc801;
	text-decoration: underline!important;

}
.forecast_high { 
font-size:16px;
font-weight: normal;
background: none;
}
.forecast_day {
	padding:2px 0;
}