/* LINKS: */
a { text-decoration : none; font-size : 11px; font-weight:normal; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}

a:hover { text-decoration : underline; font-size : 11px; font-weight:normal; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}

a.side { text-decoration : none;	font-size : 10px;	font-weight:bold; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}

a:hover.side { text-decoration : underline;	font-size : 10px;	font-weight:bold; 
	font-family : Verdana, Arial, Helvetica, sans-serif;}
	
a.white, li.white a {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  border: 1px solid #DDD;
  border-bottom: 0;
}

a:hover.white, li.white a:hover {
  font: bold 11px Georgia, "Times New Roman", Times, serif;
  color: #171717;
  background-color: #FFF;
  border: 1px solid #FFF;
  border-bottom: 0;
	text-decoration: none;
  padding: 5px; 
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
  display: inline;
}

#page-body {
  background-color: #FEFFFF;
  border : 1px solid #827116;
}

/* Header - styles: */

#user-buttons {
	float: right;
	display: inline;
  font : 9px Verdana, Arial, Helvetica, sans-serif;
	color : #D0EFFF;
	white-space: nowrap;
	margin-top: -16px;
	margin-right: 10px;
}

.user-img{ vertical-align: middle; }
.p-img { margin: -5px 3px 0 -4px; vertical-align:middle;}

body {	font-family : Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
  font-size: 11px;
	color: #333;
	background-color: #171717;
  padding:0;
	margin: 0
}
	
img{ border: 0px;}	

form {margin : 0px;}

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

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

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

.alt {
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.textbox {
	font : 10px Verdana, Arial, Helvetica, sans-serif;
	color : #111;
  background-color : #FFFFFF;
  border: 1px solid;
	margin: 2px 0px;
 }
.textbox:focus, .textbox:hover {
	font :  10px Verdana, Arial, Helvetica, sans-serif;
	color : #111;
  background-color : #FFFF99;
  border: 1px solid;
	margin: 2px 0px;
}

/* This is for the header-bar */
#header-bar{
  width : 100%; 
  height  : 18px; 
  min-height  : 18px; 
  background-color: #EEE; 
  padding: 5px 0 10px 0; 
  border-bottom: 2px solid #DDD;
}

#site-name{
  float:left; 
  font: bold 13px Georgia, "Times New Roman", Times, serif; 
  color: #333; 
  margin-top:5px;
}

.searchbox {
	font : 10px Verdana, Arial, Helvetica, sans-serif;
	color : #111;
  background: #FFF url(images/search.png) no-repeat left top;
  border: 1px solid;
	padding: 1px 1px 1px 20px;
  margin: 5px 0px;
 }
.searchbox:focus, .searchbox:hover {
	font : 10px Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid;
  background: #FFFF99 url(images/search.png) no-repeat left top;
	padding: 1px 1px 1px 20px;
  margin: 5px 0px;
 }
#search-button {
  height: 16px;
  width: 16px;
  background: url(images/go.png) no-repeat top;
  border: 0;
  margin-top: 5px;
}

.main-body {
  font-size : 11px;
	color : #333;
	background-color : #FEFFFF;
  padding : 5px 5px 5px 5px;
}

/* LEFT SIDE BODY / PANEL Properties */
.side-body {
	font-size : 10px;
	color : #FFF;
  padding : 4px 4px 8px 4px;
}
.scapmain {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	height: 22px;
  color: #FFF;
	border-bottom: 1px solid #FFF;
	padding: 10px 5px 5px 3px;
}

/* RIGHT SIDE BODY / PANELS Properties */

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

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

.scapmain-rr {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	height: 22px;
	width: 3px;
  color: #333;
  background: url(images/scapmain-rr.jpg) no-repeat top right;
	padding: 5px;
	margin: 0;
}

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

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

p { margin: 2px; }

#side-border-left {
	color : #777;
	background-color : #991900;
	padding : 0 5px 10px 5px;
}

#side-border-right {
	color : #777;
	padding : 1px 3px 10px 7px;
  border-left: 1px dotted #999999;
  background : url(images/side-border-right-corner.jpg) no-repeat bottom right;
}

/* NEWS */
.news-category {
	border: 0;
	margin: 0 3px 3px 3px;
	float: right;
}

.news-footer {
	clear: both;
  text-align: center;
  font-size : 10px;
	color : #333;
	background-color : #FEFFFF;	
  padding : 3px 3px 0 3px;
  margin: 2px 2px 0 2px;
}
/* ARTICLES */
.art-capmain {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color : #f1f1f1;
  text-transform:uppercase;
  border-top: 1px solid #fff;
	border-left: 1px solid #333;
  border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
  background: #333 url(images/art_capmain.jpg) repeat-y right;
  padding : 5px 0px 5px 5px;
}
.art-body {
	font-size : 11px;
	color : #333;
	background-color : #FFF;
	border-top: 0;
	border-left: 1px solid #ccc;
  border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
  padding : 4px 5px 5px 5px;
}
.art-footer {
  clear: both;
  height: 5px;
  line-height: 5px;
	background: #333 url(images/art_capmain.jpg) repeat-y right;
  border: 1px solid #DDD;
  border-left: 0;
	margin-bottom: 5px;
}

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

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

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

.tbl-border {
  border: 1px solid #999;
  color : #111;
	background-color:#eee;
}

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

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

.forum-caption {
  font: bold 13px Georgia, "Times New Roman", Times, serif;
  border: 1px solid #f1f1f1;
  padding : 2px 4px 2px 5px;
}

.quote {
	font-size : 11px;
	color : #333;
	background-color : #F1F1F1;
	padding : 4px 4px 4px 9px;
	margin : 3px;
	border: 1px solid;
	border-left: 5px solid;

}

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

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

.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;
	font-weight: bold;
	background: #ffff99 url(images/admin-message.png) no-repeat left 4px;
  padding: 4px 18px;
	margin-bottom: 5px;
	border: 1px solid;
}

/* Page Navigation */

.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #FEFFFF;
	background-color: #D0C792;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

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

.pagenav a:hover {
	color: #333;
	background-color: #FFCC65;
	margin: 2px;
	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%;
}

/*Helpers*/
.flleft {float: left !important; padding: 0 0 0 10px;}
.flright {float: right !important;}

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