html, body {
background: url(leather.jpg); margin:0; padding:0;
}

#wrapper {
background: url(spine2.jpg) repeat-y; margin:0; width:865px;
_margin-top: -20px;
}

#sidebarright {
float:right; text-align: center; color:#dadaa1; font-size: 15px; width: 235px; _width:210px;
font-weight: bold; _margin-top:20px;
}

ul#toc {
list-style-type: none; margin: 50px 0 0 0;
}

ul#toc li {
margin-bottom: 7px;
}

ul#toc li a {
color:#dadaa1;
text-decoration: none;
}

ul#toc li a:visited {
color:#dadaa1;
text-decoration: line-through;
}

ul#toc li a:hover {
color:#4B220C;
text-decoration: none;
background: #dadaa1;
}

#header {
width:630px; height:80px; background: url(header.jpg) no-repeat; margin: 0;
_margin-top:20px;
}

img#home {
border: 0;
margin-left: 20px;
}

#sidebarleft {
background: url(spine.jpg) no-repeat; width: 130px; height: 459px; float:left;
}

/* ------------------------------- content boxes */

#content {
background: url(contentback.jpg) no-repeat #E6D7C2; width: 500px; min-height: 600px; margin: 0 0 0 130px; position: relative; top: -19px; _top: 0px; _left: -3px;
}

img.left {
float: left;
margin-right: 10px;
margin-bottom: 5px;
border: #4B220C 1px solid;
}

img.right {
float: right;
margin-left: 10px;
margin-bottom: 5px;
border: #4B220C 1px solid;
}

h3.storytitle {
text-align: center;
font-style: italic;
}

h3.storytitle a {
text-decoration: none;
color: #000;
font-variant: small-caps;
}

h5 {
margin-left: 20px;
margin-bottom: 5px;
}

.storycontent p {
margin: 0 20px 10px 20px;
font-size: 16px;
text-align: justify;
text-indent: 30px;
line-height:1.1em;
}

p#jbaapic {
text-align: center;
margin: 0;
text-indent: 0;
}

p#jbaapic img {
border: #4B220C 1px solid;
}

h4 {
text-align: center;
}

h4#jbaa {
text-align: center;
}

h4#jbaa a {
color: #666600;
}

h4#jbaa a:visited {
color: #666600;
}

h4#jbaa a:hover {
background-color: #666600;
color: #fff;
}

p#fine {
font-size: 10px;
text-align: right;
}

p.left {
text-align: left;
text-indent: 0;
}

p.center {
text-align: center;
text-indent: 0;
}

p.right {
text-align: right;
text-indent: 0;
}

/* --------------feedback */

.feedback {
margin: 10px 20px 10px 20px;
border-top: #4B220C 4px double;
}

h2#postcomment {
font-style: italic;
font-size: 1em;
}

h2.comments-num {
font-style: italic;
font-size: 1em;
}

ol#commentlist {
list-style-type:none;
}

.gravatar {
display: none;
}

h3.comment-title {
font-size: 16px;
margin-bottom: 0;
}

p.comment-meta {
margin-top: 0;
font-size: 14px;
}

.comment-text p {
font-size: 16px;
}

.feedback a {
color: #4B220C;
text-decoration: none;
}

li.alt {
border-top: #4B220C 1px dotted;
border-bottom: #4B220C 1px dotted;
}

#commentform p {
font-size: 16px;
}

p.small {
text-align: right;
font-size: 14px;
}

textarea#comment {
width: 400px;
height: 100px;
}


/* --------footer */

#footer {
width: 800px; text-align: center;
color:#dadaa1;
font-size: 14px;
font-weight: bold;
}

#footer a {
color:#dadaa1;
text-decoration: none;
}

#footer a:visited {
color:#dadaa1;
}

#footer a:hover {
color:#4B220C;
text-decoration: none;
background: #dadaa1;
}

/* ----------- drop caps */
#cap {
font-size:42px; color:#4C2101; font-weight:bold; float:left; margin-top:4px; margin-right:1px; height: 30px; line-height: 30px;
}

* html #cap {
margin-right:-2px; margin-top:2px;
text-indent: 0px;
}

p#first {
text-indent: 0;
}