/*
+---------------------------------------------------------------+
|	e107 website system
|
|	©William Moffett 2001-2005
|	http://e107.net
|	que@e107.net
|
|	Released under the terms and conditions of the
|	GNU General Public License (http://gnu.org).
+---------------------------------------------------------------+
*/

* { 	
	margin: 0px;
	padding: 0px;
}

/* CORE STYLES */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #cbcbcb;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x; background-color:#404040; margin:0px 0px; padding:0px; text-align: center;
}

a { 
	color: #779F16; 
	text-decoration:none;
	font-weight: bold;
}

a:hover { 
	color: #99FF00; 
	text-decoration: underline;
}

p {}

h1, h2, h3, h4, h5, h6{
	font-size: 12px;
	color: #FFF;
	background-color:#000;
	border: 1px solid #000;
	margin:2px;
	padding:4px;
	background-image: url(images/menubg.jpg);
	
}

ul li {
  	list-style: square inside url(images/bullet.gif);
}

table {
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}

td { 
	text-align:left; 
	vertical-align:top; 
	padding-left:2px; 
	padding-right:2px;
	}

blockquote {}

ul, ol {}

form { }

input{
	margin:2px;
}

hr { 
	margin-top:2px;
	height:1px;
	border:none;
	background-color:#3f3f3f;
}

/* MAIN TABLE */

.alientable {
	margin:0px auto;
	padding: 0px;
	width: 98%;
}

/* GFX LAYOUT */

.header_left {
	padding:0px;
	background-image: url(images/header_left.jpg);
	background-repeat: no-repeat;
	height: 229px;
	width: 45px;
}

.header_center {
	padding:0px;
	background-image: url(images/header_tile.jpg);
	background-repeat: repeat-x;
	height: 229px;
}

.headcenter_left{
	padding:0px;
	height: 229px;
	width:100%;
	background: url(images/header_center_left.png) top left no-repeat;
}

.headcenter_right{
	position:relative;
	padding:0px;
	height: 229px;
	width:100%;
	background: url(images/header_center_right.jpg) top right no-repeat;
}

#sitename{
	display:none;
}

#sitetag{
	display:none;
}

#logo span{
	display:none;
}

.header_right {
	padding:0px;
	background-image: url(images/header_right.jpg);
	background-repeat: no-repeat;
	height: 229px;
	width: 45px;
}

.content_left {
	padding:0px;
	background-image: url(images/left_tile.jpg);
	width: 45px;
	background-repeat: repeat-y;
	vertical-align: top;
}

.content_center {
	padding:0px;
	background-color: #282828;
	font-size: 12px;
	color: #cbcbcb;
	vertical-align: top;
}

.content_right {
	padding:0px;
	background-image: url(images/right_tile.jpg);
	width: 45px;
	background-repeat: repeat-y;
	vertical-align: top;
}

.left_menu {
	margin: 0px 0px 60px 0px;
	width: 20%;
	vertical-align:top;
	border-right: 1px solid #1f1f1f;
}

.code_highlight{
	padding: 5px;
	margin: 5px;
	font: 10.4px verdana, tahoma, arial, helvetica, sans-serif;
	color: #000;
	border: 1px solid;
	background-color: #999999;
	border-bottom: #ccc 1px solid;
	border-left: #151515 1px solid;
	border-right: #39393b 1px solid;
	border-top: #000 1px solid;
	
}

.content {
	padding:0px;
	width: auto;
	vertical-align:top;
}

.right_menu {
	padding:0px;
	width: 20%;
	vertical-align:top;
	border-left: 1px solid #1f1f1f;
}

.right_menu2 {
	padding:0px;
	width: 20%;
	vertical-align:top;
	border-left: 1px solid #1f1f1f;
}

.footer_left {
	padding:0px;
	background-image: url(images/footer_left.jpg);
	background-repeat: no-repeat;
	width: 45px;
	height: 79px;
}

.footer_center {
	padding:0px;
	background-image: url(images/footer_tile.jpg);
	height: 79px;
}

.footer_right {
	padding:0px;
	background-image: url(images/footer_right.jpg);
	height: 79px;
	width: 45px;
}

.fc_left {
	padding:0px;
	background-image: url(images/footer_center_left.jpg);
	width: 154px;
	text-align:left;
	padding-top:20px;
}

.fc_center {
	padding:0px;
	background-image: url(images/footer_center_center.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 79px;
	width: auto;
	text-align:center;

}

#fc_center{

	padding-top:30px; 
}

.fc_right {
	padding:0px;
	background-image: url(images/footer_center_right.jpg);
	width: 154px;
	text-align:right;
}

.fc_right span{
	display:none;

}

/* NAVIGATION */

#navigation{
	height: 21px;
	position: absolute;
	left: 5px;
	top: 200px;
	text-align: center;
	
}

#navigation li{
	list-style: none;
	float: left;
	height: 21px;
	list-style-type: none;
}

#navigation a{
	width: 104px; 
	height: 21px;
	font-size: 10px;
	color: #99FF00;
	line-height: 20px;
	text-decoration: none;
	background: url(images/nav_button.png) no-repeat; 
	background-position: 0px -50px;
	display: block;

}

#navigation a:hover{
	color: #ccc;
	background-position: 0px -25px;
}

#navigation a.onpage {
	color: #fff;
	background-position: 0px 0px;
}

