/* LOVEFEAST - Hibiku */

@font-face {
font-family: "Fertigo Pro Regular";
src: url("../images/skin/fonts/Fertigo_PRO.otf") format("opentype");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

a, a:link { color:#007999; text-decoration:none; }
a:visited { color:#001D30; text-decoration:none; }
a:hover {c olor:#FBFAEF; text-decoration:none; }
a:active { color:#fff; text-decoration:none; }
a img { border: 0; }
p { margin: 0 0 1.5em; line-height:15px; }

html { padding:0; margin:0; border:0; height:100%; }

body {
	background:#001D30 url(../images/skin/bg2.jpg) repeat;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #8C886A;
	cursor: default;
	font-size: 12px;
  	text-align: center;
	margin: 0;
	padding: 0;
	border:0;
	height:100%;
}

input, textarea {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color:#A7A37E;
	background: #007999 url(../images/skin/bg2.jpg);
	border: 1px solid #001D30;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
}

#container { margin: 0 auto; width: 850px; min-height:100%; height:100%; position:relative; }

#header {
	position: fixed;
	top:0;
	left:0;
	background: url(../images/skin/top2.png) no-repeat;
	width: 263px;
	height: 544px;
	z-index:1;
}

.spacer-header { width:263px; height:544px; } /* Header image */

#navigation {
	position: absolute;
	top: 18px;
	right: 45px;
	width: 45px;
	height:630px;
	z-index:2;
}

#side {
	float: left;
	width: 105px;
	margin: 7px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background:#E6E2AF;
	font-size:11px;
	overflow: hidden;
}

#twitter ul, #twitter li { text-align:left; width:90%; list-style-type: none; margin-left:-17px; font-size:10.4px; }
#twitter li { padding-bottom: 5px; }
#logo, #nav li ul li, .spacer-logo { display:none; }

#form1 { text-align:left; }

#main {
	width: 700px;
	height:100%;
	text-align: center;
	position:relative;
	top:0;
	padding:0;
	margin:0 auto;
}

#main .inside li { margin-bottom:6px; }

.inside { width: 95%; margin: 0 auto; padding-top:15px; }

.inside2 { width: 70%; margin: 0 auto; padding-top:15px; }

.inside:after, .inside2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.comictop { padding-left:55px; }

.content { background: #E6E2AF url(../images/skin/bg2-2.jpg) no-repeat bottom; width: 100%; text-align: center; }

#footer { background: #E6E2AF; padding:10px; font-size:10px; }

#news { margin-left: 95px; width:72%; }

.home {display:block; background: url(../images/skin/2-home.jpg) no-repeat; width:45px; height:82px;}
	.home:hover {background: url(../images/skin/2-home-over.jpg) no-repeat;}

.comic {display:block; background: url(../images/skin/2-comic.jpg) no-repeat; width:45px; height:67px;}
	.comic:hover {background: url(../images/skin/2-comic-over.jpg) no-repeat;}

.galleries {display:block; background: url(../images/skin/2-galleries.jpg) no-repeat; width:45px; height:95px;}
	.galleries:hover {background: url(../images/skin/2-galleries-over.jpg) no-repeat;}

.cast {display:block; background: url(../images/skin/2-cast.jpg) no-repeat; width:45px; height:55px;}
	.cast:hover {background: url(../images/skin/2-cast-over.jpg) no-repeat;}

.info {display:block; background: url(../images/skin/2-info.jpg) no-repeat; width:45px; height:50px;}
	.info:hover {background: url(../images/skin/2-info-over.jpg) no-repeat;}

.extra {display:block; background: url(../images/skin/2-extras.jpg) no-repeat; width:45px; height:80px;}
	.extra:hover {background: url(../images/skin/2-extras-over.jpg) no-repeat;}

.link {display:block; background: url(../images/skin/2-links.jpg) no-repeat; width:45px; height:65px;}
	.link:hover {background: url(../images/skin/2-links-over.jpg) no-repeat;}

.contact {display:block; background: url(../images/skin/2-contact.jpg) no-repeat; width:45px; height:111px;}
	.contact:hover {background: url(../images/skin/2-contact-over.jpg) no-repeat;}


#nav, #nav ul, #nav li, #nav a {/* The overall look of the navigation */
	float: left;
	width: 100%;
	list-style: none;
	line-height: 0;
	padding: 0;
	margin: 0;
	font-size:0;
	border:0;
}

.moreinfo { margin:0 auto; text-align: left; width: 70%; }
.important { font-size: 15px; font-weight: bolder; text-transform: uppercase; color: #FF0000; }

h1, h1 a {
	font-family: "Fertigo Pro Regular", Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #007999;
	font-weight: bolder;
	letter-spacing: -1pt;
	word-spacing: 3pt;
	text-shadow: 2px 2px 2px #BAB67F;
	margin: 2px;
}

h2, h2 a {
	font-family: "Fertigo Pro Regular", Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #007999;
	font-weight: bolder;
	letter-spacing: 1pt;
	word-spacing: 3pt;
	text-shadow: 2px 2px 2px #BAB67F;
}

h3, h3 a {
	font-family: "Fertigo Pro Regular", Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #007999;
	font-weight: bolder;
	word-spacing: 2pt;
	text-shadow: 2px 2px 1px #BAB67F;
}

.str { text-decoration: line-through }
.und { text-decoration: underline }
.reading { font-size: 12px; text-align: left; }
.cancan { border: 1px solid #002F2F; }
.mature { border: 1px solid #FF0000; color:#FF0000; }
.spoil { border: 1px solid #0074D9; color:#0074D9; }
.sparklies { background: url(../sparklies.gif) fixed repeat; }
#pw-sky { position:absolute; right:-55px; top:620px; background:#01799B; width:165px; height:630px; padding:7px 0 0 5px; z-index:3; }
#pw-banner { margin: 0 auto; width: 468px; padding-bottom:15px; }
#wcpc { position:absolute; right:10px; top:10px; z-index: 99; }

.artwork img { border: 1px solid #000; }
.artwork a { opacity: 0.6; }
.artwork a:hover { opacity: 1; }

.spoiler { background:#001D30; color:#001D30; width:270px; margin-bottom:15px; margin:0 auto; border:0; padding:3px; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius:11px; }
.spoiler a { color:#001D30; }
.spoiler a:hover { color:#FBFAEF; }
.spoiler h3 { color:#FBFAEF; }