body, html {
	padding: 0;
	margin: 0;
	background-color: #E7EAED;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
body {
	padding: 5px;
}

body, html, .forum-table td, .forum-table th { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}


a { 
	color: #4D9DDC; 
	text-decoration: underline;
}
a:visited { 
	color: #2E7CBA; 
}
a:hover { 
	color: #FFAD2B; 
}
a:active {
	color: #EB9711;
}


img { border: 0; margin: 0; padding: 0; }
form { display: inline; margin: 0; vertical-align: middle; }
input { vertical-align: middle; margin: 0; }
label { display: block; margin: 1px 0; }

.clearer {
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	clear: both;
}

/* Header */
#header-wrapper {
	width: 767px;
	margin: 0 auto;
	padding: 0;
	height: 56px;
	overflow: hidden;
	background: url(logo_bg.gif) repeat-x;
	border-bottom: solid 1px #BFCCD7;
}
#header-logo {
	padding-left: 200px;
	background: url(logo.gif) top left no-repeat;
}
#header {
	padding-right: 20px;
	background: url(logo_right.gif) top right no-repeat;
	height: 56px;
	overflow: hidden;
}

/* Footer */
#footer-wrapper {
	width: 767px;
	margin: 0 auto;
	padding: 0;
	height: 10px;
	overflow: hidden;
	background: url(ftr_bg.gif) top repeat-x;
}
#footer-left {
	background: url(ftr_left.gif) top left no-repeat;
	height: 10px;
}
#footer-right {
	background: url(ftr_right.gif) top right no-repeat;
	height: 10px;
}

/* Main content div */
#content-wrapper {
	margin: 0 auto;
	padding: 0;
	border-width: 0 1px;
	border-style: solid;
	border-color: #BFCCD7;
	background-color: #FFF;
	width: 767px;
}

/* Navigation on left */
#navbar-td {
	width: 170px;
	padding: 0;
}

#navbar {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #BFCCD7;
	background-color: #FAFAFA;
	background: #FAFAFA url(nav_bg.gif) top repeat-x;
	padding: 5px;
	padding-top: 10px;
}

#navbar h3 {
	font-size: 12px;
	font-weight: bold;
	color: #4D9DDC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0;
	margin-top: 5px;
	padding: 1px 0;
	text-align: left;
}

#navbar a {
	font-size: 11px;
	display: block;
	margin: 1px 0;
	text-decoration: none;
	background: url(nav_arrow.gif) center left no-repeat;
	padding-left: 14px;
	color: #525252;
}

#navbar a:hover {
	background-image: url(nav_arrow_hover.gif);
	color: #4D9DDC;
	text-decoration: underline;
}

#navbar a.indent {
	margin-left: 15px;
}

/* Content */
#content {
	width: auto;
 	padding: 10px; 
}

#content h1 {
	font-size: 16px;
	font-weight: bold;
	color: #4D9DDC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 10px 0 5px 0;
	text-align: left;
}

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	white-space: wrap;
}

#content p u {
	text-decoration: none;
	border-bottom: 1px dashed #4D9DDC;
	color: #4D9DDC;
}

#content p u:hover {
	border-bottom: none;
}

/* Table header */
.table-header {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	height: 25px;
	background: url(hdr_bg.gif);
	overflow: hidden;
}
.table-header1 {
	background: url(hdr_left.gif) top left no-repeat;
	height: 25px;
	overflow: hidden;
}
.table-header2 {
	background: url(hdr_right.gif) top right no-repeat;
	overflow: hidden;
	padding-left: 13px;
	vertical-align: middle;
	font-size: 12px;
	color: #3A86C1;
	font-weight: bold;
	text-align: left;
	padding-top: 6px;
	height: 19px;
}

/* Table */
.table {
	margin: 0;
	padding: 0;
	background-color: #F8F8F8;
	background: #F8F8F8 url(tbl_bg.gif) top repeat-x;
	border: solid 1px #B8C7D2;
	border-width: 1px 1px 0 0;
	width: 100%;
}

.table td, .table th {
	border: solid 1px #B8C7D2;
	border-collapse: collapse;
	border-width: 0 0 1px 1px;
	padding: 3px;
	color: #444;
	font-size: 11px;
	vertical-align: middle;
}

.table th {
	background-color: #E8E8E8;
	color: #3A86C1;
	padding: 4px;
}

.table td.continue {
	border-bottom: dotted 1px #BBB;
}

.table td.desc {
	text-align: left;
	background: #276493 url(bg_desc.gif) top repeat-x;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 4px;
}

.table td.desc a {
	color: #FFF;
}

.table td.desc a:hover {
	color: #FFAD2B;
}

.table span.var {
	color: #000;
	font-size: 12px;
	display: block;
	margin: 2px 0;
}

.table span.explain {
	color: #444;
	font-size: 9px;
}

#copyright {
	text-align: center;
	color: #666;
	font-size: 10px;
}
#copyright a {
	color: #666;
	text-decoration: underline;
}
#copyright a:hover {
	color: #FFAD2B; 
}

/* who is online list */
.online-hidden { font-style: italic; }
.online-mod { font-weight: bold; color: #3FB753; }
.online-admin { font-weight: bold; color: #E89512; }

/* forms */
.table textarea {
	background-color: #F8F8F8;
	border: solid 1px #888;
	vertical-align: middle;
	font-size: 11px;
	margin: 0;
	color: #666;
	width: 98%;
	height: 75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.table input.input-text, .table select {
	background-color: #FAFAFA;
	border: solid 1px #888;
	vertical-align: middle;
	font-size: 11px;
	margin: 0;
	color: #666;
	width: 98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.input-submit {
	background-color: #FAFAFA;
	border: solid 2px #888;
	vertical-align: middle;
	font-size: 11px;
	margin: 3px 0;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.table select > option {
	background-color: #29699B;
	color: #FFF;
	border-top: solid 1px #98BAD4;
}

* html .table textarea, * html .table input.input-text, * html .table select, * html .table input.input-submit {
	color: #333;
	background-color: #FFF;
}

.table textarea:hover, .table select:hover, .table input.input-text:hover, .table input.input-submit:hover {
	background-color: #FFF;
	border-color: #2E75AC;
	color: #444;
}

.table textarea:focus, .table select:focus, .table input.input-text:focus, .table input.input-submit:focus {
	background-color: #FFF;
	border-color: #2E75AC;
	color: #000;
}

img.captcha {
	border: solid 1px #888;
}

img.captcha:hover{
	border-color: #2E75AC;
}

.table td.buttons {
	text-align: center;
	background: #FCFCFC url(bg_buttons.gif) bottom repeat-x;
	vertical-align: center;
	padding: 4px;
}

.table td.buttons input {
	background-color: #FFF;
	border: solid 2px #888;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	color: #666;
}

* html .table td.buttons input {
	color: #444;
}

.table td.buttons input.main {
	font-weight: bold;
}

.table td.buttons input:hover {
	border-color: #5AA0D9;
	color: #444;
}

.table td.buttons input:active {
	border-color: #FFAD2B;
	color: #000;
}

/* forums list */
.forums-category {
	color: #2E75AC;
}

.forums-forum {
	color: #444;
}

.forums-link {
	color: #444;
}

/* BBCode */
blockquote {
	margin: 0;
	padding: 0;
	display: block;
}

blockquote .quote-user {
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	color: #808080;
	background-color: #FFF;
}

blockquote .quote-nouser {
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	color: #808080;
	background-color: #FFF;
}

.quote {
	color: #444;
	display: block;
	/*
	margin: 5px 20px;
	width: auto;
	*/
	border: solid 1px #D0D0D0;
	background-color: #FFF;
	padding: 5px;
	font-size: 12px;
}

.code {
	color: #444;
	display: block;
	margin: 5px 20px;
	width: auto;
	border: solid 1px #D0D0D0;
	background-color: #FFF;
	padding: 5px;
	font-size: 12px;
	font-family: Courier, 'Courier New', sans-serif;
}

.code-header {
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #808080;
	background-color: #FFF;
}

.code-header a:link, .code-header a:visited  { color: #666; text-decoration: none; border-bottom: dotted 1px #666; }
.code-header a:hover, .code-header a:active { color: #FF1010; text-decoration: none; border-bottom: dotted 1px #FF1010; }

.code-content { padding: 0; }

.code-list {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
}

@media all and (min-width: 0px) { .code-list { margin-left: 40px; } }

li.code-row { 
	white-space: normal; 
	border-top: 1px #E0E0E0 solid;
	color: #BBB;
	wrap-option: emergency;
}

.code-row-text {
	color: #444;
}

div.code li.code-row-highlight {
	color: #FF1010;
	border-color: #D8D8D8;
}

div.code li.code-row-highlight .code-row-text, div.code span.code-row-highlight {
	color: #FF1010;
}

div.code li.code-row-highlight .code-row-text {
	color: #FF1010;
}

li.code-row-first {
	border-top: none;
}