<style type="text/css">
html, body {
	height: 100%;
	}
body {
background: #382413 url(../images/bg_tile.jpg) repeat;
margin: 0px;
font-size: 17px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
	}
	
a:link, a:active, a:visited 	{
font-size: 11px;
font-family: "Arial";
color: #5a564a;
text-decoration: none;
font-weight: bold;
}

a:hover  	{
color: #b0a992
}

a img {
border: none;
}

#contentbody{
  top: 0px;
  width: 1024px;
  height: 1076px;
  margin: 0px auto;
  margin-left: auto;
  margin-right: auto;

}
#header {
  background-image: url(../images/unsounded_header.jpg);
  width: 1024px;
  height: 88px;
}

#title {
float: right;
position: relative;
z-index: 41;
right: 10px;
}

#navlinks {
float: left;
position: relative;
z-index: 43;
top: 5px;
left: 30px;
}

a.nav_misc {
display: block;
float: left;
width: 136px;
height: 29px;
background: url(../../themes/stardust/images/nav_misc.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_misc:hover { 
background-position: 0 -29px;
}

a.nav_char {
display: block;
float: left;
width: 75px;
height: 29px;
background: url(../../themes/stardust/images/nav_char.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_char:hover { 
background-position: 0 -29px;
}

a.nav_comic {
display: block;
float: left;
width: 77px;
height: 29px;
background: url(../../themes/stardust/images/nav_comic.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_comic:hover { 
background-position: 0 -29px;
}

a.nav_world {
display: block;
float: left;
width: 67px;
height: 29px;
background: url(../../themes/stardust/images/nav_world.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_world:hover { 
background-position: 0 -29px;
}

.displace {
	position: absolute;
	left: -5000px;
	}

#leftcol {
  background-image: url(sidebars/comic_left_bg.jpg);
  float: left;
  width: 208px;
  height: 900px;
}
#rightcol {
  background-image: url(sidebars/comic_right_bg.jpg);
  float: left;
  width: 216px;
  height: 900px;
}

#comic {
position: relative;
  background: #fff;
  float: left;
  width: 600px;
  height: 900px;
  z-index: 100;
}
#footer {
 background-image: url(sidebars/comic_bottom_bg.jpg);
 text-align: left;
 clear: both;
 width: 1024px;
 height: 88px;
}

#bottomnav {
position: relative;
z-index: 40;
 width: 208px;
 height: 52px;
 margin-left: 406px;
}

a.back {
display: block;
float: left;
width: 63px;
height: 52px;
background: url(../images/back.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.back:hover { 
background-position: 0 -52px;
}

a.back_dark {
display: block;
float: left;
width: 63px;
height: 52px;
background: url(../images/back_dark.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.back_dark:hover { 
background-position: 0 -52px;
}



#middle_index {
float: left;
background-image: url(../images/index.png);
padding-top: 20px;
width: 82px;
height: 32px;
text-align: center;
 }

#middle_index_dark {
float: left;
background-image: url(../images/index_dark.png);
padding-top: 20px;
width: 82px;
height: 32px;
text-align: center;
 }
 
a.forward {
display: block;
float: left;
width: 63px;
height: 52px;
background: url(../images/forward.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.forward:hover { 
background-position: 0 -52px;
}

a.forward_dark {
display: block;
float: left;
width: 63px;
height: 52px;
background: url(../images/forward_dark.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.forward_dark:hover { 
background-position: 0 -52px;
}

 #copyright {
 position: relative;
 text-align: center;
 margin-top: 20px;
 width: 1024px;
 clear: both;
 font-size: 10px;
 }
 .dark{
background-color: black;
z-index: 20;
min-height: 100%;
height: 1076px;
width: 100%;
background-repeat:repeat;
position:absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: 0px;
}
</style>