@charset "UTF-8";

img {
	border:0px;
	}
body {
	margin:0px;
	background: url(images/Header.jpg) center top no-repeat #ffffff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:justify;
	color:black;
	}
#logo {
	position:relative;
	margin: 15px auto auto auto;
	width:416px;
	}
#nav {
	margin:265px auto 0px auto;
	width:500px;
	height:90px;
	text-align:center;
	}
#nav li{
	position:relative;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
}
#BDlink {
	margin:0px auto 0px auto;
	width:300px;
	padding: 4px;
	text-align:center;
	background: white;
	border-radius: 10px;
	}
.col1{
	margin-left:10px;
}
.col2{
	margin-left:140px;
}
.col3{
	margin-left:275px;
}
.first{
	margin-top:-80px;
}
#banner {
	position:relative;
	margin:10px auto 0px auto;
	width:468px;
	text-align:center;
	}
#comic {
	position:relative;
	margin: auto auto auto auto;
	width:750px;
	}
#news {
	position:relative;
	margin:25px auto auto auto;
	max-width:900px;
	min-height:400px;
	}
#news2 {
	position:relative;
	margin:25px auto auto auto;
	width:650px;
	min-height:400px;
	}
.newsicon {
	float:left;
	margin:0px 10px 0px 0px;
	}
#newstext {
	padding:0px 10px 10px 10px;
	}
#newsad {
	float:right;
	text-align:center;
	padding:0px 10px 10px 20px;
	display:block;
	width:300px;
	}
.random {
	margin:10px;
	font-size:13px;
	padding:10px 25px 10px 25px;
	background: url(images/RandomBG.jpg) top left no-repeat;
	min-height:300px;
	}
.random span.charname {
	font-size:16px;
	margin:10px 0px 10px 0px;
	text-align:center;
	}
#content {
	margin:auto;
	padding: 20px 0px 0px 0px;
	max-width:900px;
	margin:auto;
	position:relative;
	background: url(images/Content.png) top no-repeat;
	}
#content p {
	padding:0px 40px 0px 40px;
	}
.random h1 {
	font-size:14px;
	text-indent:0px;
	text-align:center;
	}
.comicnav {
	width:750px;
	height:50px;
	position:relative;
	margin:auto auto 5px auto;
	text-align:center;
	vertical-align:bottom;
	}
#footer {
	width:100%;
	text-align:right;
	font-size:12px;
	height:248px;
	background: url(images/Footer.jpg) no-repeat left bottom;
	}
#copyright {
	padding:207px 10px 10px 0px;
	}
#pagetitle {
	float:left;
	padding: 0px 20px 0px 0px;
	}
#content-center {
	margin:auto;
	padding: 20px 0px 0px 0px;
	max-width:900px;
	margin:auto;
	position:relative;
	text-align:center;
	background: url(images/Content.png);
	}
img.preload {
	width:0px;
	height:0px;
	}
/* Styles */
.fanart {
	margin-top:40px;
	}
.commons {
	float:right;
	padding:0px 0px 0px 10px;
	}
p.center {
	text-align:center;
	text-indent:0px
	}
.right {
	float: right;
	}
.left {
	float:left;
	}
h1	{
	font-size:18px;
	text-indent:40px;
	}
	
p {
	margin:0px 0px 10px 0px;
	text-indent:40px;
	}
p.first {
	margin:40px 0px 40px 0px;
	}
span.s {
	text-decoration:line-through;
	}
span.red {
	color:red;
	font-weight:bold;
	}
.fanfiction {
	}
.fanfiction a {
	font-weight:bold;
	}
.sfpg {
	text-align:center;
	clear:left;
	margin: auto auto 40px auto;
	position:relative;
	width:750px;
	}
.nocomment {
		color: #cccccc;
		}
/* Archives */

#chapters {
	text-align:left;
	margin:40px 0px 0px 0px;
	}
#chapters p {
	text-indent:-45px;
	padding: 0px 0px 0px 45px;
	margin:5px;
	}
.archiveexamples {
	margin:40px auto auto auto;
	position:relative;
	}
.archiveexamples td {
	height:30px;
	width:150px;
	text-align:center;
	}
