/* LOVEFEAST - ITAD */

a, a:link { color:#F20000; text-decoration:none; }
a:visited { color:#830000; text-decoration:none; }
a:hover { color:#BFBFBF; text-decoration:none; }
a:active { color:#FFEDED; text-decoration:none; }
a img { border: 0; }
p { margin: 0 0 16px; line-height:16px; }
#logo, .spacer-logo { display: none; }

html { padding:0; margin:0; border:0; height:100%; background:#353535 url(../images/skin/bg5.png) repeat; }

body {
	background: url(../images/skin/bg5-sides.jpg) no-repeat top center;
	font-family: Geneva, Tahoma, Verdana, sans-serif;
	color: #F2F2F2;
	cursor: default;
	font-size: 11px;
  	text-align: center;
	margin: 0;
	padding: 0;
	border:0;
	height:100%;
}

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

#header {
	margin:0 auto;
	background: #242424 url(../images/skin/top5.jpg) no-repeat center;
	width: 650px;
	height: 130px;
	position:relative;
}

#navigation {
	width: 100%;
	z-index:1;
	text-align:center;
	position:relative;
}

#naviarea {
	width: 646px;
	margin:0 auto;
}

#side {
	float: left;
	width: 105px;
	position: absolute;
	top:15px;
	left:0;
	border-right:1px solid #585858;
	border-bottom:1px solid #585858;
	font-size:10px;
	margin:0;
	padding: 8px;
	padding-top: 15px;
	overflow: hidden;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
}

#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; }

#form1 { text-align:left; } 
.content { background: #6F6F6F url(../images/skin/bg5-2.jpg) no-repeat top center; }

#main {
	width: 644px;
	text-align: center;
	margin: 0 auto;
 	border-left:3px solid #353535;
	border-right:3px solid #353535;
	position:relative;
}

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

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

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

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

.comictop { margin-top:15px; padding-left:115px; }

#news { margin:0 auto; margin-left:130px; width:75%; }

#footer { background:#585858; border-top:6px double #353535; padding-top:35px; position:relative; bottom:0; width:100%; height:50px; font-size:10px; color:#6F6F6F; }

#nav, #nav ul { /* The overall look of the navigation */
	float: left;
	width: 100%;
	list-style: none;
	font-weight: bold;
	padding:0;
	margin: 0 auto;
	border:1px solid #353535;
	border-bottom:6px double #353535;
	background: #585858;
	text-transform: uppercase;
	font-size:11px;
	font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif;
	text-shadow: 1px 1px 1px #111;
}

#nav a { display: block; margin: 0 auto; padding: 3px 0; } /* Links on the top navigation */

#nav a:hover { color:#FFEDED }
#nav li { float: left; width: 76px; background:#353535 url(../images/skin/5shad.jpg) repeat-x center; border:2px solid #585858; } /* Look of individual sections of top links */

#nav li ul { /* Dropdown section */
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	text-transform: none;
	margin-top: 2px;
}

#nav li li { padding-right: 0.5em; width: 13em; background:none; }

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

#nav li ul a { width: 13em; w\idth: 9em; }
#nav li ul ul { margin: -1.75em 0 0 14em; }
#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: #990E00; }

.spacer-header { width:650px; height:115px; } /* Header image */

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

input, textarea {
	font-family: Geneva, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color:#F2F2F2;
	background: #353535 url(../images/skin/bg5.png);
	border: 1px solid #990E00;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, serif;
	color: #830000;
	font-weight: bold;
	margin: 6px;
}

h1, h2 { text-shadow: 2px 2px 2px #555; }
h3 { text-shadow: 2px 2px 1px #555; }

.str { text-decoration: line-through }
.und { text-decoration: underline }
.reading { font-size: 12px; text-align: left; }
.cancan { border: 1px solid #353535; padding:1px; }
.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; top:160px; right:-55px; background:#6F6F6F; width:165px; height:628px; padding:8px 0 0 5px; z-index:3; }
#pw-banner { margin: 0 auto; width: 468px; padding-bottom:15px; }

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

.spoiler { background:#353535; color:#F2F2F2; 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:#353535; }
.spoiler a:hover {color:#F2F2F2; }
.spoiler h3 { color:#F2F2F2; }

/* Clear fixes */

clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }