body, html {
	margin: 0;
	padding: 0;
	font-family: "Courier New", Courier, mono;
	background: #000 url(brutal_god_logos_color_small.jpg) no-repeat fixed center 0;
}

#container {
	margin: 10% 10px 0 auto;
	filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
	padding: 20px;
	background: #6f6d70 none repeat;
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	width: 70%;
	}


#navbar {
width: 180px;
padding: 0;
font-size: 0.9em;
margin: 200px 0 10px 10px;
position: fixed;
top: 0;
left: 0;
}

#navbar ul {
	list-style: none;
	width:  180px;
	margin:  0 0 20px 0;
	padding: 0;
	font-size: 1.1em;
}

#navbar ul li {
	margin-bottom: 4px;
}
#navbar ul li a {
	height: 20px;
	text-decoration: none;
	color: #5e0011;
	display: block;
	padding: 6px 0 0 10px;
	background: #989898;
	border-left: 4px solid #ef002f;
	font-weight: bold;
}
#navbar ul li a:hover {
	background: #303030;
	color: #b51b00;
	border-left: 4px solid #b70000;
}

#sidebar {
width: 180px;
	margin-top: 10px;
	display: block;
	background-color: #222;
	padding-left: 5px;
	margin-right: 10px;
	position: fixed;
	float: right;
	right: 1px;
	border: 2px dotted #000;
	top: 10px;
	color: #e40000;
}

#content {
padding: 0 10px 0 10px;
line-height: 1.6em;
	margin: 50px 20px 0;
	border-right: 5px dashed #2f2f2f;
	border-left: 5px dashed #2f2f2f;
}
a {
	text-decoration: none;
	color: #850000;
}
a:hover {
	color: #b7000b;
	font-weight: bold;
}
a img {
	border: 0;
}
#footer {
	width: 100%;
	text-align: center;
	border-top: 1px solid #f0f0f0;
	background-color: gray;
	padding-bottom: 2px;
	color: #f00;
}

#pageheader h1 {
	float: left;
	color: #8d8d8d;
}
#pageheader h2 {
	float: right;
text-align: right;
	color: #262626;
	font-weight: bold;
}

#pageheader img {
	width: 100%;
}