/* ============== Overall ============== */

html
	{
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	background-color:#cccccc;
	}

body
	{
	
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;

	scrollbar-face-color: #ececec;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
  	}

a 			{ text-decoration:none; border-width:2px; color:#602404; }
a:hover 	{ text-decoration:underline;}

h1 	{ font-size:250%; letter-spacing: -2px; font-weight:normal;}
h2 	{ font-size:170%; letter-spacing: -2px; font-weight:normal; }
h3 	{ font-size:140%; margin:1em 1em 1em 0; letter-spacing: -1px; font-weight:normal; }
h4 	{ font-size:100%; font-weight:bold; margin:1.5em 1em 1em 0; }
h5 	{ font-size:95%; margin:1em 1em 1em 0; }
h6 	{ font-size:90%; margin:1em 1em 1em 0; }
h7 a { font-size:100%; font-family:Arial, Helvetica, sans-serif; color: #602404; font-weight:bolder; }

.bbstyle1	{ font-size:160%; font-weight:bold; }
.bbstyle2	{ font-size:130%; font-weight:bold; }
.bbstyle3	{ font-size:120%; font-weight:bold; }
.bbstyle4	{ font-size:110%; font-weight:bold; }
.bbstyle5	{  }
.bbstyle6	{  }
.bbstyle7	{  }
.bbstyle8	{  }
.bbstyle9	{  }

#container
	{
	position:relative;
	padding:0;
	margin:0;
	width:800px;
	height:100%;
	background-color:#cccccc;
	border:0px;
	}

#leftimage
	{
	position: absolute;
	left: 0px;
	top: 0px;
	}

#infobox
	{
	position: absolute;
	left: 850px;
	top: 30px;
	}
	
#infoboxtext
	{
	position: absolute;
	left: 858px;
	top: 58px;
	background-color:#ececec;
	width: 135px;
	height:129px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:3px;
	}
	
#menu
	{
	position:absolute;
	left:300px;
	top:10px;
	vertical-align:top;
	width:510px;
	text-align:left;
	}
	
#main
	{
	position:absolute;
	left:300px;
	top: 50px;
	vertical-align:top;
	width:450px;
	}

#animain
	{
	position:absolute;
	left:300px;
	top: 50px;
	vertical-align:top;
	width:470px;
	}

#adminmain
	{
	vertical-align:top;
	padding:10px;
	width:450px;
	background-color:#FFFFFF;
	}

/* ============== Various ============== */

.disp		{ padding:12px; margin:0; }
.block		{ padding:8px; margin:12px;	border:1px solid #EAEAEA; background-color: #F8F8F8; }
.block h4	{ margin-top:0; }
.error		{ padding:24px 8px 24px 8px; margin:0; color:#CC1212; font-weight:bold; font-size:110%; text-align:center; }
.codetitle	{ font-size:10px; color:#59739B; padding:2px; margin-top:5px; }
.code 		{ font-size:11px; color:#59739B; background-color:#EFF0C2; padding:2px; margin-bottom:5px; font-family:monospace; }
.valid 		{ height:48px; text-align:center; vertical-align:middle; }
.download 	{ font-size:110%; text-align:center; background-color: #E8E8E8; padding:16px; margin-top:16px; }
.paging		{ text-align:center; padding:12px; text-align:right; font-size:90%; }
.coltop		{ text-align:center; font-size:95%;  background-color:#F7F6F3!important; color:#707070; }
.centerall 	{ text-align:center; }
.desc 		{ font-size:95%; padding:3px; color:#646464; }
.spoiler	{ padding:8px; margin:8px; border:1px dashed #CCCCCC; background-color:#DBE5E9; }

.odd		{ background-color:#F1F1F1!important; }
.even		{ background-color:#EBEDEC!important; }
li 			{ margin:2px; }

img			{ border-width:0; }
ul 			{ list-style-type:square; }
form		{ margin:0; }
.colleft	{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }
.bar_front 	{ background-color:#92CC5E; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back 	{ background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today		{ border:1px dashed #DDAA00; }
.signature 		{ color:#979797; font-size:80%; max-height:96px; overflow:auto; }
.signature a	{ color:#000000; }
hr { border:1px solid #d6d6d6;}

/* ============== Tables ============== */

table td 			{ vertical-align:top; }
table.flat		{ width:99%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 		{ width:99%; margin:0; padding:4px; }
table.main td 	{ padding:4px; }
table.cells 	{ width:99%; margin:0; padding:0; border:4px solid #FFFFFF; }
table.cells td	{ padding:2px; background-color:#F7F7Fd; margin:0; }
table.list 		{ width:99%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }

/* ============== BBcodes ============== */

.bold {
        font-weight: bold;
}

.italics {
        font-style: italic;
}

.underline {
        text-decoration: underline;
}

.strikethrough {
        text-decoration: line-through;
}

.overline {
        text-decoration: overline;
}

.quotecodeheader {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
}

.codebody {
        background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #006600;
    border: 1px solid #BFBFBF;
}

.quotebody {
        background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #660002;
        border: 1px solid #BFBFBF;
}

.listbullet {
        list-style-type: disc;
        list-style-position: inside;
}

.listdecimal {
        list-style-type: decimal;
        list-style-position: inside;
}

.listlowerroman {
        list-style-type: lower-roman;
        list-style-position: inside;
}

.listupperroman {
        list-style-type: upper-roman;
        list-style-position: inside;
}

.listloweralpha {
        list-style-type: lower-alpha;
        list-style-position: inside;
}

.listupperalpha {
        list-style-type: upper-alpha;
        list-style-position: inside;
}

#fade-in a:hover {
	background: url(loading.gif);
	}
#fade-in a {
	width:100px; 
	height: 100px;
	display: block;
	text-decoration: none; /* otherwise link gets underline */
	}