/* CORE */

* { margin: 0; padding: 0; }
body { 
    background: #ffffff; 
    background-image: url(images/whitebg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    font-family:  Geneva,   Helvetica, Verdana, 'Lucida Grande' ; 
    font-size: 11px; 
    color: #000; }
.clear { clear: both; }


/* LINK STYLES */


a { color: #707070; font-weight: bold; text-decoration: none; border:0px; }
a:hover { color: #9e0f0e; text-decoration: underline; }


/* MENU STYLE */

.ffimgfix      { display:block; }
.top_left      { background-image: url(images/top_left.gif); }
.top_middle    { background-repeat: repeat-x; background-image: url(images/top_middle.gif); padding-top:12px; color:white; font-size:12px;}
.top_right     { background-image: url(images/top_right.gif); }
.middle_left   { background-repeat: repeat-y; background-image: url(images/middle_left.gif); }
.middle_middle { background: #f6f5f5; padding: 5px 2px 2px 2px;	font-size: 10px; color: #cc0000; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top; }
.middle_right  { background-repeat: repeat-y; background-image: url(images/middle_right.gif); }
.bottom_left   { background-image: url(images/bottom_left.gif); }
.bottom_middle { background-repeat: repeat-x; background-image: url(images/bottom_middle.gif); }
.bottom_right  { background-image: url(images/bottom_right.gif); }

table { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }
td { text-align: left; vertical-align: top; padding-left: 0px; padding-right: 0px; }

.gamemenu {
    color:black; 
    border: 1px solid #c0c0c0;
    padding:10px;
}



/* THEME LAYOUT */

img {border:0px;}

.bannerwrap { background: url(images/bg2.png) repeat-x; height: 57px; width: 100%; }
.logoarea { width: 300px; padding-top: 0px; padding-left:20px; }
.sitename { padding-top: 27px; width: 30%;}
.navsection {width: 100%; margin-top: 2px;}
.pagewrap {background: #ffffff; margin-top: 10px; width: 100%;}
.pagewrap2 {background: #ffffff; margin-top: 10px;  width: 90%;}
.left_section {width: 280px; padding-left: 15px;}
.main_section {padding-left: 20px;}
.footer { 
        text-align: center; 
        background-repeat: repeat-x;
	  width: 100%;
        height: 57px;
        padding-top: 0px;
        color: #000000;
}


/* USER MAIN LOGIN */

.myacc { width: 500px; float: right; padding: 17px 3px 0px 4px; color: #fff; font-weight:bold;}
.myacc li { float: left; display: inline; list-style: none; }
.myacc a { color: #fff; padding: 4px 7px 0px 7px; }
.myacc a:hover { text-decoration: underline; }
.welcome { padding-bottom: 4px; color:black; }


/* navigation */

#nav li { list-style: none; display: inline; }
.main_nav {width:100%; padding-right:90px;}

/* main header */

#headw { padding: 0px 4px; }
#headb { background: url(images/cbg.png) repeat-x top; padding: 24px 0px 12px 0px; }
#header {padding: 0px;}

/* content */

#content { padding: 0px 24px; }
#content2 { padding: 0px 24px; }

/* left area - main area */
#leftarea { width: 577px; float: left; padding-right: 36px; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; border-right: 1px dotted #bababa; }
#mainarea { width: 800px; float: center; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; border-right: 1px dotted #bababa; }


/* NEWS STYLES */

.title { font-size: 14px; font-weight: bold; color: #9e0f0e; }
.ninfo { font-size: 10px; color: #bababa; }
.ntext { padding: 7px 0px; }
.ncomments { text-align: right; border-bottom: 1px dotted #bababa; padding: 0px 4px 4px 4px; margin-bottom: 7px; } 

/* right menu */

#rightmenu {  width: 210px; float: right; text-align: center;  display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; color: #a2a2a2; }

/* disclaimer */

#disclaimer { padding: 4px 7px 0px 7px; border-top: 1px dotted #bababa; margin-top: 12px; }


/* E107 STYLES */

.indentchat { padding: 4px; border: 1px solid #bababa; margin: 4px 0 4px 0; text-align: left; background: #f1f0f0 url(images/fhead3.png) repeat-x top; color: #707070; }

.indent { padding: 4px; margin: 2px; background: #f6f4f5; border: 1px dotted #bababa; }

.code_highlight { padding: 4px; margin: 2px; height: 200px; overflow: scroll; background: #f6f4f5; border: 1px dotted #bababa; }

/* Buttons */

.button {
      color:white;
	border-top: 1px solid #999999;
      border-bottom: 1px solid #999999;
      border-left: 1px solid #999999;
      border-right: 1px solid #999999;
      background-image : url(images/button.png); 
      padding: 0px;
      margin: 0px;
      font-size: 9px;
      height: 18px;
}

.button:hover {
      color:white;
      border-top: 1px solid #999999;
      border-bottom: 1px solid white;
      border-left: 1px solid #999999;
      border-right: 1px solid white;
      background-image : url(images/buttonover.png);
}
 

.small { font: 10px; color: #545353; }
.smalltext { font: 10px; color: #545353; }
.smallbottom { font-size: 10px; color: #545353; text-align:left; }
.smallblacktext { color: #545353; font-size: 10px; }

.tbox { color: #9e0f0e; background: #fff ; font-weight: bold; font-size: 11px; 
 border-top: 1px solid #999999; 
 border-right: 1px solid #f1f1f1; 
 border-bottom: 1px solid #f1f1f1; 
 border-left: 1px solid #999999; 
 margin: 2px auto; padding: 1px;
 border-collapse: collapse; } 

.helpbox { background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

/* FORUM STYLES */

.ftrack { border: none; padding: 7px 5px 7px 5px; background: #f1f0f0; }

.fdata { text-align: center; border-top: 1px solid #bababa; padding: 7px 4px; background: #ededed url(images/fhead2.png) repeat-x top; }

.fcaption { padding: 4px; color: #787878; background: url(images/nav_b.png) repeat-x bottom; font: 11px; min-height: 20px; }

.fcaption span.smalltext{ color: color: #707070; }
.fcaption span.smalltext a:hover{ color: #a0bac6; }
.fcaption a { color: color: #707070; text-decoration: none; }
.fcaption a:hover { color: #a0bac6; }
a.forumlink{ color: color: #707070; text-decoration: none; }
a.forumlink:hover{ color: #a0bac6; }

.fborder { border: 1px solid #bababa; margin: 4px 0 4px 0; }

.forumheader { padding: 2px 4px 2px 4px; line-height: 16px; font-weight: bold; color: #9e0f0e; background: #fff url(images/cbg.png) repeat-x top; }

.forumheader2 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #ededed url(images/fhead2.png) repeat-x top; }
	
.forumheader3 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #f1f0f0 url(images/fhead3.png) repeat-x top; }

.forumheader4 { padding: 7px 5px 7px 5px; border: 1px solid #bababa; background: #222222 url(images/fhead3.png) repeat-x top; }

.finfobar { padding: 2px 4px; background: #ededed; border: 1px solid #bababa; }



/* Brainjar Nav Menu Classes {SITELINS_ALT} */
/*
If you do not use {SITELINS_ALT} and switch to the standard {SITELINKS} instead, 
all of the below can be deleted.
*/
/*----------------------------------------------------------------------------*/

div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem {
	font: bold 12px arial, verdana, arial, tahoma, sans-serif;
	color: #000000;
	text-align: left;
}

div.menuBar {
	background-color: #fff;
	border-top: 1px solid #fff;
	padding: 4px 0px;
	text-align: right;
}

div.emenuBar {
	background-color: red;
	border-top: 1px solid #fff;
	text-align: left;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
	background-color: transparent;
	border: 1px solid;
	border-color: transparent !important;
	border-color: #fff #fff #fff #fff;
	left: 0px;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	background-color: #000000;
	border-color: #fff #fff #fff #fff !important;
	color: #fff;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
	background-color: red;
	border-color: #fff #fff #fff #fff !important;
	left: 1px;
	top: 1px;
	color: #fff;
}

div.menu {
	background-color: #fcfdff;
	border: 1px solid;
	border-color: #fff #a5a5a5 #a5a5a5 #fff;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
}

div.menu a.menuItem {
	display: block;
	padding: 2px 11px 2px 0px;
	text-decoration: none;
	white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background-color: #eeecec;
}

div.menu a.menuItem span.menuItemBuffer, div.menu a.menuItem:hover span.menuItemBuffer {
	padding: 0px 2px;
}

div.menu a.menuItem span.menuItemText {
	padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
	margin-right: -.75em;
}

div.menu div.menuItemSep {
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #fff;
	margin: 4px 2px;
}

a.menuItem.header {
	border-bottom: 1px solid #b3b3b3;
}