#archives td {
	padding:2px;
	vertical-align:top;
	font-size:13px;
	}
#archives td.chaptertitle {
	text-align: center;
	padding: 0px 25px 30px 25px;
	}
#archives td.chaptertitle h2 {
	font-size:16px;
	}
p.search {
	margin:40px 0px 0px 0px;
	text-indent:0px;
	}
.arr1 {
text-align:right;
}
.arr2 {
text-align: right;
color: #444444;
}
.arr3 {
text-align:left;
}
.barr1 {
background-color:#DADADA;
text-align:right
}
.barr2 {
background-color:#DADADA;
text-align: right;
}
.barr3 {
background-color:#DADADA;
text-align:left;
}
.garr1 {
background-color:#CCCCFF;
text-align:right
}
.garr2 {
background-color:#CCCCFF;
text-align: right;
}
.garr3 {
background-color:#CCCCFF;
text-align:left;
}
.farr1 {
background-color:#CCFFCC;
text-align:right
}
.farr2 {
background-color:#CCFFCC;
text-align: right;
}
.farr3 {
background-color:#CCFFCC;
text-align:left;
}
	
/* Chat */

#chatrules {
	border:2px solid black;
	margin:0px 0px 0px 15px;
	}
#chatrules h2 {
	margin: 15px auto 10px auto;
	text-align:center;
	}
#chatrules p {
	margin: 15px 15px 15px 15px;
	}
#chatrules ol {
	list-style-type:upper-roman;
	margin: 15px 15px 15px 5px;
	}
#chatrules ol li {
	margin:0px 0px 5px 0px;
	}
#chatinfo {
	border:1px dotted black;
	padding:20px;
	width:450px;
	text-align:center;
	margin:20px auto 20px auto;
	position:relative;
	}
#chatrules ul  {
	list-style-type:none;
	margin: 15px 35px 15px 5px;
	}
	
/* Cast */
.cast {
	width:100%;
	text-align:center;
	}
.cast a {
	display:inline-block;
	width:100px;
	height:100px;
	background:url(images/CastIcon.jpg) top left no-repeat;
	border: white solid 1px;
	}
.cast a:hover {
	border: black solid 1px;
	}
a.Joel	{
	background-position:-400px 0px;
	}
a.Matt	{
	background-position:-700px 0px;
	}
a.Artie	{
	background-position:-500px 0px;
	}
a.Nicole	{
	background-position:-0px 0px;
	}
a.Roland	{
	background-position:-100px 0px;
	}
a.Rick	{
	background-position:-200px 0px;
	}
a.Angie	{
	background-position:-800px 0px;
	}
a.Melusine	{
	background-position:-600px 0px;
	}
a.Miranda	{
	background-position:-300px 0px;
	}
a.Dave {
	background-position:-900px 0px;
	}
.minor {
	width:100%;
	text-align:center;
	}
.minor a {
	display:inline-block;
	width:63px;
	height:63px;
	background:url(images/MinorCast.jpg) top left no-repeat;
	border: white solid 1px
	}
.minor a:hover {
	border: black solid 1px
	}
a.Thonnen {
	background-position:0px 0px;
	}
a.Kelly {
	background-position:-63px 0px;
	}
a.Zoe {
	background-position:-126px 0px;
	}
a.Kate {
	background-position:-189px 0px;
	}
a.Milli {
	background-position:-252px 0px;
	}
a.Lor {
	background-position:-315px 0px;
	}
a.Tim {
	background-position:-378px 0px;
	}
a.Cecil {
	background-position:-441px 0px;
	}
a.Valae {
	background-position:-504px 0px;
	}
a.Chelsie {
	background-position:-567px 0px;
	}
a.Clive {
	background-position:-693px 0px;
	}
a.Clarissa {
	background-position:-756px 0px;
	}
a.Tom {
	background-position:-819px 0px;
	}
.charname {
	font-size:16px;
	margin:10px 0px 10px 0px;
	}
.black {
	font-weight:bold;
	margin:10px 0px 10px 0px;
	}
.charportrait_left {
	font-size:10px;
	text-align:center;
	float:left;
	padding:0px 10px 0px 10px;
	}
.charportrait_right {
	font-size:10px;
	text-align:center;
	float:right;
	padding:0px 10px 0px 10px;
	}
