/* CSS Document */

a:link    {color: #333; text-decoration: none;}
a:hover   {color: #333; text-decoration: underline;}
a:visited {color: #333; text-decoration: none;}

body {
  background-color:#201b12;
  color: #F0F0F0;
  padding: 0;
  margin: 0;
  min-height: 794px; 
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url(images/deckle2.jpg);
  background-position: left 786px;
  background-repeat: repeat-x;
}

div, ul, li, h1, h2, h3, h4, p, img {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

ul {
  list-style-type:none;
}

p.enter {
	margin-left: 509px;
	width: 451px;
	height: 750px;
	padding-top: 18px;
}

a.enter {
	padding-right: 450px;
	padding-bottom: 735px;
	border-style: none;
}

a.email {
	text-decoration: underline;
	color: #8a4740;
}

a.email:hover {
	font-style: italic;
}

/* Chapter list on left page of book */

a.padded {
	padding: 3px;
}

a.padded:hover {
	color: #9c623e;
}

ul.chapter {
  padding-top: 100px;
  padding-left: 75px;
  height: 686px;
  background-color: #0a0a0b;
  background-image:url(images/milky_way_backdrop.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  min-width: 1230px;
}

li.logo {
  margin-bottom: 80px;
  height: 150px;
  width: 200px;
  background-image: url(images/title_new.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

li.logo:hover {
  background-position: -200px top;
}

li.logo1 {
  margin-bottom: 80px;
  height: 150px;
/*background-image: url(images/title3.jpg);*/
  background-position: left top;
  background-repeat: no-repeat;
}

li.dedication {
  margin-left: 20px;
  width: 235px;
  height: 40px;
  background-image: url(images/dedication.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.dedication:hover {
  background-position: -235px top;
}

li.introduction {
  margin-left: 20px;
  width: 235px;
  height: 40px;
  background-image: url(images/introduction.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.introduction:hover {
  background-position: -235px top;
}

li.contents {
  position: relative;
  left: 20px;
  top: 0;
  width: 235px;
  height: 40px;
  background-image: url(images/tableofcontents.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.contents:hover {background-position: -235px top;}

img.contents1 {
  position: absolute;
  left: 151px;
  top: 0;
  width: 28px;
  height: 40px;
  background-image: url(images/1.gif);
  background-position: 235px top;
  background-repeat: no-repeat;
}
 
img.contents1:hover {
  background-position: left top;
}

img.contents2 {
  position: absolute;
  left: 179px;
  top: 0;
  width: 28px;
  height: 40px;
  background-image: url(images/2.gif);
  background-position: 235px top;
  background-repeat: no-repeat;
}

img.contents2:hover {
  background-position: left top;
}

img.contents3 {
  position: absolute;
  left: 207px;
  top: 0;
  width: 28px;
  height: 40px;
  background-image: url(images/3.gif);
  background-position: 235px top;
  background-repeat: no-repeat;
}

img.contents3:hover {
  background-position: left top;
}

li.childhood_years {
  margin-left: 20px;
  width: 235px;
  height: 40px;
  background-image: url(images/childhoodyears.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.childhood_years:hover {
  background-position: -235px top;
}

li.college_years {
  margin-left: 20px;
  width: 235px;
  height: 40px;
  background-image: url(images/collegeyears.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.college_years:hover {
  background-position: -235px top;
}

li.medical_school {
  margin-left: 20px;
  width: 235px;
  height: 40px;
  background-image: url(images/medicalschoolyears.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.medical_school:hover {
  background-position: -235px top;
}

li.sf_series {
  margin-left: 20px;
  width: 235px;
  height: 40px;
  background-image: url(images/thesanfranciscoseries.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.sf_series:hover {
  background-position: -235px top;
}

li.since_then {
  margin-left: 20px;
  width: 235px;
  height: 40px;
  background-image: url(images/sincethen.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

li.since_then:hover {
  background-position: -235px top;
}

/* Poem */
div.poem {
  position: absolute;
  left: 406px;
  top: 50px;
  padding-top: 0;
  padding-left: 0;
  width: 555px;
  height: 724px;
  overflow: hidden;
  color: #333;
  line-height: 120%;
}

p.stanza {
  margin-top: 20px;
}

p.stanza_italic {
  margin-top: 20px;
	font-style: italic;
}

p.divider {
  margin-top: 40px;
  margin-bottom: 40px;
}

p.section {
	padding-left: 100px;
	margin-top: 1em;
}

p.underline {
  margin-top: 20px;
  text-decoration: underline;
}

p.indent {
  margin-top: 20px;
	margin-left: 60px;
}

p.indent_italic {
  margin-top: 20px;
	margin-left: 60px;
	font-style: italic;
}

p.attribution {
  margin-top: 20px;
	margin-left: 6em;
}

span.date {
  font-weight: normal;
  margin-left: 250px;
}


span.dateline {
  font-weight: normal;
  margin-left: 120px;
}

span.title {
  font-weight: normal;
  margin-left: 50px;
}

span.tab{
	padding-left: 30px;
}

span.bump{
	padding-left: 1em;
}

span.midtab{
	padding-left: 8em;
}

span.bigtab{
	padding-left: 14em;
}

span.seeger{
	padding-left: 200px;
}

span.strikethrough{
	text-decoration: line-through;
}

p.poem {
  position: absolute;
  left: 0;
  top: 0;
  height: 724px;
  width: 555px;
  background-position: left top;
  background-repeat: no-repeat;
}

p.poem:hover {
  background-position: -9999px top;
}

img.floatright {
	float: right;
	padding-right: 20%;
}


/* Table of Conents */
h1.toc {
  font-size: small;
  font-weight: normal;
  text-align: center;
  margin-bottom: 2em;
}

h3.toc {
  font-size: xx-small;
  font-weight: normal;
  text-align: center;
  margin-bottom: 2em;
}

div.toc {
  position: relative;
  left: 0;
  top: 0;
}

ul.toc_left {
  position: absolute;
  left: 15%;
  top: 0;
  width: 45%;
}

ul.toc_right {
  position: absolute;
  left: 60%;
  top: 0;
  width: 35%;
}

li.toc_chapter {
  margin-top: 17px;
  margin-bottom: 15px;
  font-weight: bold;
}

li.toc_chapter a{
  color: #61524d;}

li.toc_poem {
  margin-top: 2px;
  margin-left: 15px;
  margin-bottom: .6em;
  font-size: x-small;
}


/* Site controls */
span.xsmall {
	font-size: x-small;
}

span.xxsmall {
	font-size: xx-small;
}

ul.control {
  position: absolute;
  left: 995px; 
  top: 0;
}

li.turnprev {
  width: 310px;
  margin: 0;
  padding: 20px 0 0 0;
  text-align: center;
}

li.current {
  color: #e7be63;
  width: 310px;
  margin: 0;
  padding: 8px 0 0 0;
  text-align: center;
}

li.turnnext {
  width: 310px;
  margin: 0;
  padding: 8px 0 0 0;
  text-align: center;
}

a.turning  {
  font: small Verdana, Helvetica, sans-serif;
  color: #ead6b5;
  text-decoration: none;
}

a.turning:hover {
  text-decoration: underline;   }

li.note {
  width: 17px;
  height: 25px;
  margin: 15px 0 9px 147px;
  background: url(images/notes.gif) no-repeat;
  background-position: left top;
}

li.nonote {
  width: 17px;
  height: 25px;
  margin: 15px 0 9px 147px;
  background-position: left top;
}

li.note:hover {
  background-position: -17px top;
}

li.control {
  width: 310px;
  padding: 8px 0 0 0;
  text-align: center;
}

a.control  {
  font: small "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #e8d6b5;
  text-decoration: none;
}

a.control:hover {
  text-decoration: underline;   }

li.chaptertext {
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  position: relative;
  left: -1500px;
}

a.chaptertext {
  font: x-small Verdana, Helvetica, sans-serif;
  color: #ead6b5;
  text-decoration: none;
}

a.chaptertext:hover {
  text-decoration: underline;   }

li.copyright {
  width: 310px;

  text-align: center;
  color: #9f885c;
  font-size: xx-small;
  letter-spacing: 1px;
	top: 773px;
	position: absolute;
}

/* Footer */
div#footer {
  position: absolute;
  left: 406px;
  top: 1000px;
  padding-top: 0;
  padding-left: 0;
  width: 555px;
  height: 724px;
  color: #ead6b5;
  line-height: 140%;
}

p.footnote {
	margin-top: -50px;
	margin-left: 110px;
}

p.footer {
	margin-top: 20px;
	margin-left: 110px;
	width: 350px;
}

a.up {
	margin-top: -50px;
	color: #dfa960;
	font-size: 1em;
	float: right;
	line-height: 100%;
	text-align: center;
	padding: 5px;
	background-color: #3d3422;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

a.up:hover {
	color: orange;
	background-color: #000;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	text-decoration: none;
}