/* fancy border 
============================================= */
body {
  margin:0px;
  padding:14px;
  background-color: #d8b418;
  background-color: #811a1c;
  }
#niceborder {
  padding:12px;
  background-image: url('images/background-worn-400.jpeg');
}  
#container {
  background-color: #fff782;
  background-color: #811a1c;
  background-color: #ffffcc; 
  padding: 20px;
  }
/* scroll */  
/* http://glish.com/css/7.asp */
#topbar {
  position: relative;
  }
#topbar .left {
  position: absolute;
  left:  0px;
  top:   0px;
  width: 300px;
	}
#topbar .middle { 
  display:block;
  margin: 0px auto 0;
  width:  25px;
  }
#topbar .right {
  position: absolute;
  right:  0px;
  top:    0px;
  width:  300px;
	}
#header {
  position: relative;
  }
#header .left {
  position: absolute;
  left:  0px;
  top:   0px;
  width: 100px;
	}  
#header h1 {  
  margin: 0 auto 1em;
  padding:0.5em 100px 0;
}
#header .right {
  position: absolute;
  right: 0px;
  top:   0px;
  width: 100px;
	} 
/* horizontal lines */
h2 {
  margin: 1em auto 1em;
  margin-bottom:1em;
  padding-bottom:2em;
  background-image: url('images/horiz-border.jpeg');
  background-repeat: repeat-x;
  background-position: bottom;
}
p.contact {
  padding-top:2em;
  background-image: url('images/horiz-border.jpeg');
  background-repeat: repeat-x;
  background-position: top;
}	


	
	
/* layout & spacing
============================================= */
div.prose, div.script, div.poem {
}
div.extract {
  margin: 0em 100px;
}
p {
  margin-top:0;
  margin-bottom:0;
}
/* nav bar */
p.nav {
  margin:1em 5em;
  padding-bottom:2em; 
}
p.nav a {
}
a.nav-prev {
  float:left;
  width:30%;
}
a.nav-home {
}
a.nav-next {
  width:30%;
  text-align: right;
  float:right;
}
/* linkbar: horizontal links */  
ul.linkbar {
  margin-bottom: 2em;
  width: 100%;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 0;
  margin-top: 0;
  /* cancels gap caused by top padding in Opera 7.54 */
  margin-left: 0;
  line-height: 18px;
  /* fixes Firefox 0.9.3 */
}
ul.linkbar li {
  display: inline;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5px;
  /* matches link padding except for left and right */
  padding-top: 5px;
}
ul.linkbar li a {
  font-size:80%;
  padding: 5px 10px;
  text-decoration: none;
  border-color:#b4ab9f;
  border-color:#d8b418;
  border-color:#811a1c;
  border-width: 3px;
  border-right-style:solid;
}
ul.linkbar li.first a {
  border-left-style:solid;
}
ul.linkbar li:hover {
  color: white;
}
ul.linkbar li a:hover {
  background-color: #d8b418;
  color: white;
}
/* typography
============================================= */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;   
  }
h1, h2 {
  text-align:center;
  font-family: "Gill Sans", "Helvetica Neue", sans-serif;
  color: #811a1c; 
}  
h1 {
  font-size:150%;
  }
h2 {
  font-size: 120%;
}
.prose p, .script, .poem {
  xfont-family: Georgia, serif;
  margin: 1em 0em;
  text-align:justify;
}  

p.contact {
  margin-top:2em;
  text-align:right;
  text-align:center;
  font-size: 85%;
  margin-bottom:2em; 
}
p.nav {
  font-size: 85%;
}
a {
  color: #811a1c;
}


/* prose 
============================================= */
.prose {
  margin:0em 1em;
}
.prose p {
  line-height:150%;
  margin-bottom: 0.5em;
  text-indent:1em;
}
.prose p.first {
  text-indent:0;
}
.prose p.first span {
  font-family: georgia, serif;
  font-size:600%;
  width:auto;
  float:left;
  margin-right:0.03em;
  line-height:75%;
  color: #811a1c;
  }
.prose p.first span:after {
  content: "";
}
/* script 
============================================= */
.script {
  width:30em;
  margin: 0 auto;
}
.script p {
  margin-bottom: 1em;
  clear:both;
}
.script p.character {
 text-align: center;
 margin-bottom:0;
}
.script table.speech {
  margin: 1em 0;

}
.script table.speech td {
  vertical-align:top;
  line-height:125%;
}
.script table.speech td.char {
  width:25%;
}
/* poem 
============================================= */
.poem {
  margin: 0 4em;
  line-height:125%;
  
}
/* hacks
============================================= */
/* give layout property to elements for IE/Win */
#container, #topbar, #header {
  _height:1%;
  }