/** SCROLLBAR */
/* For the "inset" look only */

/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #454748; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #454748; 
}

/** THE REST */

html, body {height: 100%;}
body { 	background:#1a1819 url('images/42-3.jpg');
	background-attachment:fixed;
	margin: 0px;
	font-size: 14px;
	font-family: "Arial";
	text-align: center;
	color: #babfc1;
	overflow-x: hidden; 
}
	
	a:link, a:active {
		font-size: 14px;
		font-family: "tahoma";
		color: #c5c8cf;
		text-decoration: none;
		
		}
		
	a:visited {
		color:#52596a;}

	a:hover  	{background: #4f5a75;
		color: #ffffff; font-weight: bol;
		text-decorat-ion:underline overline;
		border:solid 0px red;
		border-top-left-radius:7px;
		border-top-right-radius:7px;
		border-bottom-left-radius:7px;
		border-bottom-right-radius:7px;
	}
	
h3 {
	width:200px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	letter-spacing:4px;
	font: italic bold 18px Georgia, serif;
	text-align:left;
	color: black;
	margin-top: 20px;
	margin-bottom:-28px;
	padding-left:20px;
	border: dotted solid 1px;
	background: #969696;}
	
h4 {text-align:left;
	margin-left:0px;
	letter-spacing:1px;
	font:14px Georgia, serif;
	color:white;
	border-bottom:double 1px #969696;
	margin-bottom:-10px;
	}
	
h2 {text-align:left;
	margin-left:0px;
	letter-spacing:1px;
	font:14px Georgia, serif;
	color:#4f5a75;
	border-bottom:double 1px #969696;
	margin-bottom:-10px;
	}
	
h1 {
	width:200px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	letter-spacing:4px;
	font: italic bold 18px Georgia, serif;
	text-align:right;
	color: black;
	margin-top: 20px;
	margin-bottom:-28px;
	padding-right:20px;
	margin-right:0px;
	margin-left:auto;
	border: dotted solid 1px;
	background: #969696;}
	
p.linepiece {
  	height: 1px; width:400px;
	border-top: solid 1px #babfc1;
	margin-left: auto ;
  	margin-right: auto ;
  	margin-top:-5px; margin-bottom:-3px;
	}
	
p { 
	text-align:left;
	margin-left:10px;
	border-left: dotted 1px #969696;
	padding-left:5px;
	padding-top:5px;
	margin-top:9px;	}
	
.block {
	text-align: left;
	margin-left:10px;
	padding-left:5px;
	padding-top:5px;
	margin-top:9px;}
	

div.up{
	position:absolute; top:0px;left:0px;}
	
#about {overflow-x: hidden; 
	overflow-y: scroll;
	width:619px; height:945px;
	position:absolute;top:0px;left:0px;
	display:block;padding-top:25px;
	text-align:left;
	}
	
#sound {overflow-x: hidden; 
	overflow-y: scroll;
	width:619px; height:945px;
	position:absolute;top:0px;left:0px;
	display:block;padding-top:25px;
	text-align:left;
	color:#cccccc;
	}
	
	
div#archive {
	width:619px; height:945px;
	position:absolute;top:0px;left:0px;
	display:block;padding-top:25px;
	text-align:left;
	}
	
	#archivealign{
		width:500px;
		margin-left:auto;
		margin-right:auto;
		}

div#comic {
	background-color:black;
	width:619px; height:945px;
	position:absolute;top:0px;left:0px;
	display:block;
	}
	
div#navbar{
	width:619px;height:31px;
	z-index:1;  opacity:.7;
	position:absolute; top:915px;left:0px;
	padding:0px;
	background-color:black;}
	
.imagepadding {
	padding-bottom:5px;
	}
	
/**	Setup */

ul.cssmenu {
	z-index:2; opacity:.7;
	position:absolute; top:905px;left:0px;
	list-style: none; 
	padding: 0px;
	}
.displace {
	position: absolute;
	left: -5000px;
	}
ul.cssmenu li {
	float: left;
	}
ul.cssmenu li a {
	display: block;
	width: 61px;
	height: 26px;
	background: url('images/newnav.png');
	}
	
/**	Normal Links */

ul.cssmenu li.first a {
	background-position: 0 0;
	}
ul.cssmenu li.back a {
	background-position: -61px 0;
	}
ul.cssmenu li.next a {
	background-position: -122px 0;
	}
ul.cssmenu li.last a {
	background-position: -183px 0;
	}

/**	Hover Links */

ul.cssmenu li.first a:hover {
	background-position: 0 -26px;
	}
ul.cssmenu li.back a:hover {
	background-position: -61px -26px;
	}
ul.cssmenu li.next a:hover {
	background-position: -122px -26px;
	}
