body {
	background-color: #e8ebfc;
}

div.weather_block {
	clear: both;
	width: 780px;
	margin: 0 auto;
	padding: 20px 0;
}

div.weather_info {
	width: 780px;
	float: left;
}

div.weather_info ul {
	list-style: none;
	float: left;
	padding-left: 200px;
}

div.weather_info ul li {
	float: left;
	color: #717171;
	font-size: 70%;
	text-align: center;
}

div.weather_info ul li.temp {
	width: 100px;
}

div.weather_info ul li.weather {
	width: 244px;
}

div.weather_info ul li.pressure {
	width: 112px;
}

div.weather_info ul li.moisture {
	width: 56px;
}

div.weather_info ul li.wind {
	width: 68px;
}

div.weather_date {
	float: left;
	width: 110px;
	font-weight: bold;
}

.weather_date strong{
	font-size: 200%;
}

.weather_date .day {
	color: #717171;
	font-size: 90%;
}

dl {
	font-size: 80%;
}

dt {
	color: #717171;
	font-weight: bold;
	margin-top: 6px;
}

div.weather_rise {
	float: left;
	width: 90px;
}

ul.weather_period {
	float: right;
	width: 580px;
	list-style: none;
}

ul.weather_period li {
	float: left;
	height: 30px;
	padding: 8px 15px 12px 15px; 
	font-size: 90%;
	list-style-type: none;
}

ul.weather_period li.period {
	width: 100px;
	white-space: nowrap;
}

ul.weather_period li.moisture {
	width: 26px;
}

ul.weather_period li.info {
	width: 150px;
}

ul.weather_period li.period {
	color: #717171;
	font-size: 90%;
	width: 70px;
}

ul.weather_period li.wind {
	width: 48px;
	white-space: nowrap;
	padding: 8px 11px 12px 11px;
	text-align: center; 
}

ul.weather_period li.period strong {
	font-weight: normal;
}

ul.weather_period span.temp {
	font-size: 130%;
	font-weight: bold;
	color: #000;
}

ul.weather_period acronym {
	font-size: 80%;
	color: #717171;
}

ul.p1 {
	background-color: #FFFBE9;
}

ul.p2 {
	background-color: #FFF7D3;
}

ul.p3 {
	background-color: #F0F0F0;
}

ul.p4 {
	background-color: #A8C0C0;
}