/* Main */
* { margin: 0; padding: 0; }
body { font-family: sans-serif; font-size: 14pt; padding: 0 30px 0; margin: 0;}
a:link, a:visited {text-decoration: none;}
a:link {color: blue;}
a:visited {color: #60F;}
a:link:hover, a:visited:hover {text-decoration: underline;}

/* Header */
#head {
	overflow: hidden;
	width: 100%;
	background: black;
	margin: 0 -30px 10px;
	padding: 10px 30px;
	position: relative;
}
#head h1 {
	color: white;
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
	text-shadow: green 0px 0px 2px;
	font-size: 30pt;
}
#head h1 a, #head h1 a:hover {
	color: white;
	text-decoration: none;
}
#menu {
	margin-left: 200px;
	padding: 0;
	position: absolute;
	bottom: 0;
}
#menu li {
	float: left;
	display: block;
	margin-right: -1px;
}
#menu a:link, #menu a:visited {
	font-weight: bold;
	text-shadow: white 0px 0px 1px;
	font-size: 20pt;
	border: 1px dotted white;
	border-bottom: 0px none transparent;
	padding: 5px 10px;
	text-decoration: none;
	color: blue;
}
#menu a:link:hover, #menu a:visited:hover  {
	background-color: blue;
	text-shadow: #00FF00 0px 0px 10px;
	color: white;
}

/* TEMPERATURE! */
#now { background: #f9f9f9; padding: 10px; float: left; width: 420px; border: 1px dotted gray; }
#now h2 { font-size: 14pt; text-align: center;}
#temper {font-size: 500%; text-align: center; margin: 0 -5px;}
#temper small {font-size: 75%;  font-weight: normal;}
#temperdate { text-align: center; font-size: 11pt;}
#degsign { font-weight: normal; font-size: 90%;}

/* Statistics */
#stats {margin-left: 450px; padding: 10px;}
#stats h2 { font-size: 14pt;}
#stats dl {overflow: hidden; width: 100%; margin-top: 5px;}
#stats dt {float: left; width: 220px; font-size: 12pt; line-height: 14pt; vertical-align: bottom; margin-top: 3px;}
#stats dd {margin-left: 200px; }
#stats small {font-size: 10pt; }

/* Plots */
#plotsandnavs { width: 100%; overflow: hidden; margin-top: 1em; position: relative;}
#miniature { width: 210px; position: absolute; top: 50px; left: 20px;}
#overview { width:210px; height:140px; }
#overviewLegend { margin-left:10px; }
#resetzoomcont { text-align: left; margin-left: 25px; margin-top: 5px; cursor: hand;}
#resetzoom { font-size: 80%; color: #9999CC;}
#resetzoom:hover { text-decoration: underline;}
#plotcont { margin-top: 220px;}
#placeholder { width: 900px; height: 500px; }

/* Day navigation */
#navblock {}
#navblock ul {position: absolute; top: 50px; left: 300px; list-style: none;}
#navblock ul a {color: gray; display: block; width: 100%; height: 60px; padding-top: 38px; text-align: center; vertical-align: middle;}
#yesterdaylink, #tomorrowlink { width: 250px; height: 100px;}
#yesterdaylink { background: white url("./images/yesterday.png") top left no-repeat; }
#tomorrowlink { background: white url("./images/tomorrow.png") top left no-repeat; }
#navblock ul a:link, #navblock ul a:visited  {color: navy;}
#datepicker {position: absolute; top: 50px; left: 575px; font-size: 8pt; min-width: 200px;}


/* Footer */
#footer {
	overflow: hidden;
	width: 100%;
	background: #EEE;
	border-top: 1px dotted black;
	margin: 2em -30px 0;
	padding: 10px 30px;
	font-weight: normal;
	font-size: 12pt;
}