/*** Weather ***/

#weather-forecast-table {
	border:0 margin:0; padding:0;
	border-spacing:8px;
	border-collapse:separate;
}

#weather-forecast-table .icon {
	text-align:center;
}

#weather-forecast-table img {
	margin-left:auto;
	margin-right:auto;
}

#weather-forecast-table td {
	width:18%;
	vertical-align:top;
	border: 1px solid #999;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#weather-forecast-table td > div {
}

#weather-forecast-table .weather-condition {
	padding:5px 5px 5px 8px;
	vertical-align:top;
}

#weather-forecast-table .details {
	padding:5px 5px 0 8px;
}

#weather_banner {
	background: transparent url(/media/images/weather/weather_banner_bg.jpg) top left no-repeat;
	width: 728px;
	height: 285px;
	position: relative;
	margin-bottom: 20px;
}
#weather_banner div.todays_gfactor {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 350px;
	text-align: right;
	font-size: 24px;
	line-height: 48px;
	height: 48px;
	color: #FFF;
}
#weather_banner div.todays_gfactor .gfactor {
	display: inline;
}

#weather_banner div#jghiorse {
	position: absolute;
	bottom: 8px;;
	left: 0;
	width: 30%;
	height:auto;
	background: transparent url(/media/images/weather/ghiorse_head.png) top left no-repeat;
	text-indent: -10000px;
	z-index: 20;
}
#weather_banner div#weather_twitter {
	position: absolute;
	top: 200px;
	right: 0;
	width: 600px;
	z-index: 10;
	background: #363636 url(/media/images/weather/weather_twitter.png) 140px 50% no-repeat;
	height: 75px;
}
#weather_banner div#weather_twitter p.tweet {
	float: right;
	width: 400px;
	background-color: #FFF;
	padding: 3px;
	margin: 3px;
	height: 62px;
}

/*BEGIN JUSTIN'S ADDITIONS FOR NEW WEATHER PAGE*/

#hurricane_map {margin-bottom: 15px;}

#ghiorse_small {
	float: left;
	width: 100%;
	height: auto;
	background: url(/media/images/weather/Weather_Ghiorse.jpg) no-repeat;
	background-size:100% auto;
}

#ghiorse_tiny_factor img {margin: 10px 0px 0px 10px;}

#ghiorse_tiny_spacer {width: 30%; max-width:30%; height: 220px;}

#ghiorse_tiny_twitter {background: #fff; width: 245px; max-height: 80px; overflow: hidden; margin: 0px 10px 10px 10px; padding: 3px; display:none;}
#ghiorse_tiny_twitter img {margin: 0px 3px 3px 0px; display:none;}

#radar_left {
	width: 100%;
	margin: 15px 0px 0px 0px;
}
#radar_left p {
	margin: 0;
}
#radar_left p.map {

	line-height: 0;
}

#radar_left p.radar_tabs a.radar,
#radar_left p.radar_tabs a.satellite {
	display: inline-block;
	float: left;
	width: 50%;
	max-width:50%;
	height: 51px;
	background: transparent url(/media/images/weather/radar_tab.png) top left no-repeat;
	background-size:100% auto;
	text-indent: -10000px;
	margin: 0;
	padding: 0;
}
#radar_left p.radar_tabs a.satellite{
	background-image: url(/media/images/weather/satellite_tab.png);
}

#bottom_blogs {
	float: left;
	width: 50%;
	max-width: 50%;
	margin: 15px 0px 0px 0;
	font-size: 12px;
}

#bottom_blogs h3 {
	color: #30879c;
}

#bottom_blogs .weather {
	padding: 15px 15px 10px;
	border: 1px solid #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 200px;
}

.jdweather {height: 330px;
margin-bottom: 20px;}
img.sp_top {margin-bottom: -4px;}
img.sp_bottom {margin-top: -4px;}

/*END JUSTIN'S ADDITIONS FOR NEW WEATHER PAGE*/

#current_conditions,
#todays_forecast {
	width: 100%;
	font-size: 12px;
	border: 1px solid #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
	min-height:260px;

}


#current_conditions .weather,
#todays_forecast .weather {
	padding: 15px 15px 10px;
}



