/*     css for Sea Land Sky    April 2007    */
/* webdesign.parkertorrence.com/zfrog/home/  */


body {
 background: #000 url('i/bg_tile.png') repeat 0 0;
 margin:0; padding:0;
 color: #4d3b38;
 font: 62.5%/1.7em  "Lucida Grande", LucidaGrande, Verdana,  sans-serif; 
 width: 99.9%;
}
img { border: none; }

a {
  color: #222;
  text-decoration: none; 
}
a:hover {
  color: #000;
  text-decoration: underline; 
}

h1, h2, h3, h4, p {
 padding: 0;
 margin: 0.5em 2% 0.75em; 
}
h1 {
 font-size: 1.8em;
 font-weight: 600; 
}
h2 {
 font-size: 1.6em;
 font-weight: 600; 
}
h3 {
 font-size: 1.4em;
 font-weight: 600; 
}
h4 {
 font-size: 1.3em;
 font-weight: 600; 
}
p {
 font-size: 1.2em;
 font-weight: 500; 
}
.hopright { text-align: right; }
p.hopright { margin-top: -10px; margin-bottom: 1em; }
.center { text-align: center; }
li {
 list-style: none;
 font-size: 1.3em;
 margin: 0.15em 5%;
 padding: 0; 
}
ul.toc {
  font-size: 0.8em;
  margin: 0;
  padding: 0; 
}
ul.toc li {
  margin: 0 4%; 
  line-height: 1.2em;
}
#wrapper {
	text-align: center;
	margin: 20px auto;
	padding: 10px 0;
	border:0;
	width: 800px;
	height: 750px;
	background: url("i/shadow.png") no-repeat 0 0;
}
* html #wrapper {
	width: 772px;
	height:730px;
	padding: 1px 0;
	background: #000 url(none);
}

#wrapper-in {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 770px;
	position: relative;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#header {
	margin: 0;
	padding: 0;
	background: url('i/bg_top.jpg') no-repeat 0 0;
	height: 103px;
}
#header h1 {
  font-size: 0.1em;
  line-height: 0.1em;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  overflow: hidden;
}
#mid {
	margin: 0;
	padding: 0;
	background: url('i/bg_mid.jpg') no-repeat 0 0;
	height: 575px;
	position: relative;
	overflow: hidden;
	
}
#foot {
	margin: 0;
	padding: 0;
	background: url('i/bg_foot.jpg') no-repeat 0 0;
	height: 52px;
}
#foot p {
  text-align: center;
  line-height: 4em;
  margin: 0;
  padding:0;
  font-size: 0.9em;
  color: #3d2b28; 
}
#left {
	margin: 0 0 0 41px;
	padding: 0;
	width: 462px;
	float: left;
}
* html #left { margin-left: 20px; }

#left h1 {
 margin-top: 1em;  
}

#right {
	margin: 0 41px 0 0;
	padding: 0;
	width: 225px;
	float: right;
}

* html #right { margin-right: 20px; }

.nopad {
	margin: 0;
	padding: 0;
}

#nav {
	height: 38px;
	margin: 0;
	padding: 0;
}
#nav ul {
 margin: 0;
 padding: 0; 
	height: 38px;
	width: 463px;
 background: url('i/navbar.jpg') no-repeat 0 -38px;
}
#nav ul li {
 margin: 0;
 padding: 0; 
 height: 38px;
 list-style: none;
 float: left;
}
#nav ul li a {
 margin: 0;
 padding: 0;
 display: block;
 height: 100%;
 text-decoration: none;
} 
#nav ul li a.home {
 width: 67px;
 background: url('i/navbar.jpg') no-repeat 0 0px;
}
#nav ul li a.synopsis {
 width: 97px;
 background: url('i/navbar.jpg') no-repeat -67px 0px;
}
#nav ul li a.content {
 width: 93px;
 background: url('i/navbar.jpg') no-repeat -164px 0px;
}
#nav ul li a.errata {
 width: 77px;
 background: url('i/navbar.jpg') no-repeat -257px 0px;
}
#nav ul li a.chaos {
 width: 129px;
 background: url('i/navbar.jpg') no-repeat -334px 0px;
}


#nav ul li a:hover {
  background: url(none); 
 text-decoration: none;
}