html, body {
  background-color: #e0e0c0;
  height: 100%;
}

#doc {
  background-color: #FFF;
  border: 1px solid #666; 
  margin: 5px auto; 
  padding: 5px;
}

.hd {
  background-color: #036;
  color: #FFF;
  padding: 10px;
  height: +6em;
}

#brand {
  float: left;
  display: inline;  
  font-size: +3em;
}

#nav {
  float: right;
  display: inline;
  padding: 10px;
}

#nav li {
  display: inline;
  padding: 0.5em;
}

#nav a:link, #nav a:visited, #nav a:hover {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

ul li.book {
  margin-bottom: 1em;  
  clear: both;
}

ul li.book span.title,
ul li.book span.date {
  display: block;
  margin: 0px 8px 5px 0;
  padding: 1em;
}

ul li.book span.cover a {
  float: left;
  display: block;
  margin: 0px 8px 5px 0;
  padding: 1px;
}

ul li.book span.date {
  font-style: italic;
}

ul li.book span.title a:hover, 
ul li.book span.title a.active
ul li.book span.title a:link, 
ul li.book span.title a:visited 
 {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}


.coverArt {
  border: 1px solid #ccc;
  margin: 0.5em;
}







ul li.appearance {
  margin-bottom: 1em;  
  clear: both;
}

ul li.appearance span.title,
ul li.appearance span.date {
  display: block;
/*  margin: 0px 8px 5px 0;
  padding: 1em;
*/}

ul li.appearance span.location a {
  float: left;
  display: block;
  margin: 0px 8px 5px 0;
  padding: 1px;
}

ul li.appearance span.location {
  font-style: italic;
}

ul li.appearance span.title {
  font-style: bold;
}

ul li.appearance span.title a:visited, 
ul li.appearance span.title a:hover, 
ul li.appearance span.title a.active,
ul li.appearance span.title a:link, 
ul li.appearance span.title a:visited 
 {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}




.mainContent {
  padding: 20px;  
}

.mainContent h1 {
  font-size: +3em;
}

.mainContent p {
  font-size: +1.25em;
  padding-bottom: 2em;
}

.mainContent a:visited, 
.mainContent a:hover, 
.mainContent a.active,
.mainContent a:link, 
.mainContent a:visited 
 {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}


.photo{
  padding-top: 2em;
}

.photo a:visited, 
.photo a:hover, 
.photo a.active,
.photo a:link, 
.photo a:visited 
 {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

#clearfooter {
  height: 50px;
  clear: both;
}

.ft {
  background-color: #036;
  color: #FFF;
  padding: 10px;
  clear: both;
/*  position: absolute;*/
/*  bottom: 0;*/
}