/*
	some of this was borrowed from Bob Rudderow, coded initially for Newgrounds.com
	If they don't hurt me, I'll love them for life. :'D
*/

body 
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Tahoma Small Cap, Helvetica, sans-serif;
	color: #FFFFFF;
	
	background: url(http://kgbox.t4wc.com/images/bg/bgstrips.png) 50% top repeat-y;
}

a {
	color: #45AEFC;
	text-decoration: none;
	margin: 0 4px; }

a:hover { color: #45AEFC }
a:active { color: #fff }	
	
.main {
	margin: auto;
	width: 770px;
}

	
.banner 
{ 
	background: url(http://kgbox.t4wc.com/images/headers/banner09.png) 50% top no-repeat;
	height: 130px;
}

.userpanel
{
	height: 40px;
	background: url(http://kgbox.t4wc.com/images/bg/bguserpanel.png) 50% top no-repeat;
	width: 770px;
}

.nav-sub 
{
	padding: 3px 0 3px 10px;
	float: left;
}


.nav-sub dl {
	text-align: left;
	margin-top: 4px; }

.nav-sub dd {
	display: inline;
	font-size: 10px;
	color: #FFFFFF; }

.log-out
{
	display:inline;
	padding-right:10px;
	float: right;
	font-size:10px;
}	

.log-out dl {
	text-align: right;
	margin-top: 4px; }

.log-out dd {
	display: inline;
	font-size: 10px;
	color: #FFFFFF; }
	
.recent-top
{
	width: 770px;
	z-index: 0;
	height: 15px;
	background: url(http://kgbox.t4wc.com/images/bg/recent_top.png) 50% top no-repeat;	
	margin: 0px;
	padding:0px;
}

div.recent-cont
{
	z-index:10;
	padding:0 10px 0px 10px;
	text-indent: 10px;
}

div.recent-item
{
	text-indent: 0;
	padding:5px;
	float:left;
	background-color:#000000;
	margin:5px;
}

div.icon
{
	float:left;
	border: 3px solid #FFFFFF;
	padding:0;
}

div.icon img{
	float:left;
	border:0;
	width:45px;
	height:45px;
}

div.info{
	float:left;
	padding:0 0 0 8px;
	width:100px;
}

div.archive_info{
	float:left;
	padding:0 0 0 8px;
}

div.archive{
	padding:5px;
	background-color:#000000;
	margin:5px;
}


.name, .page, .author
{
	float:left;
	color:#FFFFFF;
}

div.recent-cont h3
{
	margin: 0px;
	padding: 0px;
}

div.recent-center
{
	width: 770px;
	z-index: 0;
	height: 206px;
	margin:0;
	padding: 0;
	position:relative;
	background: url(http://kgbox.t4wc.com/images/bg/recent_center.png) 50% top repeat-y;
}

div.recent-bottom
{
	width: 770px;
	z-index:0;
	margin:0;
	padding: 0px;
	background: url(http://kgbox.t4wc.com/images/bg/recent_bottom.png) 50% top no-repeat;
}

div.left-column
{
	width: 120px;
	float:left;
}

div.left-column-header
{
	height: 20px;
	background:#303A52;
	text-align:center;	
}

div.left-column-cont
{
	background:#303A52;
	padding: 5px 0 5px 10px;
}



div.right-column
{
	width: 640px;
	float: right;
}

div.right-column-header
{
	height: 20px;
	background-color:#303A52;
	text-align:center;	
}

div.right-column-cont
{
	background:#000;
	padding: 10px;
}

div.spacer
{
	clear:both;
	display:block;
	height: 10px;
}

div.footer
{
	background-color:#303A52;
	padding:5px 0 5px 10px;
	vertical-align:bottom; 
}

div.post
{
	background:#303A52 left top repeat;
}

div.posthead
{	
	background-color:#660000;
	color:#97BCD0;
	height:auto;
	min-height:30px;
	padding: 5px 5px 5px 5px;
}

div.posthead-left
{
	display:inline;		
	text-align:left;
	float:left;
}

div.posthead-right
{
	display:inline;
	text-align:right;
	float:right;
}


div.postbody 
{
	position:relative;
	display:inline-table;
	color:#97BCD0;
	padding: 0 10px 0 0;
}

	

div.message
{	
	padding: 0 10px 0 10px;
	float:left;
	vertical-align:top;
}



div.avitar
{
	vertical-align:top;
	float:left;
}

div.postfoot
{
	background-color:#000;
	height:20px;
}

div.page
{
	text-indent:50px;
	color:#FFFFFF;
	font-size:12px;
	display:inline;
	float:left;
}

div.series
{
	display:inline;
	padding:5px;
	text-indent:20px;
	font-size:16px;
	font-weight:bolder;
	color:#FFFFFF;
	float:left;
}

div.series_btn
{
	float:right;
	padding: 5px;
}