@import url(http://fonts.googleapis.com/css?family=Oxygen:300);

body { background: #ccc; margin: 0px; padding: 0px; color: #3E3F41;
       font-family: 'Rosarivo', 'Garamond', serif;
       }
h1 { 
  color: #2C2918; 
  font-family: 'Oxygen'; 
  font-size: 28px;
}
h2, h3 { color: #030000; }
h2 { margin: 0.83em 0px; font-size: 28px; }

p { font-size: 14px; margin: 1em 0px; line-height: 1.5em; }
a{ text-decoration: none; color: #A19B88; }
a:hover { color: #2C2918; }

small { font-size: 12px; }

sup, sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

header { text-align: right; padding: 10px 20px 0px 20px; min-width: 800px;}
#container{ 
  margin: 0 auto; 
  width: 800px; 
  background: #fff;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 2px 2px 5px #2C2918;
  -moz-box-shadow: 2px 2px 5px #2C2918;
  -webkit-box-shadow: 2px 2px 5px #2C2918;
  padding: 30px 0px 10px 0px;
}

#poem { 
  display: inline-block;
  padding: 0px 20px;
  text-align: left;
  margin: 5px auto;
  min-height: 400px;
}

#poem-stage {text-align: center; margin-bottom: 10px;}
#bottom-nav {text-align: center; font-size: 0.75em;}
.left { float: left; padding-left: 20px;}
.right { float: right; padding-right: 20px;}

header nav { float: left; }
header a { color: #000; display: inline-block; padding: 20px 10px; margin-top: 10px;}
header a:hover { color: #555; }
header h1 { margin: 0.67em 0; font-weight: normal;}

.poem-index { text-align: center; margin-top: 50px;}
.poem-index li { margin-bottom: 5px; }
.poem-index h2 { font-size: 20px; }
.note { font-size: 10px; }
.copyright { font-size: 10px; margin: 10px 0 40px; }

.indented { margin-left: 30px;}
span.indented, span.double-indented { display: inline-block; }
.double-indented { margin-left: 60px;}

.book-heading { margin-top: 30px; padding-bottom: 10px; font-weight: bold; }

.innerpoem { margin: 40px 0px; }
.innerpoem h3{ font-style: italic;}
.innerpoem p{ font-style: italic;}
.innerpoem p.copyright{ font-style: normal; }

#bio {
  background: #000 url('/lady.jpeg') no-repeat;
  color: #bbb;
  min-height: 410px;
  padding: 20px 30px 20px 370px ;
}

#bio img { float: left; margin-right: 10px; }

#email-me { margin-top: 80px; }

#poem-stage.fullnbye {
  background: #fff url('fullnbye.jpg') no-repeat center; 
  color: #fff;
}

#poem-stage.fullnbye h2 { color: #fff; }
#poem-stage.fullnbye a:hover { color: #fff; }

#poem-stage.fullnbye .poem-index {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
}