body {
	margin: 1em 3em; font-family: Tahoma, Genevam, sans-serif;
}
.weatherFeed {
	margin: 2em 3em; width: 300px; color: rgb(204, 204, 204); font-family: Arial, Helvetica, sans-serif; font-size: 90%;
}
.weatherFeed a {
	color: rgb(136, 136, 136);
}
.weatherFeed a:hover {
	color: rgb(238, 238, 238); text-decoration: none;
}
.weatherItem {
	padding: 0.8em; text-align: right;
}
.weatherCity {
	color: rgb(51, 51, 51); text-transform: uppercase; font-size: 1.5em;
}
.weatherTemp {
	color: rgb(238, 238, 238); font-size: 2.8em; font-weight: bold;
}
.weatherDesc {
	font-weight: bold;
}
.weatherCity {
	font-weight: bold;
}
.weatherDesc {
	color: rgb(238, 238, 238); margin-bottom: 0.4em;
}
.weatherRange {
	font-size: 0.8em;
}
.weatherWind {
	font-size: 0.8em;
}
.weatherLink {
	text-align: left; font-size: 0.01em; margin-top: 16px;
}
.vertical {
	background: url("bg.jpg") repeat-x rgb(34, 34, 34); border: 1px solid rgb(204, 204, 204); border-image: none; width: 300px; height: 140px; overflow: hidden; position: relative;
}
.items {
	margin: 0px; height: 20000em; position: absolute;
}
.items div.weatherItem {
	height: 160px;
}
.navi {
	width: 288px; height: 20px;
}
.navi a {
	background: url("navigator.png") no-repeat 0px 0px; margin: 3px; width: 8px; height: 8px; font-size: 1px; float: left; display: block;
}
.navi a:hover {
	background-position: 0px -8px;
}
.navi a.active {
	background-position: 0px -16px;
}