body {
        font-family: sans-serif;
        font-size: 12px;
        background:white;
        padding:0;margin:0;
      }
      a {         color: gray; }

      ul, ol, p, table { line-height: 1.7em; }


      /* Header */
      #header {
        background: white url(/static/images/blue-fade.png) repeat-x bottom;
        margin: 0;
      }
      #header a {
        text-decoration: none;
      }
      #header h1, #header h2 {
        padding-left: 60px;  
        padding-top: 10px;
      }
      #header_nav {
        text-align:right;
        font-weight: normal;
        padding:0; margin:0;
        font-family: georgia, serif;
        float:right;
        padding-top: 10px;
      }
      #header_nav a {
        font-size: 25px;
        color: rgb(239, 118, 0);
        margin-right: 1em;
        text-decoration: underline;
      }

      .logo {
        letter-spacing:-1px;    
        font-weight:normal;
        font-size: 22px;
        color:gray;
        margin:0;padding:0;
        float:left;
      }

      #document_spacing {
        padding-bottom:400px;
      }
      .clear {
        clear: both;
      }

      .results_found {
        font-size: .9em;
        padding-bottom:1em;
      }
      .results_listed {
        padding:0;margin:0;
        padding-bottom:1em;
        float:right;
        font-size: .9em;
      }
     .results_description {
        float:left;
        padding:0;margin:0;
       color: #5F5B4B;
       font-weight:normal;
     }
     .results_description em {
      padding-right: .3em;
     }
    .results_nav {
       width:100%;
       clear:both;
      height:1em;

       padding: .5em .5em .5em .5em;
       background-color: rgb(181, 188, 207); 
       border-top: 1px solid rgb(248, 255, 239);
       border-bottom: 1px solid rgb(248, 255, 239);
    }
    .results_nav a {
       text-decoration: none;
       color: rgb(248, 255, 239);

    }
    .results_nav .previous {
      float:left;
    }
      .results_nav .next {
      float:right;

    }
    .match {
      font-weight: bold;
    }

    /* A TEI line-group (treat as a blockquote) */
    div.lg {
      padding: 2em;     
      font-style: italic;
      line-height: 1.2em;
      
    }
   ul.about {
    line-height: 1.5em;
   }

img { border: 0; }

body {
  min-width: 600px;      /* 2x LC width + RC width */
}
#container {
  padding-left: 60px;   /* LC width */
  padding-right: 300px;  /* RC width */
  border-top: 1px solid rgb(220,220,220);
  clear:both;
}

#container .column {
  position: relative;
  float: left;
}
#right h2, #right p {
  padding-top: 1.2em;
}

#center {
  width: 100%;
  min-width: 600px;
}
#left {
  width: 150px;          /* LC width */
  right: 150px;          /* LC width */
  margin-left: -100%;
}

#right {
  width: 300px;          /* RC width */
  margin-right: -300px;  /* RC width */
}
#footer {
  clear: both;
}
/*** IE6 Fix ***/
* html #left {
  left: 300px;           /* RC width */
}
#main h1, #main h2, #main h3 {
 font-family:Georgia,Times,"Times New Roman",serif;
 text-transform: uppercase;
 font-weight: normal;
}
#main p {
  font-size: medium;
  color: gray;
}
#main {
  font-size: medium;
}
#main div.subpage p {

}
#writing {
  width: 800px;
  border-right: 1px dotted gray;
  margin:auto;
}
#writing img {
  margin: auto;
  display: block;
  border: 1px solid gray;
  width: 200px;
  margin-top: 2em;
}
#writing td {
  vertical-align: top;
  border-left: 1px dotted gray;
  padding-left: 1em;
  padding-right: 1em;
}
#writing td p, #writing td li {
  font-size: small;
  margin-bottom: 2em;
}
#writing td li {
    margin-bottom:.5em;
    line-height: 1.2em;
}
#writing td ol {
    padding:0;
    list-style-type:none;
}

#validator {
  width: 45%;
  float:left;  
  padding-bottom: 20px;
  padding-right: 20px;
  border-right: 1px dotted gray;
  border-bottom: 1px dotted gray;
}
#validator img {
  width: 150px;
  display: block;
  margin-left: .2em;

  float:right;
}
#validator p, #validator form {
  float:right;
}
#epub-tools {
  float:right;
  width:45%; 
}
#tools-container {
  width: 90%;
  margin:auto;
}
#tools-container p {
  color: black;
  font-size:small;
}
#bookworm {
  width:45%; 
  float:left;
  clear:left;
  padding-right: 20px;
  margin-top: 20px;

}
#logos {
  width: 45%;
  clear:right;
  float:right;
  margin-top: 20px;
  padding-left: 20px;
  border-top: 1px dotted gray;
  border-left: 1px dotted gray;

}
#main p.main {
  color: black;
  font-size: x-large;
}
#logos img {
  width: 100px;
}

      #footer { 
        border-top: 1px solid rgb(210,210,210); 
        width:100%; /* Otherwise does not span in FF 3 */
        clear: both;
        margin-top: 30px;

      }
      #footer p {
        text-align:right;
        margin:0;
        padding:20px 30px 0 0;
        color: #2E4560;
      }
      #footer p.left {
      margin:0;
      float:left;padding-left: 60px;text-align:left;width:80%;

      
}
#footer p.left a {
   display: block;
   float: left;
   padding-right: 50px;
}
span.date {
  width: 100px;
  display:block;
  float:left;
  font-style: italic;
  color: gray;
}
table td {
    vertical-align:top;
}
.example ul {
    padding-left:5px;
    padding-bottom: 1em;
}
.example li {
    padding-bottom: 1em;
}
table {
  border-collapse: collapse;
  border-top: 8px solid #A1BCD3; 
  border-bottom: 8px solid #A1BCD3; 
  width:600px;
  margin:auto;
  margin-top: 2em;
}
td {
    padding: 1em 0 1em 0;
}
#recent table, #recent td {
    padding:.5em;
}