/* CSS Document */



body { margin: 0; padding: 0; background: #B4B4B4; color: #666666; font: 11px tahoma, verdana, arial, helvetica, sans-serif; }

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

/*{ color: #666666; font-weight: bold; text-decoration:none; }*/

a:hover { color: #238E23; font-weight: bold; text-decoration: underline; }

p {}

h1 {

	font-size: 12px;
	font-weight: bold;
	border: 1px solid #B2B2B2;
	margin: 2px 0 6px 0;
	padding: 2px 0 2px 6px;
	text-align: left;
	height: auto;
	background: #666666;
	color: #cfcff1;
	}

h2, h5, h6 {

	margin: 4px;
	padding: 0;
	min-height: 21px;
	border-bottom: 1px dashed #666666;
	text-align: left ;
	font-weight: bold;
	font-size: 12px;
	color: #9797F6;
	}
	
h3 {

	margin: 4px;
	padding: 0;
	min-height: 21px;
	border-bottom: 1px dashed #666666;
	text-align: left ;
	font-weight: bold;
	font-size: 12px;
	color: #FE9C1D;
	}

h4 {

	margin: 4px;
	padding: 0;
	min-height: 21px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	background: #cccccc;
	}

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; }

/* start of site layout */

#wrapper { width: 98%; margin: 15px auto; padding: 0; background-color: #0A0E3B; }

/* background: url(images/center.png) */

#topleft { background: url(images/topleft.jpg) no-repeat left; height: 18px; }

#topright { background: url(images/topright.jpg) no-repeat right; height: 18px; }

/* main */

#mainb { float: left; width:100%; height: auto; background: url(images/hb.jpg) top; border-left: 1px dotted #666666; border-right: 1px dotted #666666; }

#main { float: left; width:78%; height: auto; background: url(images/hb.jpg) top; }

#mainc { float: left; width:100%; height: auto; background: url(images/hb.jpg) top; }

/* header */

#headb { float: left; width:98%; height: auto; background: url(images/hb.jpg) top; border: 1px solid #B2B2B2; margin-left: 3px; padding: 0; }

#headc { float: left; width:79%; height: auto; background: url(images/hb.jpg) top; border: 1px solid #B2B2B2; margin-left: 3px; padding: 0; }

#head { float: left; width:auto; height: auto; padding: 0; }

#image_f { float: left; width:364px; height: 355px; margin-left: 2px; border-top: 2px solid #000000; border-bottom:2px solid #000000; border-left: 1px solid #000000; border-right: 3px solid #000000; }

/* #image_nav { position:absolute; z-index:9997; left:338px; top:343px; height: 35px; width: 35px; padding:0; margin: 0; } */

#image_nav { float:left; width: 35px; height: auto; text-align: left; margin: 3px; padding: 315px 0 0 0; }

#marqueeline { background: url(images/center.png); background-color: #0A0E3B; margin: 0 8px; padding: 1px 5px; }

/* Pagepeel styling */

#jcornerSmall {

position:absolute;

z-index:9999;

right:0px;

top:0px;

height: 100px;

width: 100px;

padding:0;

margin: 0;
}

#jcornerBig {

position:absolute;

z-index:9998;

right:0px;

top:-1500px;

height: 650px;

width: 650px;

padding:0;

margin: 0;
}

/* main menu */

#nav { margin: 27px 0 0 0; width: auto; height: auto; padding: 4px 0 0 0; list-style-type: none; }

