body {color: black; background: white; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.themebg {background: #0B090F; color: #f8f8f8}

table {width: 100%; margin: 5; padding: 5; font-size: 12px}
table td {padding: 0; border-width: 0; vertical-align: top;}

#maintable{}
.headbg {background: url('images/topbg.jpg') repeat-x top}
#head { height: 352px; width: 1024px; margin: auto}
#headlinks { position: absolute; top: 82px; margin-left: 26px; width: 192px}
#headlinks a { display: block; margin-bottom: 4px; padding: 4px; background: #2FA4CC; font-weight: normal; color: #ffffff}
#headlinks a:hover {background: url('images/linkarrow.gif') left no-repeat #4BC2EC; padding-left: 30px}

.topgrade {
	background: url('images/topgrade.gif') repeat-x top;
	height: 42px;
	color: #54C0E6;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	}

#maincontent {background: #0B090F}
#maincontent .contentable {width: 980px; margin: auto}


th {background: url('images/bottomgrade.gif') repeat-x top; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url('hbar.gif');}


#leftcolumn {width: 192px;}
#leftcolumn th { vertical-align: middle;}
#leftcolumn div.blockTitle {font-weight: bold; text-transform: uppercase;}
#leftcolumn div.blockContent {padding: 3px; width: 192px; color: #999999; margin-bottom: 18px; font-size: 11px}
#scroller {
	overflow: auto; width: 182px; height: 350px;
	scrollbar-face-color: #111111; 
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #111111; 
	scrollbar-3dlight-color: #111111;
	scrollbar-darkshadow-color: #111111; 
	scrollbar-track-color: #151515;
	scrollbar-arrow-color: #555555;
	}



#centercolumn {font-size: 12px; width: 100%; padding: 0px 8px 0px 8px;}
#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
#centerCcolumn, #bottomCcolumn {padding: 0px 3px 1px 3px;}
#centerCcolumn .blockTitle	{
	padding: 3px;
	color: #2FAAD5;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px; 
	margin-left: 0px;
	}
#centerCcolumn .blockContent{
	padding: 3px;
	color: #F8F8F8;
	font-size: 12px;
	line-height: 1.5em;
	}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
	width: 50%; padding: 0px 3px 0px 0px;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;
}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 192px;}
td#rightcolumn th {}
td#rightcolumn div.blockTitle {font-weight: bold; text-transform: uppercase;}
td#rightcolumn div.blockContent {padding: 3px; width: 192px; color: #666666; margin-bottom: 6px; color: #dadada; font-size: 11px}


td#mainmenu a { display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px; }
td#mainmenu a.menuMain {padding-left: 3px; }
td#mainmenu a.menuSub {padding-left: 9px; }

td#usermenu a { display: block; margin: 0; padding: 4px; }
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {background-color: #fcc;}

a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #ff6600;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #2F5376}

input.formButton {}

.item {}
.itemHead {padding: 3px; background-color: #2FAAD5; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #0086B2}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPoster a {color: #ffffff;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 200%;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #2FAAD5}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.outer {}
.head {background: url('images/bottomgrade.gif') repeat-x top; padding: 5px; font-weight: bold;}
.even {background-color: #2FAAD5; padding: 5px;}
.odd {background-color: #0086B2; padding: 5px;}
.foot {background-color: #23A0CB; padding: 5px; font-weight: bold;}
tr.even td {background-color: #2FAAD5; padding: 5px;}
tr.odd td {background-color: #0086B2; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0px none;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.thefoot {
	background: url('images/bottomgrade.gif') repeat-x top;
	height: 62px;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	color: #54C0E6;
	text-transform: uppercase;
	}
.thefoot a{
	color: #54C0E6;
	}
	
	
/*BOOK LIST LINKS*/
#booklist {}
#booklist a {display: block; margin-bottom: 4px; padding: 4px; background: #2FA4CC; font-weight: normal; color: #ffffff}
#booklist a:hover {background: url('images/linkarrow.gif') left no-repeat #4BC2EC; padding-left: 30px}