/* ----------------------------------------------------------------------
 * Generics
 * ----------------------------------------------------------------------
*/

html, body, div, h1, h2, p, pre, ul, li, a, img
{
	margin: 0em;
	border: 0em;
	padding: 0em;
}

body
{
	background-color: #F2F2F2;
	color: #404040;
	font-family: helvetica, sans-serif;
}

.leftalign
{
	float: left;
}

.rightalign
{
	float: right;
}

/* ----------------------------------------------------------------------
 * Header
 * ----------------------------------------------------------------------
*/

#header
{
	background-color: #303030;
	color: #F2F2F2;
}

#header > a
{
	display: inline-block;
	margin: 0.25em;
	background-color: transparent;
	color: #F2F2F2;
	font-size: 4em;
	font-family: Georgia, serif;
	font-style: italic;
	text-decoration: none;
}

/* ----------------------------------------------------------------------
 * Navigation bar
 * ----------------------------------------------------------------------
*/

#nav
{
	border-top: 1px solid #A0A0A0;
	background-color: #505050;
	color: #404040;
}

#nav ul
{
	width: 70em;
	margin: 0em auto;
	list-style-type: none;
	list-style-position: inside;
}

#nav ul li
{
	display: inline;
}

#nav ul li a
{
	display: inline-block;
	padding: 0.2em 1em;
	background-color: transparent;
	color: #F0F0F0;
	font-size: 0.8em;
	text-decoration: none;
}

#nav ul li a.current
{
	background-color: #F2F2F2;
	color: #404040;
}

/* ----------------------------------------------------------------------
 * Main content
 * ----------------------------------------------------------------------
*/

#content
{
	display: block;
	width: 70em;
	margin: 2em auto;
	position: relative;
}

#content div.article
{
	display: block;
	margin: 0em 14em 1em 0em;
	border: 1px solid #A0A0A0;
	padding: 1em;
	background-color: #FFFFFF;
	color: #404040;
	overflow: hidden;
}

#content div.article h1
{
	margin: 0.75em 0.75em 0em 0.75em;
	font-size: 1.5em;
}

#content div.article h2
{
	margin: 0.8em 0.8em 0em 0.8em;
	font-size: 1.25em;
}

#content div.article div.datetime
{
	margin: 0em 1.25em 1.25em 1.25em;
	border-bottom: 1px solid #A0A0A0;
	padding: 0em 0.5em;
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
}

#content div.article div.imagebox
{
	margin: 0em 1em 1em 1em;
	border: 1px solid #A0A0A0;
	padding: 3px;
	background-color: #F0F0F0;
	color: #404040;
	text-align: center;
}

#content div.article div.imagebox img
{
	margin: 0em auto;
	border: 1px solid #A0A0A0;
}

#content div.article div.imagebox p
{
	margin: 0.5em;
	font-size: 0.8em;
}

#content div.article p a
{
}

#content div.article p
{
	margin: 1em;
	line-height: 1.25em;
}

#content div.article pre.code
{
	display: block;
	margin: 1em 5em;
	font-family: monospace;
	white-space: pre-wrap;
}

/* ----------------------------------------------------------------------
 * Forms
 * ----------------------------------------------------------------------
*/

form.login
{
	width: 20em;
	margin: 1em auto;
	border: 1px solid #A0A0A0;
}

form.login ul
{
	margin: 1em;
	border: 1px solid #A0A0A0;
	list-style-type: none;
	list-style-position: inside;
	overflow: auto;
}

form.login ul li
{
	margin: 1em 0em;
}

form.login ul li label
{
	display: block;
	font-weight: bold;
}

form.login ul li input
{
	border: 1px solid #A0A0A0;
}

form.login ul li input[type=text]
{
	display: block;
	width: 100%;
	padding: 1em;
}

form.login ul li input[type=password]
{
	display: block;
}

form.login ul li input[type=submit]
{
	float: right;
	border: 1px solid #A0A0A0;
	padding: 0.2em;
}

/* ----------------------------------------------------------------------
 * Sidebar
 * ----------------------------------------------------------------------
*/

#aside
{
	display: block;
	width: 13em;
	position: absolute;
	top: 0em;
	right: 0em;
}

#aside div.menublock
{
	border-top: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-left: 1px solid #A0A0A0;
	background-color: #E0E0E0;
	color: #404040;
}

#aside div.menublock ul
{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #A0A0A0;
	list-style-type: none;
	list-style-position: inside;
}

#aside div.menublock ul li
{
	display: block;
	margin: 1em;
}

#aside div.menublock ul li.menutitle
{
	background-color: transparent;
	color: #404040;
	text-align: center;
}

#aside div.menublock ul li a
{
	background-color: transparent;
	color: #404040;
	text-decoration: none;
}

#aside div.menublock ul li a:hover
{
	text-decoration: underline;
}