body.background
{
        background:#382006;
	margin: 0; 
        padding: 0;
	width:100%;
	height:100%;
}
div.background_image
{
	width:100%;
	height:100%;
	background-image:url(/images/background-tile.png);
	background-repeat:repeat-x;
}
div.column_box
{
	width: 735px;
	height: 519px;
  	margin-left: auto;
  	margin-right: auto;
  	background:url(/images/background-box-crushed.png);
  	background-color: transparent;
  	background-repeat:no-repeat;
}
div.top_box
{
	width:682px;
	height:256px;
	position:relative;
	top:81px;
	left:26px;
	background-repeat:no-repeat;
  	background:url(/images/top-box.jpg);
}
div.middle_box
{
	width:682px;
	height:132px;
	float: left;
	position:relative;
	top:81px;
	left:26px;
	background-repeat:no-repeat;
  	background:url(/images/middle-box.jpg);	
}
div.about
{
	z-index:1;
	position:relative;
	top:12px;
	left:12px;
	width:147px;
	height:96px;
}
a.aboutanchor
{
	display:block;
	background-image:url(/images/tweet-tweet.png);
	width:147px;
	height:96px;
}
a:hover.aboutanchor
{
	display:block;
	background-image:url(/images/tweet-tweet-hover.png);
	width:147px;
	height:96px;
}
div.illustrations
{
	z-index:1;
	position:relative;
	top:-84px;
	left:177px;
	width:147px;
	height:96px;	
}
.illustrations a
{
	display:block;
	background:url(/images/illustrations.png);
	width:147px;
	height:96px;
}
.illustrations a:hover
{
	display:block;
	float: left;
	background:url(/images/illustrations-hover.png);
	width:147px;
	height:96px;
}
div.comics
{
	z-index:1;
	position:relative;
	top:-180px;
	left:345px;
	width:147px;
	height:96px;	
}
.comics a
{
	display:block;
	background:url(/images/comics.png);
	width:147px;
	height:96px;
}
.comics a:hover
{
	display:block;
	background:url(/images/comics-hover.png);
	width:147px;
	height:96px;
}
div.contact
{
	z-index:1;
	float: left;
	position:relative;
	top:-348px;
	left:512px;
	width:147px;
	height:167px;	
}
.contact a
{
	display:block;
	background:url(/images/inkwell.png);
	width:147px;
	height:167px;
}
.contact a:hover
{
	display:block;
	background:url(/images/inkwell-hover.png);
	width:147px;
	height:167px;
}
span.preload
{
	display:none;
}
div.bottom_box
{
	float: left;
	position:relative;
	top:80px;
	left:26px;
}
div.bottom_box_header
{
	background-image:url(/images/bottom-box-header.jpg);
	width:682px;
	height:51px;
	background-repeat:no-repeat;
}
div.bottom_box_header_about
{
	background-image:url(/images/bottom-box-header-about.jpg);
	width:682px;
	height:51px;
	background-repeat:no-repeat;
}
div.bottom_box_header_ill
{
	background-image:url(/images/bottom-box-header-ill.jpg);
	width:682px;
	height:51px;
	background-repeat:no-repeat;
}
div.bottom_box_header_com
{
	background-image:url(/images/bottom-box-header-com.jpg);
	width:682px;
	height:51px;
	background-repeat:no-repeat;
}
div.bottom_box_header_comics
{
	background-image:url(/images/bottom-box-banner-comics.jpg);
	width:682px;
	height:12px;
	background-repeat:no-repeat;
}
div.bottom_box_container
{
	float:left;
	background-image:url(/images/bottom-box-containerIE.png);
	background-repeat:repeat;
	width:735px;
	position:relative;
	right:26px;
}
div.bottom_box_main
{
	float: left;
  	margin-right: 85px;
	background-image:url(/images/bottom-box-background.jpg);
	width:650px;
	background-repeat:repeat-y;
	position:relative;
	left:38px;
}

div.bottom_box_footer
{
	float: left;
	background-image:url(/images/bottom-box-footer.png);
	width:735px;
	height:105px;
	background-repeat:no-repeat;
	position:relative;
	top:80px;
}
h2, h3
{
	font-family: Calibri;
	color: #462c0a;
	text-align: center;
}
h4
{
	font-family: Calibri;
	color: #462c0a;
}
p
{
	font-family: Calibri;
	color: #462c0a;
	font-size: 12pt;
}
img
{
        border-style:none;
        border-color:transparent;
}
img.illustrations
{
        margin-left:9px;
        margin-right:9px;
}
ol.commentlist
{
	margin-left:0;
        padding-left: 0;
}
li.commentrow
{
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 1px;
        margin-top: 10px;
        margin-left: 0;
        background: #e9e3c2;
}
li.children
{
        padding-left: 5px;
        background: #d5cfb1;	

}
div.respond
{
        padding-left: 5px;
        padding-bottom: 5px;
	background: #e9e3c2;
}
/*Lightbox Code*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; z-index: 90; left: 0; width: 100%; height: 100%; background-color: #000; }