/* ============== Overall ============== */

html {
}


html
{	/* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	padding: 0;
	margin: 0;
}

body
{
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #111111;
	margin: 0;
	padding: 0;
	color:#ffffff;
	text-align: center;
}

hr
{
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}

a 		{ text-decoration:none; color:#4d87b7; }
a:hover { text-decoration:underline; }

h1 	{ font-size:250%; letter-spacing: -2px; font-weight:normal;}
h2
{
	font-size:200%; 
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0px;
}

h3 	{ font-size:120%; margin:1em 1em 1em 0; letter-spacing: -1px; font-weight:normal; }
h4 	{ font-size:100%; font-weight:bold; margin:1.5em 1em 1em 0; }
h5 	{ font-size:95%; margin:1em 1em 1em 0; }
h6 	{ font-size:90%; margin:1em 1em 1em 0; }

.bbstyle1	{ font-size:160%; font-weight:bold; }
.bbstyle2	{ font-size:130%; font-weight:bold; }
.bbstyle3	{ font-size:120%; font-weight:bold; }
.bbstyle4	{ font-size:110%; font-weight:bold; }
.bbstyle5	{  }
.bbstyle6	{  }
.bbstyle7	{  }
.bbstyle8	{  }
.bbstyle9	{  }

#container
{
	background: #000000;;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 0px;
	position: relative;
	width: 780px;
	border: 2px solid #333333;
	border-top: none;
	border-bottom: none;
}

#header
{
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background-image: url('img/logo.jpg');
}

#nav
{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	left: 20px;
}

#nav ul
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#nav ul li
{
	display: inline;
	list-style-type: none;
}

#nav ul li a
{
	padding: 5px 15px 5px 10px;
	font-size: 1em;
	text-decoration: none;
	float: left;
	color: white;
}

#nav ul li a:hover
{
	padding: 5px 15px 5px 10px;
	background: #333;
	color: #eee !important;
	text-decoration: none;
}

#nav ul li a.active,
#nav ul li a.active:hover
{
	color: #333 !important;
	background: white;
	text-decoration: none;
}

#user
{
	margin:0;
	padding:3px;
	color:#888888;
	text-align:right;
	background-color:#444444;
	font-size:95%;
}

#user ul
{
	padding:2px;
	margin:0;
}

#user li
{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
}

#title
{
	margin:20px 20px 12px 20px;
	font-size:200%;
	letter-spacing: -1px;
	font-weight: normal;
}

#subtitle
{
	margin:4px 20px 16px 20px;
	vertical-align:top;
}

#adminmenu
{
	margin:0 20px 2px 20px;
}

#main
{
	/* padding:16px 24px 16px 24px; */
	padding: 0px 10px 0px 10px;
	margin:0;
	vertical-align:top;
}

#side
{
	border:4px solid #FFFFFF;
	background-color:#F5F5F5;
	padding:8px;
	font-size:90%;
}

#footer
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	text-align: center;
	background: #000000;
}

small, strike
{
	color: #777777;
}

/* ============== Various ============== */

.disp		{ padding:12px; margin:0; }
.block		
{
	padding: 5px;
	margin: 15px 0px 1px 0px; /* IE Background bug hack */
	border:1px solid #cccccc;
	background-color: #444444;
}
.miniblock		
{
	padding: 5px;
	margin: 15px 0px 1px 0px; /* IE Background bug hack */
	border:1px solid #cccccc;
	background-color: #444444;
}

.block h4	{ margin-top:0; }
.error		{ padding:24px 8px 24px 8px; margin:0; color:#CC1212; font-weight:bold; font-size:110%; text-align:center; }
.codetitle	{ font-size:10px; color:#59739B; padding:2px; margin-top:5px; }
.code 		{ font-size:11px; color:#59739B; background-color:#EFF0C2; padding:2px; margin-bottom:5px; font-family:monospace; }
.valid 		{ height:48px; text-align:center; vertical-align:middle; }
.download 	{ font-size:110%; text-align:center; background-color: #E8E8E8; padding:16px; margin-top:16px; }
.paging		{ text-align:center; padding:12px; text-align:right; font-size:90%; }
.coltop		{ text-align:center; font-size:95%;  background-color:#F7F6F3!important; color:#707070; }
.centerall 	{ text-align:center; }
.desc 		{ font-size:95%; padding:0px; color:#646464; }
.spoiler	{ padding:8px; margin:8px; border:1px dashed #CCCCCC; background-color:#DBE5E9; }

.odd		{ background-color: #F8F8F8!important; }
.even		{ background-color: #F8F8F8!important; }

li 		{ margin:2px; }

img		{ border-width:0; }
ul 		{ list-style-type:square; }
form		{ margin:0; }
input
{
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #444444;
}
select
{
	border: 1px solid #dddddd;
	color: #444444;
}

.colleft	{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }
.bar_front 	{ background-color:#92CC5E; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back 	{ background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img  { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img  { border:0; background-color:transparent; }
.today		{ border:1px dashed #DDAA00; }
.signature 	{ color:#979797; font-size:100%; max-height:96px; overflow:auto; }
.signature a	{ color:#000000; }



/* ============== Tables ============== */

table td 	{ vertical-align:top; }
table.flat	{ width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 	{ width:100%; margin:0; padding:4px; }
table.main td 	{ padding:4px; }
table.cells 	{ width:99%; margin:1px; padding:1px; border:1 px solid #cccccc; }

table.cells td
{
	padding: 2px;
	margin: 0;
	border: 1px solid #cccccc;
	background-color: #F8F8F8;
	background-image: url('img/boxback.gif');
	background-repeat: repeat-x;
}
table.list 	{ width:100%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }