/* LINKS: */
a { color : #CC9932; text-decoration : none; font-size : inherit; font-weight:normal; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}

a:hover { color : #CBCC31; text-decoration : underline; font-size : inherit; font-weight:normal; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}

a.side { color : #CC9932; text-decoration : none;	font-size : inherit;	font-weight:bold; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}

a:hover.side { color : #CBCC31;	text-decoration : underline;	font-size : inherit;	font-weight:bold; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}

#page-body {
  width: 989px; /* Overall page width */
  background-color: #333;
  border-top : 0; 
  border-right: 1px solid #4C4C4C;
  border-bottom: 1px solid #4C4C4C;
  border-left: 1px solid #4C4C4C;
}

body {	font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color: #DDD;
	background-color: #000;
	background-image: url(images/body-bg.jpg);
  background-repeat: repeat-x;
  padding:0;
	margin: 0
}

#copyright {
  width: 989px; /* Should be the same or less as the width of #page-body! */
  font-size : 10px;
  color: #666;
  text-align: center;
  margin: auto;
  padding: 16px;
}
a.copyright {
  color: #DDD;
  font-size: inherit;
}

/* Header - styles: */
#header {
  clear: both;
  background-color: #171717;
  padding : 10px;
  border-top: 1px solid #4C4C4C;
  border-bottom: 1px solid #4C4C4C;
}
#header a {
  font: bold 20px Georgia, "Times New Roman", Times, serif;
}

#white-border {
  clear: both;
  height: 5px;
  line-height: 5px;
	background-color : #827116;
  border: 1px solid #222;
}

#user-buttons {
	float: right;
	display: inline;
  font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	background-color: #333;
  color : #D0EFFF;
	white-space: nowrap;
	margin-top: -24px; 
	margin-right: 5px;
}

#footer {
  clear: both;
  font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
  text-align: center;
  color: #6F8216;
  background-color : #171717;
	padding : 40px 10px 20px 10px;
	border-top: 1px solid #444;
}
#microtime { width:50%; float:left; color: #6F8216; text-align:left; }
#counter { width:50%; float:right; color: #6F8216; text-align:right; 
}	

#main-bg {
  color : #EEE;
	background-color : #333;
	padding : 10px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

#side-border-left {
	width: 170px; /* Left panels width */
  color : #DDD;
	background-color : #222;
	padding : 5px 5px 10px 5px;
  border: 1px solid #222;
  border-right: 0;
}

#side-border-right {
  width: 180px; /* Right panels width */
  color : #EEE;
	background-color : #333;
	padding : 3px 0 10px 7px;
	border: 1px solid #222;
}

/* General page style */
	
form {margin : 0px;}

