body {
    font-size: large;
    font-weight: regular;
    background:white;
    padding:0;
    margin:0;
    min-width: 600px;      /* 2x LC width + RC width */
/*    -webkit-font-smoothing: antialiased; */
    font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;

}
a { 
    color: gray; 
}

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

h2.staff {
    margin-top: 2em;
    color: #A1BCD3;
}
h4 {
    color: #A1BCD3;
}
/* 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;
}

ul.about {
    line-height: 1.5em;
}

img {
    border: 0; 
}


#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 */
}
h1, h2, h3 {
 font-family: "adelle-1","adelle-2";
 font-weight: normal;
}
#main h1, #main h2, #main h3 {
 font-family: "adelle-1","adelle-2";
 text-transform: uppercase;
 font-weight: normal;
}
#main p {
  color: gray;
}

#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: #222;
  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: #222;
  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: 1px solid #A1BCD3; 
    border-bottom: 1px solid #A1BCD3; 
    width:600px;
    margin:auto;
    margin-top: 2em;
}
td {
    padding: 1em 0 1em 0;
}
#recent table, #recent td {
    padding:.5em;
}
#main h2.main {
    font-family: "adelle-1","adelle-2";
}