html
{
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

body
{
	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
	padding: 100px 0 0 0;
	margin: 0;
	text-align: center;
}

#wrapper {
width: 760px;
	margin: auto;
	}

h1, .hidden
{
	display: none;
}

h2
{
	text-transform: uppercase;
	font-size: 1.45em;
	color: rgb(192,192,192);
	font-weight: normal;
	letter-spacing: -0.04em;
}

div#currentwx
{
	text-align: center;
	padding: 20px;
}

div#currentwx #temp
{
	font-size: 10.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 0.9em;
}

div#currentwx #temp.frigid
{
	color: rgb(131,62,153);
}

div#currentwx #temp.cold
{
	color: rgb(27,54,155);
}

div#currentwx #temp.moderate
{
	color: rgb(0,132,68);
}

div#currentwx #temp.warm
{
	color: rgb(210,178,0);
}

div#currentwx #temp.verywarm
{
	color: rgb(210,104,0);
}

div#currentwx #temp.hot
{
	color: rgb(146,0,0);
}

div#currentwx #sky
{
	font-size: 2.45em;
	color: rgb(64,64,64);
	letter-spacing: -0.05em;
	font-weight: bold;
	text-transform: lowercase;
}

div#currentwx #others
{
	font-weight: bold;
	padding-top: 10px;
}

div#currentwx #others span
{
	font-weight: normal;
	text-transform: lowercase;
	color: rgb(128,128,128);
}

div#advisories ul
{
	list-style-type:none;
	font-weight: bold;
	font-size: 1.15em;
	margin: 0px;
	padding: 0px;
}

div#advisories .tor
{
	background-color: rgb(146,0,0);
	color: rgb(255,255,255);
}

div#advisories .svr
{
	background-color: rgb(210,178,0);
	color: rgb(255,255,255);
}

div#forecast
{
	width: 760px;
	margin: auto;
	text-align: left !important;
	padding-bottom: 10px;
}

div#forecast ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

div#forecast ul li
{
	padding-bottom: 20px;
	font-size: 1.3em;
}

div#forecast ul li span.day
{
	font-weight: bold;
	letter-spacing: -0.05em;
	color: rgb(128,128,128);
}

div#footer
{
	/*width: 100%;*/
	text-align: center;
	color: rgb(200,200,200);
	font-size: 0.70em;
	padding: 5px;
	background-color: rgb(64,64,64);
}

div#footer-wrapper
{
	width: 760px;
	margin: auto;
}

div#footer a
{
	color: rgb(224,224,224);
	text-decoration: none;
	font-weight: bold;
}

div#footer a:hover
{
	color: rgb(245,245,245);
}