/* structure
------------------------------------------------- */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff url(../img/bg.gif) repeat-y top left;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #555;
}
img {
	border: 0;
}
#page {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #page {
	height: auto;
}
#sidebar {
	float: left;
	width: 120px;
}
#header {
	margin: 0 0 0 122px;
	padding: 10px;
	background-color: #c0c0c0;
}
#date {
	margin: 0 0 0 122px;
	background-color: #06c;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	line-height: 22px;
	font-size: 11px;
}
#content {
	margin: 20px 20px 20px 140px;
	padding-bottom: 5em;
}
#footer {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}
#flashMessage {
	color: red;
	font-weight: bold;
	margin-bottom: 1em;
}

/* nav
------------------------------------------------- */

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}
#sidebar li {
	padding: 0;
	margin: 0;
}
#sidebar li a {
	display: block;
	padding: 4px 4px;
	width: 112px;
	color: #fff;
	text-decoration: none;
}
#sidebar li a:hover {
	color: #000;
	background-color: #8BB9E8;
}
#sidebar li.active a {
	background-color: #D1E3F6;
	color: #000;
}

/* elements
------------------------------------------------- */

h1 {
	color: #06c;
	font: bold 1.5em Verdana, Arial, sans-serif;
}
h2 {
	color: #06c;
	font: bold 1.2em Verdana, Arial, sans-serif;
}
a {
	color: #06c;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

/* misc
------------------------------------------------- */

img {
	border: 0;
}
img.bordered {
	border: 1px solid #006;
}