#radar {
	float: right;
	width: 270px;
}
#radar p {
	margin: 0;
}
#radar p.map {

	line-height: 0;
}
#radar p.radar_tabs a.radar,
#radar p.radar_tabs a.satellite {
	display: inline-block;
	float: left;
	width: 50%;
	max-width:50%;
	height: 51px;
	background: transparent url(/media/images/weather/radar_tab.png) top left no-repeat;
	text-indent: -10000px;
	margin: 0;
	padding: 0;
}
#radar p.radar_tabs a.satellite{
	background-image: url(/media/images/weather/satellite_tab.png);
}




/** Forecast Data **/

#forecast {
	width:100%;
}
#forecast div.day {
	width: 18%;
	max-width:18%;
	float: left;
	border: 1px solid #999;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	margin-left: 0;
	margin-right:10px;
}

#forecast div.day:last-child {
}

#forecast div.day2 {
}
#forecast div h3 {
	background-color: #85ac29;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
}
#forecast p.forecast {
	text-indent: -10000px;
	width: 80px;
	height: 59px;
	margin: 0;
}
#forecast div.day div.status {
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
}
#forecast div.day div.status div.icon {
	margin: 0 0 5px 0;
	text-align: center;
}
#weather-forecast-table p.hilow {
	font-size: 16px;
	width: 45px;
}
#weather-forecast-table p.hilow span {
	color: #85ac29;
	font-size: 13px;
}
#forecast div.day div.details p.gfactor {
	float: right;
}


#fun_factors {
	border: 1px solid #999;
	-moz-border-radius: 5px;
	width: 425px;
	padding: 20px;
	float: left;
}

#fun_factors .factor {
	width: 122px;
	margin-left: 20px;
	float: left;
}

#fun_factors .factor.first {
	margin-left: 0;
}

#share_weather {
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	width: 230px;
	padding: 10px;
}

#ghiorse_university {
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	margin-top: 10px;
}
#ghiorse_university h3 {
	color: #30879c;
	margin-bottom: 10px;
}
#ghiorse_university p img {
	margin-left: 10px;
}
#ghiorse_university p img.first {
	margin: 0;
}

#ghiorse_university ul li {
	float: left;
	width: 50%;
}
#ghiorse_university ul li.even {
	float: right;

}

#weather-table {
	width:100%;
}

#weather-table td {
	width:30%;
	padding:10px;
}

#weather-table td.weather-ghiorse {
	width:40%;
}

#weather-table h3 {
	color: #30879c;
	margin-bottom:0;
	padding-bottom:0;
}

#weather-table td.title {
	vertical-align:middle;
	text-align:center;
}

#weather-table td.weather {
	vertical-align:top;

}

@media only screen and (max-width : 768px) {

	#weather-table td > h3 {
		text-align:center;
		margin-bottom:15px;
	}

	#weather-table td.weather-ghiorse {
		width:100%;
		display:block;
		height:auto;
		text-align:left;
	}

	#weather-table td {
		width:100%;
		display:block;
		text-align:center;
		height:auto;
	}
}

@media only screen and (max-width : 480px) {

	#weather-forecast-table, #weather-forecast-table tbody, #weather-forecast-table tr {
		display:block;
		width:100%;
	}

	#weather-forecast-table td {
		display:block;
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}

	#weather-forecast-table p.hilow	{
		display:inline-block;
		text-align:center;
	}

	#weather-table {
		float:none;
	}

	#weather-table td.title {
		display:none;
	}

	#ghiorse_small {
		clear:both;
		width:100%;
		min-width:100%;
		margin-top:15px;
		height:auto;
		float:none;
	}


	#weather-table {
		width:100%;
	}

	#main .featured {
		border:none;
	}

	#current_conditions, #todays_forecast {
	}

	#todays_forecast {
		float:right;
	}

	#forecast div.day {
		width:30%;
		max-width:30%;
		margin-bottom:15px;
		min-height:285px;
	}

	#forecast div h3 {
		font-size: 14px;
	}

	#radar_left {
		min-width:100%;
		max-width:100%;
	}

	#radar_left img {
		min-width:100%;
		max-width:100%;
	}

	.radat_tabs {
		padding-top:0;
	}

	#bottom_blogs {
		min-width:45%;
		max-width:45%;
		margin-left:10px;
	}

	@media only screen and (max-width : 320px) {
		#forecast div.day {
			margin-right:6px;
		}
	}

}