
div#container{
	position:relative;
	margin: 0 auto;
	width: 1004px;
}

/*Logo*/

h1.logoreplace {
	position:relative;
	top:0;
	margin: 0 auto;
	margin-left:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 327px; height: 63px;
	text-indent: -9999px;
	background:url('assets/ctblack.png');
	background-repeat:no-repeat;
}

h2.logoreplace {
	position:absolute;
	top:-10px; right:10%;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 327px; height: 63px;
	text-indent: -9999px;
	}

/*Background color*/

body {
        background-color:#66CCFF;
        /*background-image:url(../assets/bground.png); /* a png may be too large. perhaps a jpg. position it at 85 from top */
        background-repeat: no-repeat;*/

}

/*Background Image*/

div#bg{
	position:absolute; top: 83px;  left: 0px;
	width:1004px;
	margin: 0 auto;
	bottom:40px;
	background:url('assets/bgcolumns.gif');
	background-repeat:repeat-y;
	z-index:-1
}


/*Navigation Bar */

div#header{
	width:1004px; height:80px;
	background-color:#000000;
	position:relative;
}
/*Including Top Corners!*/
.top div{background:url('assets/btopleft.png') no-repeat top left;}
.top{background:url('assets/btopright.png') no-repeat top right;}
.top div, .top{	width: inherit; height:25px; font-size: 1px;
	z-index:2;
}

ul#topnav{
	position:relative; top:25%; left:12%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index:2;
}
	
ul#topnav li{
	float: left;
	margin: 30px, 2px;
	padding: 0;

}

ul#topnav li a{
	display: block;
	height: 24px ;
	text-decoration: none;
	text-indent: -9999px;
	}
	
#manga{left:0px; width:90px; height:inherit;}
#manga{background:url('assets/topnav.gif') no-repeat 0 -3px;}

#news{left:90px;width:75px; height:inherit;}
#news{background:url('assets/topnav.gif') no-repeat -100px -3px;}

#faq{left:165px;width:50px; height:inherit;}
#faq{background:url('assets/topnav.gif') no-repeat -185px -3px;}

#about{left:225px;width:80px; height:inherit;}
#about{background:url('assets/topnav.gif') no-repeat -250px -3px;}

#forums{left:305px;width:90px; height:inherit;}
#forums{background: url('assets/topnav.gif') no-repeat -445px -3px;}

/*Left Bar*/

div#leftbar{
	position:absolute; top:150px; left:0;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100px;
	text-align:left;
}

#leftnav a{
	display:block;
	margin:0px;
	padding:0px;
	width:inherit;
}



/*Right Bar*/

div#rightbar{
position:absolute; 
	top:180px; 
	right:-22px;
	margin:0px;
	padding:0px;
	border-width:0px;
	white-space:normal;
	width: 160px;
	z-index:1;
}



/*Main Container */

div#mainspace
{
	position:relative;
	width: 756px;
	border: 0px;
	padding: 0px;
	margin-left:111px;
	text-align: left;
	white-space:normal;
	
}

.content{
	position:relative;
	width: 712px;
	padding: 0px 27px 0px;
	margin: 0 auto;

}

/*Text Rules*/

a:link{color:#FE0000}
a:visited {color:#FE0000;}
a:hover  {color:#FFFFFF;}
a:active {color:#FFFFFF;}

h3{font-family: Impact, fantasy; font-size:24px; color:#FF0000; font-weight:lighter;
 	text-align:left;
}

.content p{	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;
}

.content strong{font-family:Arial, Helvetica, sans-serif; font-size:small; font-weight:bold;}

.content center{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:inherit;}

.content a:link{color:#000000}
.content a:visited {color:#000000;}
.content a:hover  {color:#FF0000;}
.content a:active {color:#0000FF;}

form{
text-align:center;
margin: 0 auto;
}

/*Manga Page Formatting*/

.graybox{ background-color:#CCCCCC;
		position:relative;
		width:100%; height:275px;
}

.graybox table
{
width:712px;
}
.graybox td
{
width:30%;
text-align:center;
height:125px;
vertical-align:middle;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}

.graybox td a img {
border: 0;
} 



/*Whitespace Corners*/

.wtop div{background: url('assets/wtopleft.gif') no-repeat top left;}
.wtop{background: url('assets/wtopright.gif') no-repeat top right;}
.wbot div{background: url('assets/wbotleft.gif') no-repeat bottom left;}
.wbot{background: url('assets/wbotright.gif') no-repeat bottom right;}
.wbot div, .wbot, .wtop div, .wtop{
	width:100%;
	height:30px;
	font-size:1px;
}


/*Grey Boxes*/

/*Scroll bar for news page*/
div.scroll
{
width:700px;
height:1500px;
overflow:scroll;
padding:0px 20px 0px 0px; 
}

/*Footer*/

div#footer{
	position:relative;
	margin-right: auto;
	width: 1004px; height: 150px;

	background-color:#000000;
}

	
div#innervertf{
	background-color:#000000;
	width: 1004px;
	color:#FFFFFF;
	position:absolute; top:10%; left:0px;
	margin: 0 auto;
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#footer a:link{color:#FFFFFF}
#footer a:visited {color:#FFFFFF;}
#footer a:hover  {color:#FF0000;}
#footer	a:active {color:#0000FF;}
#footer a img {border:0;}

/*Including Bottom Corners*/
.bottom div{background:url('assets/bbotleft.png') no-repeat bottom left;}
.bottom{background:url('assets/bbotright.png') no-repeat bottom right;}
.bottom div, .bottom{	width: inherit; height:inherit; font-size: 1px;
	z-index:2;
}
