/* LOVEFEAST - Yu */

a, a:link { color: #fbe600; text-decoration:none; }
a:visited { color: #84342B; text-decoration:none; }
a:hover { color: #fff699; text-decoration:none; }
a:active { color: #fffde6; }
a img { border: 0; }
p { margin: 0 0 20px; line-height:20px; }
.spacer-header { display: none; }

body {
	background:#132E28 url(../images/skin/bg3.jpg) repeat fixed top left;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #ACFFCF;
	cursor: default;
	font-size: 13px;
	text-align:center;
}

@font-face {
font-family: "Gentium";
src: url("../images/skin/fonts/GenR102.TTF") format("truetype");
}
/* http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=gentium */

#container {
	margin:0;
	padding:0;
	width: 100%;
	min-width: 100%;
	text-align:center;
}

#header {
	z-index:2;
	position: absolute;
	left: 650px;
	top: 1px;
	width: 327px;
	height: 419px;
	background: url(../images/skin/yu/rotate.php) no-repeat;
}

/* Navigation position and shape */

#navigation {
	position: absolute;
	top: 430px;
	left: 730px;
	height: 490px;
	width: 100px;
	z-index:2;
	float: left;
}

.comictop { padding-top:30px; }

#side {
	width: 115px;
	padding: 5px;
	background: #ACFFCF url(../images/skin/bg3-3.jpg) no-repeat bottom left;
	color:#282927;
	border: 6px solid #2EB300;
	position: absolute;
	top: 60px;
	left:-110px;
  	text-align: center;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius:11px;
	float:left;
	font-size:11px;
	overflow: hidden;
}

#side p { line-height:16px; }

#side a:link { color: #D36554; }

#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 { background: url(../images/logo.png) no-repeat; width:305px; height:129px; position:absolute; left:185px; top:80px; z-index:4; }
.spacer-logo { width:305px; height:129px }

#form1 { text-align:left; }

#main {
	position: absolute;
	left:130px;
	top:160px;
	z-index:0;
  	text-align: center;
	width:645px;
	margin:0;
}

#main div.top { /* Top Left */
	background: url(../images/skin/3-topleft.png) no-repeat bottom left;
	width:100%;
}

#main div.top div.right { /* Top Right - a really long image */
	background:url(../images/skin/3-topright.png) no-repeat bottom right;
	height:25px;
	margin-left:25px;
	margin-bottom:-10px;
}

#main div.middle { /* left */
	background: #2EB300;
	clear:both;
	width:100%;
}

#main div.middle div.right { /* right */
	background: #2EB300;
}

#main div.middle div.right div.content { /* Main content area */
	background:#2EB300 url(../images/skin/bg3-2.jpg) no-repeat bottom left;
	color:#ACFFCF;
}

#main div.bottom { /* Bottom Left */
	background:url(../images/skin/3-bottomleft.png) no-repeat top left;
	clear:both;
	width:100%;
}

#main div.bottom div.right { /* Bottom Right - a really long image */
	background:url(../images/skin/3-bottomright.png) no-repeat top right;
	height:25px;
	margin-left:25px;
	margin-top:-10px;
}

.inside { width: 500px; margin: 0 auto; margin-top:10px; }

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

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

#news { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius: 15px; background:#3BBF0B; padding-top:10px; }

#footer { font-size:9px; }


#nav, #nav ul { /* The overall look of the navigation */
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #ACFFCF;
	font-weight: bold;
	padding:0;
	border: 4px solid #2EB300;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	text-align:left;
	text-shadow: 2px 2px 1px #84E3AC;
}

#nav a { /* Links on the top navigation */
	display: block;
	color: #F0512C;
	font-size: 15px;
	padding: 0.30em 2em;
}

#nav a:hover { color:#ACFFCF; }

#nav li { float: left; width: 8em; } /* Look of individual sections of top links */

#nav li ul { /* Dropdown section */
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	w\idth: 12em;
	border-width: 0.25em;
	margin: 0;
	font-weight: normal;
	text-shadow: 2px 2px 1px #84E3AC;
}

#nav li li { width: 13em; }

/* Dropdown links and...stuff I seldom touch */

#nav li ul a {
	width: 9em;
	margin-left: -15px;
	text-align: center;
}

#nav li ul ul { margin: -1.75em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { background: #2EB300; width:100%; } /* Dropdown hover highlight color */

input, textarea {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 13px;
	color:#ACFFCF;
	background: #132E28;
	border: 1px solid #F84322;
	text-align: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.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: "Palatino Linotype", "Book Antiqua", Gentium, Georgia, serif;
	font-size: 38px;
	color: #132E27;
	font-weight: bold;
	letter-spacing: -1pt;
	word-spacing: 3pt;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #238600;
	margin: 0;
}

h2, h2 a {
	font-family: "Palatino Linotype", "Book Antiqua", Gentium, Georgia, serif;
	font-size: 24px;
	color: #132E27;
	font-weight: bold;
	letter-spacing: 2pt;
	word-spacing: 4pt;
	text-transform: uppercase;
	text-shadow: 2px 1px 1px #238600;
	margin: 0;
}

h3, h3 a {
	font-family: "Palatino Linotype", "Book Antiqua", Gentium, Georgia, serif;
	font-size: 16px;
	color: #132E27;
	font-weight: bold;
	word-spacing: 3pt;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #238600;
}

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

.str { text-decoration: line-through }
.und { text-decoration: underline }
.reading { font-size: 12px; text-align:left; }
.cancan { border: 1px solid #102601; }
.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; left:740px; top:680px; border:3px solid #2EB300; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; background:#2EB300; width:170px; height:635px; z-index:1; padding:7px 0 0 5px; }
#pw-banner { margin: 0 auto; width: 468px; padding-bottom:15px; }

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

.spoiler { background:#132E28; color:#132E28; 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:#132E28; }
.spoiler a:hover { color:#ACFFCF; text-transform:none; }
.spoiler h3 { color:#ACFFCF; }