hr, hr.side-hr {
  color: #555;
  background-color: #555;
  height: 1px;
  border : 0 none;
  margin : 2px;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

pre {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.alt {
	font-weight: bold;
}

p { margin: 4px; }

code, pre {
	font-family: monospace;
	font-size: 11px;
}

.button {
	font: bold 10px Georgia, "Times New Roman", Times, serif;
  color : #CC9932;
	background-color : #222;
  border: 1px solid #D9BC24;
	padding: 1px;
  margin: 2px 0px;
}

.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
  background-color : #EEE;
  border: 1px solid #D9BC24;
  padding: 2px;
	margin: 2px 0px;
 }
.textbox:focus {
  background-color : #FFF;
}
 
.bbcode{
	border: 1px solid #D9BC24;
  }
.bbcode:hover, .button:hover, .textbox:focus, .textbox:hover{
	border: 1px solid #CBCC31;
}

.main-body {
  font-size : 11px;
	color : #EEE;
	background-color : #333;
  padding : 5px;
  border-left: 1px solid #222;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}

/* LEFT SIDE BODY / PANEL Properties */

.side-body {
	font-size : 10px;
	color : #FFF;
	border-bottom: 1px solid #111;
  padding : 4px 4px 8px 4px;
}
.scapmain {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	height: 22px;
  color: #FFF;
	padding: 10px 5px 5px 3px;
	margin: 0;
}

/* RIGHT SIDE BODY / PANELS Properties */

.scapmain-r-bg {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	height: 22px;
  color: #EEE;
  background-image: url(images/scapmain-r-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
	padding: 6px 5px 5px 3px;
	margin: 0;
}

.scapmain-rl {
	height: 22px;
	width: 10px;
  background-image: url(images/scap-right-bg-left.jpg);
  background-position: top left;
  background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

.scapmain-rr {
	height: 22px;
	width: 3px;
  color: #333;
  background-image: url(images/scapmain-rr.jpg);
  background-position: top right;
  background-repeat: no-repeat;
	padding: 5px;
	margin: 0;
}

.side-body-l {
	width: auto;
  font-size : 10px;
	color : #DDD;
  margin: 0;
  padding: 0 0 0 6px;
  background-color: #000;
  background-image: url(images/side-body-l.jpg);
  background-repeat: repeat-y;
  background-position: left;
}

.side-body-r {
	width: 10px;
  font-size : 10px;
	color : #333;
  margin: 0;
  background-image: url(images/side-body-r.jpg);
  background-repeat: repeat-y;
  background-position: right;
}
.side-foot-l {
  height: 22px;
  background-image: url(images/side-foot-rl.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-top: -2px;
  padding: 0;
}
.side-foot-bg {
  background-image: url(images/side-foot-bg.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}
.side-foot-r {
  height: 22px;
  width: 3px;
  background-image: url(images/side-foot-r.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-top: -2px;
  padding: 0;
}

/* NEWS */
.news-category {
	border: 0;
	margin: 0 0 3px 3px;
	float: right;
}
.news-capmain {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color : #EEE;
  background-color : #929295;
	border: 1px solid #222;
  border-top: 0;
  border-bottom: 0;
  background-image: url(images/news-capmain-bg.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  padding : 5px;
}

.news-body {
  font-size : 12px;
	color : #EEE;
	background-color : #333;
  padding : 5px;
  border-left: 1px solid #222;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}

.news-footer {
	clear: both;
  text-align: center;
  font-size : 10px;
	color : #EEE;
	background-color : #111;	
  padding : 4px;
  margin: 4px 2px 0 2px;
}

.news-border {
  clear: both;
  height: 5px;
  line-height: 5px;
	background-color : #6F8216;
  border: 1px solid #222;
}

/* ARTICLES */
.art-capmain {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color : #f1f1f1;
  text-transform:uppercase;
	background-color : #7F9900;
  border: 1px solid #333;
  border-top: 0;
  border-bottom: 0;
	background-color: #CBCC31;
  background-image: URL(images/art_capmain.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  padding : 5px 0px 5px 5px;
}
.art-body {
	font-size : 12px;
	color : #EEE;
	background-color : #444;
	border-top: 0;
	border-left: 1px solid #555;
  border-right: 1px solid #555;
	border-bottom: 1px solid #555;
  padding : 4px 5px 5px 5px;
}

.art-footer {
	clear: both;
  text-align: center;
  font-size : 10px;
	color : #EEE;
	background-color : #222;	
  padding : 4px;
  margin: 6px 0 0 0;
}

.art-border {
  clear: both;
  height: 5px;
  line-height: 5px;
	background-color : #827116;
  border: 1px solid #222;
}

/* Labels */
.capmain {
  font: bold 13px Georgia, "Times New Roman", Times, serif;
	color : #DDD;
	background-color : #333;
	border-bottom: 1px solid #222;
  padding : 9px 0px 4px 5px;
}

/* Tables */
.center { margin: 0 auto; }

.tbl-border {
  border: 1px solid #222;
  color : #DDD;
	background-color:#222;
}

.tbl {
	font-size : 11px;
	color : #DDD;
	background-color : #333;
  padding : 2px;
}

.tbl1 {
	font-size : 11px;
	color : #DDD;
	background-color : #333;
  padding : 4px;
}

.tbl2 {
	font-size : 11px;
	color : #DDD;
  background-color : #222;
  padding : 4px;
}

.forum-caption {
  font: bold 13px Georgia, "Times New Roman", Times, serif;
	color : #EEE;
  background-color : #000;
  border: 1px solid #333;
  padding : 10px;
}

.quote {
	font-size : 10px;
	color : #FFF;
	background-color : #555;
	padding : 4px 4px 4px 17px;
	margin : 6px 0;
	border: 1px solid #6F8216;
	background-image: url(images/quote-bg.png);
	background-repeat: no-repeat;
}

.poll {
	height : 8px;
  background-color : #000;
  border: 1px solid #CC9932;	
}

.comment-name {
	font-weight : bold;
}

/* Shoutbox: */
.shoutboxname {
	font-weight : bold;
}

.shoutbox {
	font-size : 9px;
  color : #DDD;
	background-color : #111;
	padding: 3px 1px;
}

.shoutboxdate {
	font-size : 9px;
	color : #DDD;
	padding: 3px 0;
	margin-top: 2px;
}

.small {
	font-size : 11px;
	font-weight : normal;
}

.small2 {
	font-size : 11px;
	font-weight : normal;
}

.side-small {
	font-size : 10px;
	font-weight : normal;
  padding: 2px;
}

.side-label {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
  padding : 2px 4px 2px 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.admin-message {	
	font-size: 11px;
	color: #CC9932;
	font-weight: bold;
	background-color: #333;
	background-image: url(images/admin-message.png);
	background-repeat: no-repeat;
	background-position: left 4px;
  padding: 4px 18px;
	margin-bottom: 5px;
	border: 1px solid #CC9932;
}

/* Page Navigation */
.pagenav {
	padding: 6px;
	margin: 5px 40px;
	background-color: #222;
}

.pagenav span {
	color: #CC9932;
	background-color: #444;
	border: 1px solid #DDD;
	padding: 2px 4px 2px 4px;
	margin: 1px;
}

.pagenav a {
	color: #EEE;
	background-color: #555;
	border: 1px solid #CCC;
	padding: 2px 4px 2px 4px;
	margin: 1px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #000;
	background-color: #CC9932;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

/* Vertical Navigation */

#navigation h2 {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
  margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li, #navigation a {
  height: 1%;
}

#navigation a {
	display: block;
	font: bold 11px Georgia, "Times New Roman", Times, serif;
  color: #EEE;
	background-color: #000;
	padding: 2px;
	text-decoration: none;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
  border-bottom: 1px solid #222;
	border-left: 3px solid #6F8216;
}

#navigation a:hover {
	color: #000;
	background-color: #DDD;
	padding: 2px 2px 2px 8px;
	text-decoration: none;
	border-top: 1px solid #333;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 3px solid #CC9932;
}

/* Horizontal navigation */

.whiteheader{
  float: left;
  margin-top: 10px;
  margin-left: 4px;
  padding: 0;
  width: 100%;
  background: transparent;
  padding-left: 5px;
}

.whiteheader ul{
  margin:0;
  padding:0;
  list-style:none;
}

.whiteheader li{
  display:inline;
  margin:0 2px 0 0;
  padding:0;
}

.whiteheader a{
  font: bold 11px Georgia, "Times New Roman", Times, serif;
  float:left;
  color: #FFF;
  text-decoration: none;
  background: #6F8216 url(images/white_header_left.gif) no-repeat left top;
  margin:0 2px 0 0;
  padding:0 0 1px 3px;
  text-decoration:none;
  letter-spacing: 1px;
}

.whiteheader a span{
  float:left;
  display:block;
  background: transparent url(images/white_header_right.gif) no-repeat right top;
  padding:4px 9px 2px 6px;
}

.whiteheader a span{
 float:none;
}

.whiteheader a:hover{
 font: bold 11px Georgia, "Times New Roman", Times, serif;
 color: #000;
 text-decoration: none;
 background-color: #DDD;
}

.whiteheader .active a, .whiteheader .active span{
  font: bold 11px Georgia, "Times New Roman", Times, serif;
  color: #000;
  text-decoration: none;
  background-color: #D9BC24;
}

/* Helpers */
img{ border: 0px;}
.user-img{ vertical-align: middle; background-color: #333; }
.p-img { margin: -5px 3px 0 -4px; vertical-align:middle;}
.p-state { text-align:right; vertical-align:middle; margin-left:-3px; }
.clear { clear: both; }
.flleft {float: left !important; padding: 0 0 0 10px;}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
   color: #000;
}
.mceContentBody a {
   color: blue !important; /* FF requires a important here */
}