body {
background: #e5e5e5;
font-family: Verdana, Arial;
font-size: 1em;
color: black;
}

#layer1 {
width: 100%;
background: white;
}

#layer2 {
width: 100%;
background: white;
color: white;
padding-top: 3px;
padding-bottom: 3px;
}

#container {
    float:left;
    width:750px;
    background: white;
    position: relative;
    left: 50%;
    margin-left: -375px;
}
#cleared { clear: both; }
#col1 {
    float:left;
    width:155px;
    background:white;
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 3px;
    min-height: 450px;
}
#col2index {
    float: left;
    width: 400px;
    background: white;
}
#col2 {
    float: left;
    width: 575px;
    padding-right: 5px;
    background: white;
}
#content {
float: left;
width: 100%;
font-size: 0.8em;
}
#col3 {
    float:left;
    width:160px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.8em;
    background: white;
}
#footer {
clear: both;
width: 100%;
font-size: 0.7em;
background: #3333cc;
color: white;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
#pedestal { background: #e5e5e5; width: 100%; height: 10px; }
#layer2 ul.level1, #content ul.menu {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}

#layer2 li, #content li {
display: inline;
float: left;
}

#layer2 li a, #content li a {
background: #3333cc;
padding-left: 0.6em;
padding-right: 0.6em;
padding-bottom: 2px;
margin-left: 1px;
margin-right: 0;
font-size: 0.9em;
text-decoration: none;
color: white;
}

#layer2 li.current {
display: inline;
background: white;
color: #3333cc;
padding-left: 0.6em;
padding-right: 0.6em;
padding-bottom: 2px;
margin-left: 1px;
margin-right: 0;
float: left;
font-size: 0.9em;
cursor: default;
}

#layer2 li a:hover, #content li a:hover {
background: #9999ff;
color: black;
}

#breadcrumbs { font-size: 0.7em; background: white; padding-top: 3px; }

#content li.blocky { display: block; float: none; margin-top: 5px; margin-left: 0; }

#content li.blocky a { text-decoration: none; color: #3333cc; font-weight: bold; background: white; padding-left: 0; padding-right: 15px; }
#content li.blocky a:hover { text-decoration: none; color: white; font-weight: bold; background: #3333cc; }

#content li.blocky a.images { text-decoration: none; background: white; padding-left: 0; padding-right: 0; }
#content li.blocky a.images:hover { text-decoration: none; background: white; }

#facebook { 
border-top: solid 1px blue;
border-bottom: solid 1px blue;
padding-top: 3px;
padding-bottom: 5px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 10%;
}

p.first:first-letter { font-size: 200%; }

p.footnote { font-size: 0.8em; }

a.plain, a.plain:visited { color: #3333cc; font-weight: bold; }

a.plain:hover { text-decoration: none; background: #3333cc; color: white; font-weight: bold;}

a.nounderline:hover { text-decoration: none; color: white; font-weight: bold; background: #3333cc; }

a.nounderline { text-decoration: none; color: #3333cc; font-weight: bold; }

a.spaced { padding-left: 5px; padding-right: 5px; }

p.info { text-align: right; font-size: 0.9em; }

h2.title { 
font-variant: small-caps;
text-align: center;
width: 60%;
}

p.section { text-indent: 1em; margin-bottom: 1.5em; }

p.story { text-indent: 2em; margin-bottom: 1.5em; }

p.poem { text-align: center; font-style: italic; }

p.review {
width: 90%;
padding-left: 10px;
text-align: justify;
font-size: 0.9em;
}

p.section:first-letter  { font-size: 250%; }

p.divider { text-align: center; margin: 1em; }

caption.smallprint { caption-side: bottom; font-size: 0.7em; }

span.captioned { font-size: 0.7em; }

span.italics { font-style: italic; }

span.underlines { text-decoration: underline; }

em.main { font-weight: bold; }

#content a.case1, a.case1:visited { color: #3333cc; background: none; padding: 0; font-weight: bold; }

#content a.case1:hover { text-decoration: none; color: white; background: #3333cc; }

a.margin, a.margin:visited { padding-left: 0.4em; padding-right: 0.4em; font-weight: bold; color: #3333cc; background: white; text-decoration: none; }

a.margin:hover { color: white; background: #3333cc; text-decoration: none; }

#content li.writeranchor A { color: black; background: white; font-weight: bold; border: none; }

#content ul li.writeranchor { display: block; float: none; list-style-type: disc; }

#content ul ol li.inner { display: block; float: none; padding-left: 0; margin-bottom: 0.2em;  }

#content ul ol li a.writers, a.writers:visited { background: white; border: none; color: #3333cc; font-weight: bold; padding-left: 0; padding-right: 0;}

#content ul ol li a.writers:hover { background: #3333cc; border: none; color: white; font-weight: bold; }

#content li a.books { background: white; border: none; color: #3333cc; font-weight: bold; padding-left: 0; padding-right: 0; }

#content li a.books:hover { background: #3333cc; border: none; color: white; font-weight: bold; }

#content li.books { float: none; display: block; padding-left: 0; }

span.nobio { background: #dddddd; padding: 3px; margin-left: 10%; }

span.nophoto { background: white; text-align: center; color: black; float: right;
padding: 15px;
border: #dddddd solid 1px;
}

span.title { font-style: italic; }

img.personal { margin: 5px; float: right; border: none; }

#portrait { padding-top: 3px; }

h2 { color: black; font-size: 1.2em; margin-left: 10%; margin-top: 2em; font-variant: small-caps; }

h3 { color: black; font-size: 1em; margin-left: 10%; font-variant: small-caps; }

hr { color: #3333cc; height: 2px; }

table.rightside {  display: inline; float: right; border: none; }

textarea { background-color: #eeeeee; color: black; }

input.styled { background-color: #eeeeee; color: black; border: inset 1px #e5e5e5; }

select { background-color: #eeeeee; color: black; border: inset 1px #e5e5e5; }

img.left { border: none; }

img.book { border: orange solid 1px; }

img.fbimg { border: none; vertical-align: middle; }

div.positioned { margin-left: 10%; }

ul.noop { margin-left: 0; padding-left: 0; }

#email { display: none; }

a span, span.cover { display: none; }

a:hover { position: relative; text-decoration: none; }

a:hover span.cover { 
 display: block;
 position: absolute; 
 top: -65px;
 left: 10px;
 background: #e5e5e5;
 z-index: 10;
 text-decoration: none;
 color: black;
 padding: 5px;
 border: #3333cc 1px dotted;
 opacity: 0.85;
 } 
 
a:hover span { 
 display: block;
 position: absolute; 
 top: 20px;
 left: -5px;
 background: #e5e5e5;
 z-index: 10;
 text-decoration: none;
 color: black;
 padding: 5px;
 border: #3333cc 1px dotted;
 opacity: 0.9;
 font-weight: normal;
 }