ul.cssmenu li.last a:hover {
	background-position: -183px -26px;
	}
	
a.rollover {
	display: block;
	width: 61px;
	height: 26px;
	text-decoration: none;
	background: url("images/archive.png");
	z-index:2; opacity:.7;
	position:absolute; top:915px;left:550px;
	}

a.rollover:hover {
	background-position: -61px 0;
	}

.displace2 {
	position: absolute;
	left: -5000px;
	}

/**	top navigation */

	div#navbartop{
	width:619px;height:31px;
	z-index:1;  opacity:.7;
	position:absolute; top:0px;left:0px;
	padding:0px;
	background-color:black;}
	


ul.cssmenutop {
	z-index:2; opacity:.7;
	position:absolute; top:1px;left:0px;
	list-style: none; 
	padding: 0px; margin:0px;
	}
.displace {
	position: absolute;
	left: -5000px;
	}
ul.cssmenutop li {
	float: left;
	}
ul.cssmenutop li a {
	display: block;
	width: 61px;
	height: 26px;
	background: url('images/newnav.png');
	}
	
/**	Normal Links */

ul.cssmenutop li.first a {
	background-position: 0 0;
	}
ul.cssmenutop li.back a {
	background-position: -61px 0;
	}
ul.cssmenutop li.next a {
	background-position: -122px 0;
	}
ul.cssmenutop li.last a {
	background-position: -183px 0;
	}

/**	Hover Links */

ul.cssmenutop li.first a:hover {
	background-position: 0 -26px;
	}
ul.cssmenutop li.back a:hover {
	background-position: -61px -26px;
	}
ul.cssmenutop li.next a:hover {
	background-position: -122px -26px;
	}
ul.cssmenutop li.last a:hover {
	background-position: -183px -26px;
	}
	
a.rollovertop {
	display: none;
	width: 61px;
	height: 26px;
	text-decoration: none;
	background: url("images/archive.png");
	z-index:2; opacity:.7;
	position:absolute; top:1px;left:550px;
	}

a.rollovertop:hover {
	background-position: -61px 0;
	}

.displace2 {
	position: absolute;
	left: -5000px;
	}
	
	
.music {background-color: transparent;
	height:81px;
	position:relative;
	opacity:.6; color:black;
	text-align:left;
	margin:0px;}
	
.musictable {
	width:434px; height:120px;
	padding:0px;
	border-top:dotted 0px #ccc;
	border-bottom:dotted 0px #ccc;
	padding-bottom:20px;}
	
.album {margin:0px;
	float:left;
	position: relative;}
	
.albumtitle{
	height:39px;
	border-bottom:solid 1px #666565;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
	
.quote{
	background:#323334;
	opacity:.7;
	padding:10px;
	font-size:13px;
	color:#99b3c0;
	font-family: "Palatino Linotype" Book Antiqua Palatino, serif;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	text-align: justify;}
	
.saidby{
	width:100%;
	font-size:14px;
	color:white;
	padding-top:5px;
	padding-right:10px;
	float:right;
	display:block;
	font-style: italic;
	text-align:right;}
	
.lexicon{
	text-align: left;
	margin-left:10px;
	padding-left:5px;
	padding-top:5px;
	margin-top:9px;}
	
.lexicon em {
	font-family: "times new roman", serif;
	position:relative; right:15px;
	margin-right:-15px;}
	
dd {
	padding-bottom:10px;
	padding-top:5px;
	border-bottom: dotted #ccc 1px;}
dt {
	padding-top:10px;}
	
	dt strong{
		font-size:17px;
		text-transform: uppercase;
		color:white;}
		
/** CHARACTERS*/

.characters {
	height:283px;
	text-align: left;
	position:relative; top:10px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:middle;	}
	.characters p{
		vertical-align:center;
		border:0px;
		margin-top:170px;
		color:#8392b7;
		}
	.characters img{
		padding-right:10px;}
	.characters em{
		font-family:"times new roman", serif;
		color:white;}
	.characters strong{
		color:#4f5a75;}
		
/** GLOSSARY IAMGES */
.glossaryimages {
	margin-left:auto;margin-right:auto;
	padding-top:10px;padding-left:25px;}
	

/** ACQUIRE PAGE*/
	
.paypal {
	position:relative; top:-40px;
	padding-left:17px;}
	
em, em a:link {
	font-family: "time new roman", serif;
	font-style: italic;
	color:#767676;
	padding-left:10px;
	background:;
	padding-right:10px;}
	
strong {
	font-size: 17px;}
	
#shirt {
	position:relative; top:-50px;
	padding-left:60px;
	}
.poster{
	padding:5px;
	text-align:center;}