.charportrait_left a {
	border:1px white solid;
	display:block;
	}
.charportrait_left a:hover {
	border:1px #dddddd solid;
	}
.charportrait_right a {
	border:1px white solid;
	display:block;
	}
.charportrait_right a:hover {
	border:1px #dddddd solid;
	}
a.hidden {
	color:black;
	text-decoration:none;
	}
a.hidden:hover {
	color:black;
	border-bottom:1px #dddddd solid;
	}
.secret {
	display:none;
	}
.minorportrait {
width:250px;
	}
.bio { 
	display:block;
	clear:both;
	padding:40px 0px 40px 0px;
	}

/* Info */
#info h1 {
	text-indent:0px;
	font-size:18px;
	padding:20px 0px 10px 0px;
	}
#info h2  {
	text-indent:20px;
	font-size:16px;
	}
#info p {
	text-indent:20px;
	margin:0px 10px 5px 10px;
	color:#333333;
	}
#info img.right {
	padding:10px 0px 0px 10px;
	}
#info img.left {
	padding:0px 10px 0px 50px;
	}
#info div.bio {
	padding:0px 0px 40px 0px;
	}
/* Links */
	
body a {
	color:#013571;
	text-decoration:none;
	}
body a:hover {
	color:#837EFF;
	}
#nav a {
	color:#013571;
	text-decoration:none;
	padding:2px;
	display:block;
	font-weight:bold;
	width:150px;
	}
#nav a:hover {
	font-weight:bold;
	color:#837EFF;
	}
#BDlink a {
	color:#013571;
	text-decoration:none;
	font-weight:bold;
	}
#BDlink a:hover {
	font-weight:bold;
	color:#837EFF;
	}
.lilimmy a {
	display:inline-block;
	width:64px;
	height:64px;
	background: url(images/lilimmy.png);
	}
a.twitter {
	background-position:0px 0px;
	}
a.twitter:hover {
	background-position:0px 64px;
	}
a.livejournal {
	background-position:192px 0px;
	}
a.livejournal:hover {
	background-position:192px 64px;
	}
a.furaffinity {
	background-position:128px 0px;
	}
a.furaffinity:hover {
	background-position:128px 64px;
	}
a.immelfeed {
	background-position:64px 0px;
	}
a.immelfeed:hover {
	background-position:64px 64px;
	}
.comicnav a {
	display:inline-block;
	height:50px;
	margin:0px;
	padding:0px;
	}
.comicnav a:hover{
	background-position:0px 50px;
	}
.nav-prev{
	width:108px;
	background: url(images/ComicNav_01.png) top right;
	float:left;
	}
.nav-first {
	width:79px;
	background: url(images/ComicNav_02.png) top right;
	float:left;
	}
.nav-last {
	width:98px;
	background: url(images/ComicNav_03.png) top right;
	float: right;
	}
.nav-next {
	width:116px;
	background: url(images/ComicNav_04.png) top right;
	float: right;
	}
	
#archives a {
	padding:2px;
	}
.hiddentext {
	color:white;
	}
.white {
	color:white;
	}
.announce {
	font-size:20px;
	padding:5px;
	border:red thin solid;
	width:750px;
	background:white;
	margin:0px auto 0px auto;
	text-align:center;
	}
.anno {
	width:100%;
	text-align:center;
	}
.streamvideo {
	text-align:center;
	padding:2px;
	}
.streamchat {
	text-align:center;
	padding:2px;
	width:950px;
	margin:0px auto 0px auto;
	}
.chatrules {
	background:white;
	height:385px;
	text-align:left;
	padding:4px;
	}
.streamchat2 {
	text-align:center;
	padding:2px;
	}
.chatrules2 {
	background:white;
	text-align:left;
	padding:4px;
	}
.chatrules3 {
	background:white;
	text-align:left;
	padding:4px;
	width:640px;
	}
.streamvideo3 {
	text-align:center;
	padding:2px;
	width:644px;
	margin:0px auto 0px auto;
	}
.streamtableholder {
	text-align:center;
	margin:0px auto 0px auto;
	width:100%;
	}
.strike {
	text-decoration: line-through;
	font-weight: bold;
	}