body {
background-color: #555;
/*background-image: url('http://dalepeck.com/new/img/bg/rotate.php');*/
background-image: url('img/bg/13.jpg');
background-position: center;
margin: 150px 0 0 0;
padding: 0;
font-family: Lucida Grande, Helvetica, Geneva, Arial, sans-serif;
font-size: 1em;
}

#plank {
background-color: transparent;
background-image: url('img/bg-diag.gif');
margin: 0;
padding: 0;
width: 100%;
min-width: 1000px;
height: 400px;
}

#menu {
width: 180px;
height: 380px;
margin: 0;
padding: 0;
background-color: white;
overflow: hidden;
position: relative;
}

#menu img.logo {
position: absolute;
top: 30px;
left: 28px;
}

#menu p.menu {
position: absolute;
bottom: 17px;
left: 25px;
margin: 0;
padding: 0;
}

#menu p.menu img {
margin-top: 3px;
}

#submenu {
width: 180px;
height: 380px;
margin: 0;
padding: 0;
background-color: #444;
overflow: hidden;
position: relative;
}

#submenu img.header {
position: absolute;
top: 20px;
left: 20px;
}

#submenu p {
position: absolute;
width: 140px;
bottom: 20px;
left: 24px;
margin: 0;
padding: 0;
font-size: 0.7em;
line-height: 1.3em;
color: white;
}

#submenu li {
list-style: none;
}

#submenu p b {
color: #777;
}

#submenu a {
color: white;
}

#submenu a:hover {
color: #444;
background-color: white;
text-decoration: none;
}

#content {
width: 550px;
height: 380px;
margin: 0;
padding: 0;
background-color: white;
overflow: auto;
}

#content h2, #content h3 {
font-family: Georgia, serif;
color: #444;
width: 450px;
margin: 0 0 0 20px;
padding: 20px 0 0 0;
font-size: 1.4em;
font-weight: normal;
}

#content h4 {
font-family: Georgia, serif;
color: #777;
width: 450px;
margin: 0 0 0 20px;
padding: 20px 0 8px 0;
font-size: 1.1em;
font-weight: normal;
border-bottom: 1px dotted #777;
}

#content h5 {
font-family: Georgia, serif;
color: #444;
width: 450px;
margin: 8px 0 30px 20px;
padding: 0;
font-size: 1.1em;
font-weight: normal;
}

#content p {
color: #555;
width: 450px;
margin-left: 20px;
font-size: 0.9em;
line-height: 1.3em;
}

#content p.novel {
font-family: Georgia, serif;
color: #555;
width: 450px;
margin-left: 20px;
font-size: 0.9em;
line-height: 1.8em;
text-align: justify;
text-justify: newspaper;
text-indent: 2em;
}

#content p.novelquote {
font-family: Georgia, serif;
color: #555;
width: 400px;
margin-left: 45px;
margin-bottom: 30px;
font-size: 0.9em;
line-height: 1.2em;
text-align: justify;
text-justify: newspaper;
}

#content p.dingbat {
font-family: Georgia, serif;
text-align: center;
font-size: 1.3em;
}

#book {
position: relative;
}

#book a:link {color: #000;}
#book a:visited {color: #000;}
#book a:active {color: #000;}
#book a:hover {color: #fff; background-color: #777; text-decoration: none;}

p.body a:link {color: #000;}
p.body a:visited {color: #000;}
p.body a:active {color: #000;}
p.body a:hover {color: #fff; background-color: #898989; text-decoration: none;}

#book h2, #book h3 {
color: #444;
width: 300px;
margin: 0 0 0 190px;
padding: 20px 0 0 0;
font-size: 1.4em;
font-weight: normal;
}

#book p {
color: #555;
width: 300px;
margin-left: 190px;
font-size: 0.9em;
line-height: 1.3em;
}

#book h2.title, h3.extra, p.body, p.extra, p.bodyquote, p.bodyquotename {
font-family: Georgia, serif;
}

p.bodyquote {
font-style: italic;
border-top: 1px dotted #999;
padding-top: 20px;
}

p.bodyquotename {
text-align: right;
}

#book h3.extra {
font-size: 1em;
border-top: 1px dotted #999;
margin-top: 20px;
padding-top: 8px;
}

#book p.extra {
font-size: 0.8em;
padding-bottom: 30px;
}

#book p.jacket {
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
padding: 3px 0 3px 0;
font-size: 0.7em;
text-transform: uppercase;
font-weight: bold;
color: #999;
}

#factsheet {
margin: 20px;
width: 150px;
height: 360px;
position: fixed;
overflow: hidden;
float: left;
}

#factsheet p {
font-size: 0.7em;
width: 150px;
color: #444;
margin: 10px 0 0 0;
}

#factsheet a {
color: #000;
}

#landing1 {
width: 360px;
height: 380px;
margin: 0;
padding: 0;
background-color: #444;
overflow: auto;
background-image: url('http://dalepeck.com/img/homepage.jpg');
position: relative;
}

#landing1 img {
position: absolute;
}

#landing1 img.home1 { width: 345px; height: 255px; top: 5px; left: 5px; border: none; }
#landing1 img.home2 { width: 165px; height: 100px; top: 280px; left: 5px; border: none; }
#landing1 img.home3 { width: 165px; height: 100px; top: 280px; left: 185px; border: none; }

#landing2 {
width: 370px;
height: 380px;
margin: 0;
padding: 0;
background-color: #FFF;
overflow: auto;
}

#landing2 h2, #landing2 h3 {
font-family: Georgia, serif;
color: #444;
width: 300px;
margin: 0 0 0 20px;
padding: 20px 0 0 0;
font-size: 1.4em;
font-weight: normal;
}

#landing2 p {
font-family: Georgia, serif;
color: #555;
width: 300px;
margin-left: 20px;
font-size: 0.9em;
line-height: 1.3em;
}

#landing2 a:link {color: #000;}
#landing2 a:visited {color: #000;}
#landing2 a:active {color: #000;}
#landing2 a:hover {color: #fff; background-color: #777; text-decoration: none;}