body {
     margin: 0; 
     padding: 2px;
     font-family: Arial, Helvetica, Geneva, sans-serif;
     background: #a3a3a3;
     background-image: url("images/concrete.jpg");
     color: #efefef;
     text-align:center;
     min-width:800px;
     }

body.page {background: #000000; background-image: none;}
     
H1 {font-weight:bold; font-size: 72px; margin:0px;}
H2 {font-weight:bold; font-size: 58px; margin:0px;}
H3 {font-weight:bold; font-size: 34px; margin:0px;}

#header {position:absolute;  top:0px; left:0px; width:100%; }

#header span, .nav{
	display:block;
	position: relative;
	width: 600px;
	top:-2px;
	margin-left:auto; 
	margin-right:auto;
	background-color: #000000;
	color: #939393;
	border:1px solid;
	border-color: #770b00;
	z-index: 100;
	}
	
.journal {
	background-color: #000000;
	color: #939393;
	border:1px solid;
	border-color: #770b00;
	}
	
a.header {color: #939393; text-decoration:none; margin:10px; }
a.headless {color: #939393; text-decoration:none; margin:10px;}
a.header:hover {color:#ce0000;}
a.issue_link {color: #770b00; text-decoration:none;font-weight:bold;}
a.issue_link:hover {text-decoration:underline;}
#episode a.issue_link:hover {color: #eeeeee; text-decoration:underline;}
a.nav_link {color: #770b00; font-weight:bold;}
a.gallery {text-decoration:none; border: 0px;}

#about a{color:#cb1300;}

img.film {opacity:0.4;filter:alpha(opacity=40);}
img.film:hover {opacity:0.8;filter:alpha(opacity=80);}

td.title {text-align: right; font-weight:bold; vertical-align:top;}
td.downloads {vertical-align:top; width: 50%;}

div.map {position: absolute; left:0px; top:0px; z-index: 2;overflow:hidden;}
div.volone {position: absolute; left:0px; z-index: 2;}
div.photo {position: absolute; overflow:hidden;}
div.thumb {position: absolute; text-align: center;}
div.glock {position: absolute; right:0px; top:0px; z-index: 8; overflow:hidden;}

.char a #paper {z-index: 3;filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;}
.char a:hover #paper {z-index: 5;filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;}

#paper {
	background-image: url("images/burnt_small.gif");
	position:relative;
	width: 534px;
	height: 675px;
	left:50%; right:50%;
	left:0px; right:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-right:14px;
	padding-left:14px;
	top: 20px;
	text-align: center;
	font-size: 16px;
	font-variant: small-caps;
	color: #000000;
	z-index: 2;
	}
	
#paper_half {
	background-image: url("images/burnt_half.gif");
	position:relative;
	width: 534px;
	height: 425px;
	left:50%; right:50%;
	left:0px; right:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-right:14px;
	padding-left:14px;
	top: 20px;
	text-align: center;
	font-size: 16px;
	font-variant: small-caps;
	color: #000000;
	z-index: 2;
	}

#paper_mini {
	background-image: url("images/burnt_mini.gif");
	position:relative;
	width: 534px;
	height: 173px;
	left:50%; right:50%;
	left:0px; right:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-right:14px;
	padding-left:14px;
	top: 20px;
	text-align: center;
	font-size: 16px;
	font-variant: small-caps;
	color: #000000;
	z-index: 2;
	}
	
	
	
#splash_comic {
	width: 746px;height:1154px;	left:50%; right:50%;	left:0px; right:0px; 	margin-left:auto;
	margin-right:auto; position:relative;
	}
	
a#splashlink {display:block;height:1154px;width:746px;background-image:url("/episodes/E01/E01_P00.jpg"); left:50%; right:50%;	left:0px; right:0px; 	margin-left:auto;
	margin-right:auto; position:relative;}

a#splashlink:hover {background-image: url("/episodes/E01/E01_P43.jpg");}
	
#filmstrip {
	position: absolute; top: 20px; right: 10px; z-index: 7;	
	}

a.paper {color: #910d00;}
a.paper:hover {color: #de4b3c;}

#episode_header {position:absolute; top:30px; left:0px; z-index:20; width:100%; text-align:center;}
#episode_header img { border: 1px solid #770b00;}
.episode_index {display:block; width:1056px; height:250px; background:url(images/covers.gif) no-repeat; margin-top:0px; margin: 0 auto; position:static;}
.episode_index a {float:left; display:inline; width:176px; height:250px; text-decoration:none;}
.episode_index a span.hide {visibility:hidden;}

#episode {position:absolute; top:300px; left:0px; width:100%; text-align:center; padding-bottom:100px;}

#episode   span{
	position:relative;
	top: 20px;
}

#episode span table {background:#000000; width:600px;
	text-align:center; 
	border:1px solid #770b00;
}

#about {
	color: #eeeeee; 
	background: #000000; 
	width:480px; 
	text-align:justify; 
	border:1px solid; 
	border-color:#770b00;
	z-index: 24;
	position: relative;
	top: 20px;
	padding: 8px;
}

td.about {font-weight:bold; font-size: 20px;}
a.about {color: #990000;}

#diary {
	color: #111111; 
	background: #eeeeee; 
	width:480px; 
	text-align:justify;
	font-family: courier; 

	border:1px solid; 
	border-color:#770b00;
	z-index: 24;
	position: relative;
	top: 20px;
	padding: 8px;
     background-image: url("images/paper_wht.jpg");
}

td.about {font-weight:bold; font-size: 20px;}
a.about {color: #990000;}

div.footer {
	position: absolute;  
	bottom: 0px;
	right: 0px;
	z-index: 0;
	}
	
.darkenBackground {
background-color: #000000;
filter:alpha(opacity=70); /* IE */
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70: /* FireFox */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}