

body {
 background-color: #c0c0c0;
 color: Black;
 font: .8em/1.5em Verdana, Helvetica, sans-serif;
 text-align: center;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */



/* Custom links, paragraphs and images */

a,:link,:visited { color: #822499; }
a:hover { text-decoration: underline; }
a.important { text-decoration: underline !important; }

p { padding: .8em 0; }

div.about p { padding-left: 130px; }
div.about img.floater { float: left; padding-top: .8em; }

div.home {margin-left:0;padding-left:0;}
div.home p { padding-right: 120px; padding-left: 140px; color: #822499; }
img.author { float: left; margin-top: 4.8em; }

/* Headings */

h1 { padding: 2em 0 1em 9em; background-color: #822499; }
h1 img { display: block; }
h1 a { font-size: 200%; color: White !important; }
h2 {
 padding: .5em 0;
 color: #822499;
 font-family: "Times New Roman", Verdana, Helvetica, sans-serif;
 font-size: 250%;
 font-weight: normal;
}
h3 {
 color: #822499;
}



/* Navigation */

#nav {
 padding: .8em 0 .8em 9em;
 border-bottom: solid 1px #bebebe;display:none;
}
#nav li {
 display: inline;
 padding-right: 10px;
}
#nav li a {
 font-family: "Times New Roman", Verdana, Helvetica, sans-serif;
 font-size: 150%;
 letter-spacing: 1px;
}
#nav li a:hover,
#nav li a.on {
 color: #4f4f4f;
 text-decoration: none;
}



/* Main layers */

#container {
 width: 58em;
 margin: 0 auto;
 background-color: White;
 text-align: left !important;
}


#logo { display:none; }

#content {
 padding:0;width:500px;
}



/* Book lists */

#books li {
 float: left;
 width: 40em;
 padding: .5em 0;
 border-top: solid 1px #747474;
}
#books li.firstbook { border-top: none; }
#books li img {
 float: left;
 margin: 0 1em 0 0;display:none;
}
#books li h3 {
 padding-top: 1em;
}

#books2 {
 float: right;
 width: 89px;
}
#books2 li { float: left; }
#books2 li img { display: block; margin-bottom: 2em;display:none; }



/* The Footer */

#footer {
 clear: both;
 padding: 0 2em 1em 2em;
 border-top: solid 1px #bebebe;
 color: #822499;
 font-size: 82%;
}
#topleftdesign { float: left;margin-right:35px; }