#nav a 
{ width: auto; display: block; text-decoration: none; text-align: center; padding: .2em .5em; font: 12px tahoma, verdana, arial, helvetica, sans-serif; color: #656867; font-weight: bold; }

#nav a:hover { color: #238E23; font-weight: bold; border-bottom: 1px dashed #666666; border-top: 1px dashed #666666; }

#nav li { display: inline; }

#logo { background: url(images/logo.jpg) no-repeat top; width: 261px; height: 77px; }

/* end of main menu and header */

/* content */

#content { width: 100%; height: auto; }

#left 
{ width: 18%; float: left; background: url(images/hb.jpg) top; border: 1px solid #B2B2B2; text-align: center; margin-top: 3px; margin-left: 3px; padding:2px;}
/* background: #0A0E3B; */

#right
{ width: 21%; height: auto; float: right; background: url(images/hb.jpg) top; border: 1px solid #B2B2B2; text-align: center; margin-right: 3px; padding:0;}
#rightc
{ width: 18%; height: auto; float: right; background: url(images/hb.jpg) top; border: 1px solid #B2B2B2; text-align: center; margin-right: 3px; padding:0;}

#butl { float:left; width: 10%; margin-top: 2px; padding: 10px 0 0 0; }
#butr { float:right; width: 10%; margin-top: 2px; padding: 10px 0 0 0; }

#container { float: left; width: 80%; height: auto; overflow: hidden; margin-top: 2px; }

div#promos div.scroller { 
	/* modify width and height of scrolling section if necessary */		
	width: 80%;
	height: auto; 
	overflow: hidden;
	}

div#promos div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:390px;
	height: auto; 
	overflow:hidden;
	float:left;
	padding:1em 1em 2px 0;		
	}

div#promos div.scroller div.items {
	width: 10000px;
	height: auto; 	
	}

/*
.scroller h3 {
font: 12px tahoma, verdana, arial, helvetica, sans-serif;
color: #cfcff1;
font-weight:bold;
}

.section h3 {
font: 12px tahoma, verdana, arial, helvetica, sans-serif;
color: #cfcff1;
font-weight:bold;
}
*/

/*
.marqueeline {
            background-color: #0A0E3B;    
	background: url(images/center.png);
    }
*/

.news { width: 79%; float: left; background: url(images/cbg.png); border: 1px solid #B2B2B2; margin-top: 3px; margin-left: 3px; padding:2px; color: #ccc; }

.title { margin: 4px; padding: 0; min-height: 21px; border-bottom: 1px dashed #666666; text-align: left ; font-weight: bold; font-size: 12px; color: #9797F6; } 

.story { margin: 4px; padding: 0; text-align: left;  }

.postby { margin: 7px 4px 7px 4px; padding: 0; text-align: right; font-size: 11px; }

.date { text-align: right; font-weight: normal; color: #cccccc; padding-right: 4px; font-size: 11px; }

.clear { clear: both; height: 7px; }

/* end of content */

/* footer */

#footer { float: left; width: 100%; background-color: #000000; text-align: center; font-size: 11px; border-left: 1px dotted #666666; border-right: 1px dotted #666666; }

#footerc { background: url(images/bcenter.png) repeat-x; height: 18px; margin: 0 8px; padding: 1px 5px; }

#footerl { background: url(images/bottomleft.png) no-repeat left; height: 18px; }

#footerr { background:url(images/bottomright.png) no-repeat right; height: 18px; }

/* end of layout */

/* E107 STYLES */

.bodytable {

	padding: 8px;

	font: 10px tahoma, verdana, arial, helvetica, sans-serif;

	color: #ccc;

}

.indent{

	padding: 5px;

	margin: 5px;

	font: 9px tahoma, verdana, arial, helvetica, 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: #B8BFC6;

}

	.indentchat{

	border: 1px solid  #B2B2B2;

	margin:2px;

	padding:4px; 

	display:block;

	text-decoration:none;

	font-weight:bold;

	text-align: center;

	color: #666666;

	background: url(images/cbg.png);

}

.small {

	color: #cccccc;

	font: 9px tahoma, verdana, arial, helvetica, sans-serif;

}

.smalltext {

	font: 10px verdana, tahoma, arial, helvetica, sans-serif;

	color: #cccccc;

}

.smallbottom {

	font: 10px verdana, tahoma, arial, helvetica, sans-serif;

	color: #cccccc;

	text-align:left;

}

.tbox {

	background-color: #fff;

	border: #9DA1A6 1px solid;

	color: #000;

	font: 10px verdana, tahoma, arial, helvetica, sans-serif;

}

.helpbox {

	background-color: #1f1f1f;

	border: #9DA1A6 1px solid;

	color: #cccccc;

	font: 9px tahoma, verdana, arial, helvetica, sans-serif;

}

.button{

	margin:2px 2px;

	background: #fff;

	border: #9DA1A6 1px solid;

	color: #666666;

	font: 9px verdana, tahoma, arial, helvetica, sans-serif bold;

	text-align:center;

}

.citatos{

	background:  #01030F;

	padding:0px 4px;

	font: 14px tahoma, verdana, arial, helvetica, sans-serif;

	color: #3433D9;

	font-weight: bold;

	border: 1px solid #9DA1A6;

}

/* FORUM STYLES */

.fcaption {

	padding:0px 4px;

	height:21px;

	line-height:21px;

	background: #666666;

	border: 1px solid #9DA1A6;

	color: #fff;

	font-weight:bold;
}

.fcaption span.smalltext{

	color: #fff;
}

.fcaption span.smalltext a:hover{

	color: #238E23;
}

.fcaption a {

	color: #fff;

	text-decoration: none;
}

.fcaption a:hover {

	color: #238E23;
}

a.forumlink{

	color: #fff;

	text-decoration: none;
}

a.forumlink:hover{

	color: #238E23;
}

.fborder {

	border:0px;

	background-color: transparent;
}

.forumheader{

    background:  #01030F; /*background:  #E5E5E5;*/

	padding:0px 4px;

	height:auto;

	line-height:16px;

	font-weight:bold;

	color: #666666;

	border: 1px solid #9DA1A6;
}

.forumheader2{

    background: #0A0E3B;

	color: #666666;

	padding: 4px;

	border: #9DA1A6 1px solid;
}

.forumheader3{

   background: #0A0E3B;

	color: #666666;

	padding: 4px;

	border: #9DA1A6 1px solid;
}

.forumheader4{

	background-color: #0A0E3B;

	font: 10px tahoma, verdana, arial, helvetica, sans-serif;

	color: #666666;

	padding: 4px;

	border: #9DA1A6 1px solid;
}

.finfobar{

	padding: 4px;

	border: #9DA1A6 1px solid;

	background:  #0A0E3B;
}