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


body {
 background: #000 url('images/bg_slsdragon.png') fixed no-repeat top right;
 margin:0; padding:0;
 color: #b96;
 font: 65%/1.8em  "Lucida Grande", LucidaGrande, Verdana,  sans-serif; 
 width: 99.9%;
}
img { border: none; }

a {
  color: #eee;
  text-decoration: none; 
}
a:hover {
  color: #fff;
  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;
}

.notstrong {
font-weight: 400;	
}

/* ===================================== */


#wrapper {
	padding: 10px 0;
	border: 7px ;
	width: 780px;
	background: url("images/bg_tile.png") repeat 0 0;
	border-style: none  double double none;
	border-color: #b96;
}
* 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: 775px;
	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 */
#faceBook {
	left: 20px;		
	position: absolute;
	z-index: 23;
}

#header {
	margin: 0;
	padding: 0;
	background: url('i/bg_top.jpg') no-repeat 0 0;
	height: 103px;
}
#header h1 {	
 font-size: 2.75em;
 font-weight: 500;
  /* font-size: 0.1em;
  line-height: 0.1em;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  overflow: hidden; */
}
.small {
    font-variant: small-caps;	
	font-size: 75%;
}
.small2 {
    font-variant: small-caps;	
	font-size: 111%;
}
.small3 {
    font-variant: small-caps;
}

#mid {
	margin: 0;
	padding: 0;	
}
#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: #b96; 
}
#left {
	margin: 0 0 0 23px;
	padding: 0;
	width: 455px;
	float: left;
}
* html #left { margin-left: 20px; }

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

#right {
	margin: 0 23px 0 0;
	padding: 0;
	width: 235px;
	float: right;
}

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

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

#nav {
	height: 38px;
	margin: 0;
	padding: 0 0 0 160px;
}
#nav ul {
 margin: 0;
 padding: 0; 
	height: 38px;
	width: 463px;
 background: url('images/navbar.png') 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('images/navbar.png') no-repeat 0 0px;
}
#nav ul li a.synopsis {
 width: 97px;
 background: url('images/navbar.png') no-repeat -67px 0px;
}
#nav ul li a.content {
 width: 93px;
 background: url('images/navbar.png') no-repeat -164px 0px;
}
#nav ul li a.about {
 width: 77px;
 background: url('images/navbar.png') no-repeat -257px 0px;
}
#nav ul li a.mp3s {
 width: 129px;
 background: url('images/navbar.png') no-repeat -334px 0px;
}
/* on this page */

#nav ul li a.home2 {
 width: 67px;
 background: url('images/navbar.png') no-repeat 0 -38px;
}
#nav ul li a.synopsis2 {
 width: 97px;
 background: url('images/navbar.png') no-repeat -67px -38px;
}
#nav ul li a.content2 {
 width: 93px;
 background: url('images/navbar.png') no-repeat -164px -38px;
}
#nav ul li a.about2 {
 width: 77px;
 background: url('images/navbar.png') no-repeat -257px -38px;
}
#nav ul li a.mp3s2 {
 width: 129px;
 background: url('images/navbar.png') no-repeat -334px -38px;
}


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