/* Hey, it's a stylesheet. */

* {	margin: 0px; padding: 0px; }
body {	font: 10pt Verdana;
	color: #a2a4a8;
	background: #20242c url(../images/cbackd.gif) repeat-y center;
	text-align: center;
	}

#main {	background: #232529 url(../images/cbackv.gif) repeat-y;
	margin: 0px auto;
	width: 1024px;
	overflow: hidden;	/* because IE sucks */
	text-align: left;	 /*also because IE sucks */
	}

#header {
	width: 1024px;	/* should be 1024 but guess what? */
	height: 112px;
	background-color: #002040;
	background-repeat: no-repeat;
	margin: 0px 0px 16px 0px;
	overflow: visible;	/* because IE is a waste of disk space */
	}
#header.tall { height: 320px; }
#body {
	width: 688px;
	float: left;
	margin: 0px 0px 32px 0px;
	padding: 0px;
	overflow: hidden;
/*	height: 100%;*/
	}
#sidebar {
	width: 336px;
	margin: 0px 0px 8px 0px;
	float: left;
	overflow: hidden;	/* IE can burn in hell */
	font-size: 9pt;
	color: #828488;
	}

#footer {
	margin: 0px auto;
	height: 128px;
	clear: both;
	background: #121418 url(../images/cbackvf.jpg) repeat-x;
	overflow: hidden;	/* IE can fuck off */
	padding: 0px 40px;
	color: #626468;
	font: 8pt Verdana;
	text-align: center;
	line-height: 10pt;
	border-top: 1px solid #004080;
	}
#footer p {
	width: 280px;
	float: left;
	margin: 16px 16px;
	text-align: justify;
	}
#blurb {
	position: relative;
	top: 104px;
	margin: 0px 12px 128px 52px;
	width: 584px;
	height: 80px;
	overflow: hidden;
	padding: 0px;
	}
#blurb h2 {
	color: white;
	font: 9pt Trebuchet MS, Helvetica, Arial, Verdana;
	font-weight: bold;
	letter-spacing: 1.5pt;
	padding: 0px;
	margin: 0px;
	}
#blurb p {
	font: 8pt Verdana;
	padding: 0px;
	margin: 4px 0px 12px 0px;
	color: #b2b4b8;
	}
#menu {
	position: relative;
	background: black;
	height: 32px;
	top: 96px;
	width: 592px;
	padding: 0px 8px 0px;
	margin: 0px 40px;
	text-align: left;
	letter-spacing: 1.5pt;
	overflow: hidden;
	z-index: 2;
	clear: both;
	}
#menu a {
	position: relative;
	top: 8px;
	color: #0080ff;
	font: bold 9pt Trebuchet MS, Helvetica, Arial, Verdana;
	padding: 9px 9px 7px 9px;
	}
#menu a:hover {
	color: #FFFFFF;
	background: #0080FF;/* url(../images/cmback.jpg) repeat-x bottom center;*/
	text-decoration: none;
	}

#title1 {
	display: none;
	font: bold 18pt Lucida Sans Unicode, Verdana, Helvetica, Arial;
	height: 38px;
	padding: 9px 16px 1px 0px;
	color: white;
	text-align: right;
	}

#title1 span.title1a { color: white; float: left; }
#title1 span.title1b { color: black; float: left; padding-left: 6px; }
#title1 span.title1c { font: bold 9pt Trebuchet MS, Helvetica, Arial, Verdana; letter-spacing: 1.5pt; }

#title3 {
	border: 2px solid black;
	width: 50px;
	height: 50px;
	background: #222 url(../images/ico/moon.jpg);
	margin: 8px 8px 0px 16px;
	float: left;
	display: none;	/* seriously, fuck IE */
	}