#navigation a:hover.onpage {
	color: #ccc;
	background-position: 0px 0px;
}

#subnavigation{
	height: 18px;
	position: absolute;
	left: 5px;
	top: 182px;
	
}

#subnavigation li{
   padding: 0px 0px;
	list-style: none;
	height: 18px;
	float:left;
	text-align: center;
}

#subnavigation a{ 
   padding: 0px 0px;
	text-transform: lowercase;
	width: 104px; 
	height: 18px;
	display: block;
	line-height: 12px;
	color: #F3F4F5;
	font-size: 10px;
	text-decoration: none;
	background:transparent  url(images/subimg.gif) bottom center no-repeat;
	background-position: 0px -50px;
}

#subnavigation a:hover{
	color: #ccc;
	background:transparent  url(images/subimg.gif) bottom center no-repeat;
	background-position: 0px -25px;
}

#subnavigation a.onpage{
	color: #fff;
	background:transparent  url(images/subimg.gif) bottom center no-repeat;
	background-position: 0px 0px;
}

/* E107 STYLES */

.bodytable {
	padding: 8px;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #929293;
}

.indent{
	padding: 5px;
	margin: 5px;
	font: 9px verdana, tahoma, arial, sans-serif;
	color: #aaa;
	border: 1px solid;
	background-color: #333333;
	border-bottom: #39393b 1px solid;
	border-left: #151515 1px solid;
	border-right: #39393b 1px solid;
	border-top: #151515 1px solid;
	background: url(images/bgblock.jpg);
}

.indentchat{
	background-color:#282828;
	border: 1px solid #282828;
	margin:2px;
	padding:4px; 
	display:block;
	text-decoration:none;
	font-weight:bold;
	color: #cbcbcb;
	background: url(images/chatblock.jpg) top left no-repeat;
}

.mediumtext {
	font: 10px verdana, tahoma, arial, sans-serif;
	color: #ffffff;
}

.smalltext {
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #cbcbcb;
}

.tbox {
	background-color: #1f1f1f;
	border: #39393b 1px solid;
	color: #fff;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.tbox_search {
	background-color: #151515;
	border: #DCDCDC 1px solid;
	color: #fff;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.helpbox {
	background-color: #1f1f1f;
	border: #39393b 1px solid;
	color: #fff;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
	
}

.small {
	background-color: #282828;
	border: #282828 1px solid;
	color: #fff;
	font: 8px tahoma, verdana, arial, helvetica, sans-serif;
}

.button{
	margin:2px 2px;
	background-color: #1f1f1f;
	border: #5A5A5C 1px solid;
	color: #6B9F16;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
}

/* FORUM STYLES */

.fcaption {
	padding:0px 4px;
	height:21px;
	line-height:21px;
	background: #282828 url(images/ncbg.png) top left repeat-x;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #fff;
	font-weight:bold;
}

.fcaption span.smalltext{
	color: #779F16;
}

.fcaption span.smalltext a:hover{
	color: #99FF00;
}

.fcaption a {
	color: #779F16;
	text-decoration: none;
}

.fcaption a:hover {
	color: #99FF00;
}

a.forumlink{
	color: #779F16;
	text-decoration: none;
}

a.forumlink:hover{
	color: #99FF00;
}

.doNotDisplay{ /* used to hide elements */
	display: none;
}

.fborder {
	border: #000 1px solid;
	background-color: transparent;
}

.forumheader{
   background-color: #000;
	padding:0px 4px;
	height:20px;
	line-height:16px;
	font-weight:bold;
	background-image : url(images/ncbg.png);
	color: #d9d9d9;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.forumheader_list{
   background-color: #000;
	padding:0px 4px;
	line-height:16px;
	font-weight:bold;
	color: #d9d9d9;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.forumheader2{
   background-color: #000;
	color: #cbcbcb;
	padding: 4px;
	border: #000 1px solid;
	background-image: url(images/chatbg.png);
}
 .forumheader3{
   background-color: #000;
	color: #cbcbcb;
	padding: 4px;
	border: #000 1px solid;
	background-image: url(images/chatbg.png);
}
 .forumheader3a{
   background-color: #000;
	color: #FFFFFF;
	padding: 4px;
	border: #000 1px solid;
	background-image: url(images/chatbg.png);
  font-weight: bold
}
 .forumheader4{
	background-color: #000;
	font: 10px verdana, tahoma, arial, sans-serif;
	color: #fff;
	padding: 4px;
	border: #000 1px solid;
	background-image: url(images/chatbg.png);
}

.finfobar{
	color: #cbcbcb;
	padding: 4px;
	border: #252525 1px solid;
	background: #1f1f1f;
}

/* user fine tuned classes */
/* the following is added as an example */
/* this would effect all .bodytable classed elements in the page */


td.content_center div.bodytable { }

/* this would effect left menu .bodytable classed elements in the page. */


td.left_menu div.bodytable {

        /* margin: top right bottom left

        here we are adding 20px space after each menu item.*/

        margin: 0px 0px 15px 0px;

}

/* this would effect right menu .bodytable classed elements in the page */


td.right_menu div.bodytable {
        /* margin: top right bottom left

        here we are adding 20px space after each menu item.*/

        margin: 0px 0px 15px 0px;

}
.bbcode {
border: 0px;
}