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

html
	{
	padding:0;
	}

body
	{
	font:11px Verdana, Arial, sans-serif;
	color:#CCCCCC;
	background:url(img/bg.gif) #303030;
	margin:16px;
	padding:0;
	}

a 		{ font-weight:bold; text-decoration:none; color:#6A84A1;  border-width:0; }
a:hover { color:#AAB9CA; }

h2, h3, h4, h5, h6
	{
	border-bottom: 1px solid #444444;
	}

h1 	{ font-size:160%; font-weight:normal; }
h2 	{ font-size:150%; font-weight:normal; }
h3 	{ font-size:120%; }
h4 	{ font-size:100%; }
h5 	{ font-size:90%; }
h6 	{ font-size:90%; }

hr
	{
	height:1px;
	border-top:1px solid #333333;
	border-left:0 none;
	border-right:0 none;
	border-bottom:0 none;
	margin:1em 0;
	padding:0;
	}

#container
	{
	padding:0;
	margin:0;
	width:768px;
	background-color:#212121;
   	border:1px solid #212121;
	}

/* ============== Header ============== */

#header
	{
	margin:0;
	padding:0;
	color:#EEEEEE;
	width:768px!important;
	height:96px!important;
	background:url(img/header.gif) no-repeat 0% 100% #636363;
	}

#header h1
	{
	margin:0;
	}

#logo
	{
	margin:-96px 0px 0px 0px;
	padding:0;
	color:#EEEEEE;
	height:96px!important;
	background:url(img/logo.gif) no-repeat 0% 100%;
	}

/* ============== User menu ============== */

#user
	{
    margin:0;
    padding:0;
	font:10px Verdana, Arial, sans-serif;
	color:#EEEEEE;
	text-align:right;
	background:url(img/user.gif) #333333;
	}

#user a 		{ color:#DFB300; background:transparent; padding:0px 1px; padding-bottom:1px; }
#user a:hover { text-decoration:none; color:#121212; background:#DFB300; }

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

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


/* ============== Navigation ============== */

#nav
	{
	float:left;
   	margin:0;
   	padding:0;
	padding-bottom:72px;
	width:171px;
	background:url(img/nav.gif) no-repeat 100% 100% #636363;
   	border:0px solid #636363;
	}

#nav ul
	{
    padding:0;
    margin:5px 0px 24px 2px;
	}

#nav li
	{
    list-style:none;
    padding:1px 3px 0px 3px;
    margin:0;
	}

#nav p
	{
   	padding:5px;
	}

#nav ul a 		
	{ 
	font-weight:bold;
	text-decoration:none; 
	color:#FFFFFF; 
	border-width:0;
	padding:3px 5px 3px 16px;
	border-top:1px solid #4B4B4B;
	border-left:1px solid #4B4B4B;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	background:url(img/s1.gif) no-repeat 2px 5px #545454;
	display:block;
    width:138px; 
    height:15px;
	}

#nav ul a:hover 
	{
	text-decoration:underline;
	color:#FFCC00;
	background:url(img/s2a.gif) no-repeat 147px 5px #333333;
	border-top:1px solid #212121;
	border-left:1px solid #212121;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	text-decoration:none;
	}

.online		{ margin:5px; color:#888888; border:1px solid #444444; border-width:1px 0px 1px 0px; background-color:#5F5F5F; }
.online	a		{ color:#E4E4E4; }
.online	a:hover	{ color:#FFCC00; }

/* ============== Main ============== */

#main
	{
	padding:0;
	margin:8px 4px 8px 176px;
	vertical-align:top;
	}

/* ============== News ============== */

#news
	{
	float:left;
	width:400px;
	padding:0px 5px;
    }

#news ul
	{
    padding:2px;
    margin:2px;
	}

#news li
	{
    list-style:none;
    padding:16px;
	}

#news li h3
	{
	background:url(img/news.gif) #2E2E2E;
	padding:1px 4px 2px;
    }
#news li p
	{
	background:#202020;
	border-top:1px solid #121212;
	border-right:1px solid #2E2E2E;
	border-bottom:1px solid #2E2E2E;
	border-left:1px solid #121212;
	padding:11px 11px 14px;
    }

#news li p.small
	{
	border-width:0px;
	background:transparent;
	padding:1px 4px 2px;
    }

#news .headlines { margin:0px; padding:3px; }


/* ============== Side block ============== */

#sideblock_pos
	{
	float:right;
    margin:8px 8px 8px 0px;
	width:175px;
	}

.sideblock
	{
	padding:0px 3px 10px;
    margin:8px 8px 8px 0px;
	width:175px;
	background:url(img/sideblock.gif) #222222;
   	border:1px solid #333333;
   	font-size:11px;
	}

.sideblock ul
	{
    padding:0px;
    margin:0px;
	}

.sideblock li
	{
	list-style:none;
    margin:8px;
    padding:4px;
	}
	
/* ==============  Titles and subtitles ============== */

#title
	{
	padding:4px 4px 4px 8px;
	font-size:14px;
	font-weight:bold;
	border-bottom: 1px solid #444444;
	}

#subtitle
	{
	margin:4px 0px 25px 0px;
	padding:4px 4px 6px 8px;
	font-size:11px;
	background-color:#151515;
	border-top:1px solid #121212;
	border-right:1px solid #2E2E2E;
	border-bottom:1px solid #2E2E2E;
	border-left:1px solid #121212;
	}

#subtitle a { color:#6A84A1; }

/* ============== Footer ============== */

#foot
	{
	clear:both;
	font:10px Verdana, Arial, sans-serif;
	color:#999999;
	text-align:right;
	padding:5px 20px;
	background:#212121;
	border-top:1px solid #575757;
	border-bottom:1px solid #2E2E2E;
	}

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

.small		{ font-size:11px;}
.small a		{ color:#9D7D00; }
.small a:hover	{ color:#DFB300; }

.big		{ font-size:13px; font-weight:bold; }
.disp		{ padding:8px; margin:12px 4px; }
.block		{ font-size:11px; padding:5px; margin:12px;	border:1px solid #333333; background-color:#202020; }
.error		{ padding:32px; margin:0; color:#FF0000; font-weight: bold; text-align:center; }
.code 		{ font-size:11px; color:#800000; background-color:#EEEEEE; padding:2px; }
.submit 	{ text-align:center; vertical-align:middle; }
.download 	{ padding:16px; font-size:12px; font-weight:bold; text-align:center; background-color:#272D39; }
.paging		{ text-align:right; padding:8px 4px 8px 4px; }
.coltop		{ text-align:center; font-size:11px;}
.colsec		{ font-size:11px;  background-color:#151515!important; }

h5 { padding:0px 5px; margin:0px; background:#444444; color:#212121; }
h6 { padding:5px; margin:0px; color:#c6c6c6; text-align:right; border-width:1px }
h5	a		{ color:#212121; }
h5	a:hover	{ color:#FFCC00; }
h3 { margin:0px; }

.comment_inf	{ background-color: #333333; }
.rnews			{ text-align:right; }
.newtopic a		{ color:#C0C0C0; padding:2px 5px 2px 16px; background:url(img/s1.gif) no-repeat 107px 4px #202020; border:1px solid #333333; display:block; width:100px; height:14px; }
.newtopic a:hover  { background:url(img/s2a.gif) no-repeat 107px 4px #202020; }

input, select, textarea { background-color: #121212; padding:2px; margin:1px; color:#808080; border:1px solid #4B4B4B; font:11px Verdana, Arial, sans-serif; }
textarea 	{ padding:5px 8px; }
input.submit, .submit input { background-color: #333333; font-weight:bold; border-color:#444444; padding:0px; margin:2px; margin-bottom:10px; }
input.submit:hover, .submit input:hover { background-color: #555555; color:#121212}

/* ============== Graphics ============== */

img			{ border-width:0; }
.colleft	{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }
.bar_front 	{ background-color:#FFCC00; border-right:0px solid #000000; padding:0; color:#CCCCCC; height:12px;}
.bar_back 	{ background-color:#888888; border:1px solid #000000; margin:0; height:12px; }
.bbcodes a img { border:1px outset #AAAAAA; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }

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

table.flat		{ text-align:left; width:99%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 		{ text-align:left; width:99%; margin:0; padding:4px; border:1px dashed #2E2E2E; margin-top:10px; }
table.main td 	{ padding:4px; }
table.cells 	{ text-align:left; width:99%; margin:0px; padding:0; }
table.cells td 	{ padding:2px 4px 3px; border:1px solid #292929; margin:0; background-color:#202020; border-top:1px solid #2E2E2E; border-right:1px solid #121212; border-bottom:1px solid #121212; border-left:1px solid #2E2E2E; }
table.list 		{ text-align:left; width:99%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }

/* ============== Textboxer ============== */

#txb { background-color: #555555!important; }
#txb textarea { background-color: #121212; padding:1px; margin:1px; color:#808080; border:3px solid #636363; border-width:1px 1px 1px 1px; font:12px Verdana, Arial, sans-serif; }

#txb #explain { background-color: #333333!important }
#txb #bb { background-color: #555555!important }
#txb #bb .dropdown ul, #txb #bb .dropdown ul li, #txb #bb .dropdown a:hover img { background-color:#828282!important; }

#txb #bb a:focus, #txb #bb a:hover { border-color: red; }
#txb #bb .dropdown a:hover { background-color:#6A84A1; border:2px solid #6A84A1; color:#ffffff; }