p { margin: 16px 0px; line-height: 14pt;}
div.rule { clear: both;}
a { color: #ffffff; text-decoration: none; }
a:hover { color: #0080FF;  text-decoration: none; }
a.admin { font-size: 8pt; }

h1, h2, h3, h4 {
	color: #d2d4d8;
	font-weight: normal;
	font-family: Lucida Sans Unicode, Century Gothic, Verdana;
	text-transform: capitalize;
	}
h1 a, h2 a, h3 a, h4 a { color: white; }
h1 { 	font-size: 16pt; }
h2 { 	font-size: 14pt; }
h3 { 	font-size: 12pt; }
h4 { 	font: 9pt Trebuchet MS, Helvetica, Verdana, Arial;
	font-weight: normal;
	letter-spacing: 2pt;
	color: #727478;
}
h4 a {	color: #d2d4d8; }

div.quote, blockquote {
	color: #828488; 
	font-style: italic; 
	padding: 8px 20px; 
	background: url('../images/quotemark.png') top left no-repeat;
	}
div.error, div.success {
	text-align: center;
	font-weight: bold;
	}
div.error { 
	color: red;
 	margin: 16px 0px;
	padding: 0px 32px;
}
div.success { 
	color: green;
	margin: 16px 0px;
	padding: 0px 32px;
}

div.generic img, div.pagemenu img {
	border: 2px solid black;
	float: right;
	margin-left: 16px;
	}
div.generic_text, div.pagemenu_text, div.comment_form {
	margin: 16px 0px;
	padding: 0px 56px;
	text-align: justify;
	}
div.generic_title, div.pagemenu_title {
	padding-top: 4px;
	margin: 32px 56px 0px 56px;
	}
div.generic_maintitle, div.pagemenu_maintitle, div.comment_maintitle {
	padding-top: 4px;
	margin: 32px 56px 0px 56px;
	border-top: 2px solid #0060c0;
	}
div.generic_maintitle img, div.pagemenu_maintitle img {
	float: left;
	margin-left: 0px;
	margin-right: 8px;
	}

div.pagemenu p, div.pagemenu_title, div.pagemenu_text {
	margin-top: 0px;
	}
div.pagemenu_text { margin-left: 16px; }
div.pagemenu h3, div.pagemenu h3 a {
	font-size: 10pt;
	font-face: Verdana;
	font-weight: bold;
}
div.comment {
	background: #121418;
	margin: 8px 56px 16px 56px;
	padding: 8px 16px;
	}
div.comment_author {
	background: #121418;
	margin: 0px 56px 24px 72px;
	border: solid #0060b0;
	border-width: 0px 0px 2px 2px;
	padding: 8px 16px;
	}
div.comment_title, div.comment_title h4 {
	text-transform: none;
	}
div.comment_text {
	margin: 8px 0px 8px 0px;
	padding: 0px;
	}

div.comment_form .text, div.comment_form .textshort, div.comment_form .textarea {
	background: #121418;
	border: solid 0px #424448;
	padding: 4px;
	font: 9pt Verdana, Arial, Helvetica;
	color: #9a9c9e;
}
div.comment_form label { padding: 8px; }
div.comment_form p { margin: 8px 0px; }
div.comment_form i { color: #626468; }
#nocommentsforyou { display: block; }
#commentsarego { display: none; }
div.comment_form .text { width: 272px; }
div.comment_form .textshort { width: 48px; }
div.comment_form .textarea {
	width: 564px;
	height: 200px;
	display: block;
	margin-top: 8px;
	}
div.comment_form .button {
	background: #121418;
	border: 1px solid #0060c0;
	padding: 4px 16px;
	font: 9pt Verdana, Arial, Helvetica;
	color: #0080ff;
	margin: 2px 8px;
	}

#sidebar div.generic_text, #sidebar div.pagemenu_text  {
	padding: 0px;
	margin: 0px 40px 16px 40px;
	text-align: left;
	}
#sidebar div.generic_title, #sidebar div.generic_maintitle, #sidebar div.pagemenu_title, #sidebar div.pagemenu_maintitle {
	padding: 0px;
	margin: 0px 40px;
	border-top: 2px solid #0060c0;
	}
#sidebar div.generic, #sidebar div.pagemenu {
	margin: 32px 0px 24px;
	}
#sidebar p { text-align: justify; }

ul {
	list-style: none outside url(../images/dash.png);
	padding-left: 12px;
	line-height: 12pt;
	text-align: justify;
	margin: 0px 0px 16px;
	}
ul.spaced li {
	padding-bottom: 8px;
	}
#sidebar p, #sidebar ul {
	font-size: 8pt;
	line-height: 11pt;
	margin: 0px 0px 16px 0px;
	}
#sidebar ul {
	text-align: left;
	}
#sidebar h1, #sidebar h2, #sidebar h3 {
	font: 9pt Trebuchet MS, Helvetica, Arial, Verdana;
	font-weight: bold;
	letter-spacing: 2pt;
	margin: 4px 0px;
	color: #d2d4d8;
	}
#sidebar div.generic_text a img {
	border: 0px;
	float: none;
	margin: 0px;
	padding: 2px;
}
	
div.generic_aim {
	margin: 8px 0px 32px;
	padding: 0px 56px;
	text-align: left;
	}
div.generic_aim p {
	margin: 0px;
	text-indent: -32px;
	padding-left: 32px;
}
div.generic_aim .aim1 {
	color: #b02020;
}
div.generic_aim .aim2 {
	color: #0060FF;
}
div.generic_aim .aimlun {
	color: #d2d4d8;
}
div.generic_aim .aimrince {
	color: #609060;
}
div.generic_aim hr {
	color: #828488;
	background-color: #424448;
	border: 0px solid;
	margin: 8px 0px;
}

div.pagemenuright, div.pagemenuleft {
	background-color: #121418;
	padding: 0px;
	width: 336px;
	}
div.pagemenuright {
	float: right;
	margin: 8px 0px 8px 0px;
	display: inline;	/* god I hate you IE */
	}
div.pagemenuleft {
	float: left;
	margin: 8px 0px 8px 0px;
	text-align: right;
	display: inline;	/* sooo much */
	}
div.pagemenuright img, div.pagemenuleft img {
	float: none;
	margin: 8px 8px 4px 8px;
	}
div.pagemenuright span { float: right; width: 172px; display: inline; margin: 8px 76px 4px 0px; }
div.pagemenuleft span { float: left; width: 172px; display: inline;  margin: 8px 0px 4px 76px; }

div.genericmenu {
	border: solid black;
	border-width: 2px 0px 0px 0px;
	margin: 32px;
	padding-top: 4px;
	}

div.imgstrip {
	background-color: #121418;
	margin: 16px 0px;
	padding: 8px 0px;
	text-align: center;
	}
div.imgstrip img { float: none; margin: 8px;}
div.imgstrip .big { float: right; width: 512px; /*height: 384px; */ margin: 8px 38px 8px 8px;}
div.imgstrip .thumb { float: right; width: 64px; /*height: 48px; */ margin: 8px 16px 4px 0px;}