@charset "utf-8";

/* this resets HTML elements across browsers to the same base, killing padding, margins etc. */ 

/*reset.css*/
/* html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} */

/* base styles */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* this resets font sizes across browsers to the same base */ 

/*fonts.css*/ body{font:13px/1.231 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;line-height:13px;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html,
body {
  margin:7px;
/*  background-color: #171717; */
background-color: #282828;
/* background-image:url("../gui8/v8_backtop.png"); */
background-attachment: fixed;
background-repeat:repeat-x;
font-family:verdana,arial,sans-serif;
}

div.main-body {

padding-bottom:35px;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
margin-top:3px;
vertical-align: top
}

div.cnav {
width:610px;
height:21px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
}
div.cnav ul {text-align:center;margin:0em;padding:0em;}
div.cnav ul li {list-style-type:none;list-style-image:none;display:block;float:left;}
div.cnav ul li a{font-weight:bold;text-decoration:none;display:block;margin:0px;width:77px;height:21px;}
a.f {background-image:url("comic_first_.jpg");}
a.p {background-image:url("comic_prev_.jpg");}
a.n {background-image:url("comic_next_.jpg");}
a.c {background-image:url("comic_current_.jpg");}
a.placeholduhr {display:none !important;}
a.nlaceholduhr {display:none !important;}
div.cnav ul li a:hover {background-position:77px;}
div.cnav ul li a span {display:none;}

div.body {

/* width:600px; */
background-color: #101010;
margin-bottom:3px;
padding-bottom:7px;
padding-top:7px;
padding-left:5px;
padding-right:5px;


  font-size:10px;
color:#CCCCCC;
}

div.body table {
border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
}

div.body td {
	border-width: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
}

div.body a {
  font-weight:bold;
  text-decoration:none;
color:#ffab00;
}

div.body a:link {
  color:#ffab00;
}

div.body a:visited {
  color:#ac6900;
	text-decoration:none;
}

div.body a:hover {
    text-decoration:underline;
}

div.body>p 
{
color:#CCCCCC;
font-size:10px;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;

}



div.body blockquote 
{
color:#CCCCCC;
font-size:10px;
margin-top:20px;
margin-bottom:20px;
margin-right:40px;
margin-left:40px;

}

div.cfloat { float:right; width:300px;}

div.cfloat { margin:5px;}

div.cfloat p{ margin-top:2px;}

div.label {font-size:12px;}

div.comments img{ margin:5px;}

div.comments input{ margin-left:2px; margin-right:2x; margin-bottom:2px; background-color:#777777; border:0;}

div.comments checkbox{ margin-left:2px; margin-right:2x; margin-bottom:2px; background-color:#777777; border:0;}

div.cpage {width:610px; padding:10px; margin: 10px auto 0 auto;}

div.comments textarea{
width: 500px;
height: 80px;
margin-left:5px;
margin-bottom:1px;
margin-top:0px;
background-color:#777777;
border:0;
}


div.universe{
overflow:hidden;
}
div.universe p {}
img.universe{margin-right:7px;}
div.notes {display:none;}
div.body h1 
{
color:#ffab00;
font-size:13px;
margin-top:0px;
margin-bottom:1px;
}

div.body h3 
{
color:#ffab00;
font-size:13px;
margin-top:10px;
margin-bottom:1px;
}

div.script {
overflow:hidden;}
img.script {margin-right:7px; border:0px;}


div.body h2
{
color:#313131;
font-size:10px;
margin-top:2px;
margin-bottom:0px;
}

div.body h2 a {
  font-weight:bold;
  text-decoration:none;
color:#505050;
}

div.body h2 a:link {
  color:#505050;
}

div.body h2 a:visited {
  color:#707070;
	text-decoration:none;
}

div.body h2 a:hover {
    text-decoration:underline;
}



div.nav {
background-color:#0e0e0e;
 font-size:10px;
margin-top:3px;
padding-bottom:5px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
color:#666666;
word-wrap:break-word;


}


div.nav a {
  font-weight:bold;
  text-decoration:none;
color:#ac6900;
}

div.nav a:link {
  color:#ac6900;
}

div.nav a:visited {
  color:#885301;
	text-decoration:none;
}

div.nav a:hover {
    text-decoration:underline;
}

div.nav p 
{
color:#666666;
font-size:10px;
margin:5px;
}

div.nav h1 
{
#color:#ffab00;
color:#666666;
font-size:11px;
margin-top:3px;
margin-bottom:1px;
margin-left:3px;
}

div.nav h2
{
color:#313131;
font-size:10px;
margin-top:1px;
margin-bottom:1px;
margin-left:3px;
}

div.nav h2 a {
  font-weight:bold;
  text-decoration:none;
color:#505050;
}

div.nav h2 a:link {
  color:#505050;
}

div.nav h2 a:visited {
  color:#707070;
	text-decoration:none;
}

div.nav h2 a:hover {
    text-decoration:underline;
}
#main {
min-height: 100%;

position:relative;
top:0px;
}
div.footer{
	position:absolute;
	bottom: 0px;
	height: 35px;
	clear:all;
	margin: auto;
	left:163px;
	color:#808080;
	font-size:10px;
	width:610px;
	overflow:hidden;
}
html, body {height: 100%;margin:0;padding:0;}

div.footer p {

margin-top:2px;
margin-bottom:0px;

}

div.footer a {
color:#995e00;
font-weight:bold;
text-decoration:none;
}

div.footer a:hover {
color:#ffab00;
font-weight:bold;
text-decoration:underline;
}

div.footer a:visited {

font-weight:bold;
text-decoration:none;
}

div.menu1 {

padding:0px;
margin:0px;

}


ul.navbar {
width:160px;
padding:0px;
margin:0px;
list-style-type:none;
list-style:none;
indent:0px;
}

div.nav ul {

padding:0px;
margin:0px;
list-style-type:none;
list-style:none;
indent:0px;
}

div.nav li {

padding:5px;
margin:0px;
list-style-type:none;
list-style:none;
}

li.menu1 {
width:160px;
height:26px;
padding:0px;
margin:0px;
list-style-type:none;
list-style:none;
display:inline;
}


li.menu2 {
width:160px;
height:4px;
padding:0px;
margin:0px;
list-style-type:none;
list-style:none;
border:none;
display:inline;

}

li.menu1 a {
	width:160px;
	height:26px;
	display:block;
	color:transparent;
}

li.menu1 a img {display:none;height:62px;width:69px;position:absolute;top:7px;border:none;}
li.menu1 a span {display:block;height:26px;width:160px;line-height:26px;width:160px;cursor:pointer;}
li.menu1 a span em {visibility:hidden;line-height:20px;height:20px;color:transparent;}
li.menu1 a:hover{background-position:160px;}
li.menu1 a:hover img {display:block;float:none;}
a#nav1 {background-image:url("nav1_.jpg");}
a#nav2 {background-image:url("nav2_.jpg");}
a#nav3 {background-image:url("nav3_.jpg");}
a#nav4 {background-image:url("nav4_.jpg");}
a#nav5 {background-image:url("nav5_.jpg");}
a#nav6 {background-image:url("nav6_.jpg");}
a#nav7 {background-image:url("nav7_.jpg");}
a#nav8 {background-image:url("nav8_.jpg");}

li.menu2 span {display:block;height:4px;width:160px;line-height:4px;width:160px;font-size:4px;}

span#nav1a {background-image:url("nav1a.png");}
span#nav2a {background-image:url("nav2a.png");}
span#nav3a {background-image:url("nav3a.png");}
span#nav4a {background-image:url("nav4a.png");}
span#nav5a {background-image:url("nav5a.png");}
span#nav6a {background-image:url("nav6a.png");}
span#nav7a {background-image:url("nav7a.png");}
span#nav8a {background-image:url("nav8a.png");}

li.menu3 {
width:160px;
padding:0px;
margin:0px;
list-style-type:none;
list-style:none;
}


div.menu {
background-color:#0e0e0e;
 font-size:10px;
margin:0px;
padding-bottom:5px;
padding-top:2px;
padding-left:5px;
padding-right:5px;

}


div.menu p {
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
margin-right:5px;
}


div.menu a {
color:#995e00;
font-weight:bold;
text-decoration:none;
}

div.menu a:hover {
color:#ffab00;
font-weight:bold;
text-decoration:underline;
}

div.menu a:visited {

font-weight:bold;
text-decoration:none;
}




#main {
	margin: 0px auto 0 auto; /* t, r, b, l : centers the thing */
	width: 936px;
	position:relative;
margin-top:0px;
}

#top {
	float: center;
width: 936px;
height: 62px;
padding-top:7px;
}

#left {
	float: left;
width: 160px;
}

#right {
	float: right;
width: 160px;
}

#center {
	margin: 3px 3px 3px 163px;
	background: none;
	width: 610px;
}
a.cover{
	width:610px;
	display:block;
}
a.book {height:152px;}
a.chapter {height:93px;}
a.cover:hover {background-position:610px;}
a.cover span {display:none;}
div.cover > p{margin:0px auto;}
div.cover  br {height:0px;}
div.comic {
width:610px;
padding-top:4px;
padding-bottom:5px;
background-color:#0e0e0e;
}

div.comic p {
  margin:0;
  padding:0;
}

div.comic img {
  border:none;
}

div.comic a:link {
  color:#000000;
}

div.comic a:visited {
  color:#000000;
}

div.comic a:hover {
  color:#000000;
}


span.mt-enclosure img {border:none;}}