/* standard formatting used by all pages */

html { /* allow room for the scroll bar in some browsers */
  width: 97%;
  }

html, body {
  margin: 0;
  padding: 0;
  background-color: #ec7;
  font-family: "Lucida Grande", Verdana, Geneva, Lucida, "Trebuchet MS", sans-serif;
  color: #000;
  }

p {
  font-size: 12px;
  margin-top: 2px; 
  margin-bottom: 14px;
  }

  p.last { /* used for the last paragrah of a box */
    margin-bottom: 0;
  }

  p.midnav { /* used for mid-page navigation links */
    text-align: right;
    margin-bottom: 0;
    }

  p.foot { /* used for nav/credit in the footers */
    font-size: 10px;
    font-family: "Lucida Grande", Tahoma, Geneva, Lucida, "Trebuchet MS", Verdana, sans-serif;
    color: #320;
    margin-bottom: 0;
    }

  p.first:first-letter { /* drop cap for first paragraph */
    font-size: 195%; 
    float: left;
    color: #c60;
    }

li {
  font-size: 13px;
  margin-top: 0px;
  }

pre.verse {
 font-family: serif;
 font-size: 13px;
 margin-left: 3em;
 }

blockquote {
 font-family: serif;
 font-size: 12px;
 margin-left: 2em;
 margin-right: 2em;
 }
 
span.source { /* used for page links on the web log */
  font-size: 10px; 
  font-family: "Lucida Grande", Tahoma, Geneva, Lucida, "Trebuchet MS", Verdana, sans-serif;
  }

font.source { /* used for legacy page links on the web log; now done with span */
  font-size: 10px; 
  font-family: "Lucida Grande", Tahoma, Geneva, Lucida, "Trebuchet MS", Verdana, sans-serif;
  }

a:link {
  color: #f91;
  background-color: transparent;
  text-decoration: underline;
  }

a:visited {
  color: #987;
  background-color: transparent;
  text-decoration: underline;
  }


h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", Verdana, Geneva, Lucida, "Trebuchet MS", sans-serif;
  margin-top: 0px;
  margin-bottom: 9px;
  }

h1 {
  font-size: 1.2em;
  color: #c60;
  }

h2 {
  font-size: 1.0em;
  }

h3 {
  font-size: .9em;
  }
  
h4 {
  font-size: .8em;
  margin-bottom: 0px;
  }

img {border: 0px;}


/* standard layout used with every page */

div {
  background-color: #fffadf;
  }

  div.header { /* header for page titles */
    margin: 5px 19% 15px 5px;
    padding: 5px;
    text-align: left;
    border: none;
    background-color: transparent;
    }

  div.footer { /* footer for navigation and credits */
    position: absolute;
    margin-top: 10px;
    right: 6px;
    width: 550px;
    text-align: right;
    font-family: "Lucida Grande", Tahoma, Geneva, Lucida, "Trebuchet MS", Verdana, sans-serif;
    font-size: 11px;
    }

  div.box { /* little flat box with dotted border for announcements */
    float: right;
    width: 60px;
    padding: 10px;
    color: #003;
    border: 1px dashed #c60;
    font-size: 11px;
    }

/* these set background images for corners and borders */
  .top { 
    background: url(top.gif) repeat-x; 
    }
  .top div { 
    background: url(top_left.gif) no-repeat top left; 
    }
  .top div div { 
    background: url(top_right.gif) no-repeat top right; 
    }
  .bot { 
    background: url(bottom.gif) repeat-x; 
    }
  .bot div { 
    background: url(bottom_left.gif) no-repeat top left; 
    }
  .bot div div { 
    background: url(bottom_right.gif) no-repeat top right; 
    }
  .left { 
    background: url(left.gif) repeat-y left; 
    background-color: #fffadf; 
    }
  .right { 
    background: url(right.gif) repeat-y right; 
    margin: -2px 0 0 9px;
    padding: 0 15px 0 0;
    }

/* now setting the height and width for corners and borders */
  .top div div, .top div, .top {
    width: 100%;
    height: 16px;
    margin: 0 0 -6px 0;
    }
  .bot div div, .bot div, .bot {
    width: 100%;
    height: 19px;
    margin: 0;
    }