@import url(reset.css);
body { font-family:Arial, Verdana, san-serif; font-size: 10pt; background-color: #9999cc;}

a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }

div#content { width: 615px; margin-left:auto;margin-right:auto;}

div#buttonBar { width: 400px; padding-left: 80px;  margin-left:auto; margin-right:auto }
div#buttonBar img { margin-left: 20px; margin-right: 20px; float-left; }

div#bookBar { width: 100%; padding-left: 30px;  margin: 40px auto 20px auto;}
div#bookBar .bookDisplay {float:left; margin: 0 8px 0 8px;}
div#bookBar img {display: block; margin: 0 auto 20px auto;}
div#bookBar a {display:block; text-align: center;}
div#bookBar a.topLine {display:inline; margin: 2px 5px 2px 5px;}

div#bookBarVert {float: left; width: 110px; margin-right: 10px; font-size: 90%;}
div#bookBarVert .bookDisplay {float:left; margin: 10px 8px 10px  8px;}
div#bookBarVert img {display: block; margin: 0px auto 8px auto;}
div#bookBarVert a {display:block; text-align: center; margin-left: 4px; margin-right: 4px;}
div#bookBarVert a.topLine {display:inline; margin: 2px 3px 2px 3px;}

div#pictureBlock { }
div#pictureBlock p {margin-top: 10px; margin-bottom: 30px; font-size: 120%;}
div#pictureBlock div.blurb {width: 60%; margin: 10px auto 15px auto; }
div#pictureBlock div.blurb p {font-size: 110%; margin-top: 0px; margin-bottom: 3px;}
div#pictureBlock div.blurb p.Author { font-size: 100%; margin: 0; font-style: italic;}
div#pictureBlock p.awardAnnounce { font-weight: bold; font-style: italic; font-size: 105%; margin: 3px 0 5px 0;}
div#pictureBlock div.award {display: inline;}
div#pictureWrapper {float:left;background-color: #666; border: thin solid black; padding: 10px; margin-right: 20px;}
div#pictureWrapper img {}


div.bookshelfBook { float:left; width:49%; }
div.bookshelfBook .bookDisplay {float:left; margin: 10px 8px 10px  8px;}
div.bookshelfBook img {display: block; margin: 0 auto 8px auto;}
div.bookshelfBook a {display:block; text-align: center;}
div.bookshelfBook a.topLine {display:inline; margin: 2px 3px 2px 5px;}
div.bookshelfBook p { margin-top: 5px; margin-bottom: 20px;}
div.bookshelfBook p.awardAnnounce { font-weight: bold; font-style: italic; font-size: 105%; margin: 3px 0 5px 0;}

div.bookshelfBookCenter {margin-right: auto; margin-left: auto; width:49%; }
div.bookshelfBookCenter .bookDisplay {float:left; margin: 10px 8px 10px  8px;}
div.bookshelfBookCenter img {display: block; margin: 0 auto 8px auto;}
div.bookshelfBookCenter a {display:block; text-align: center;}
div.bookshelfBookCenter a.topLine {display:inline; margin: 2px 3px 2px 5px;}
div.bookshelfBookCenter p { margin-top: 30px; }

div#footer {width: 80%; float:right; margin-left:auto; margin-right: auto; margin-top: 60px; margin-bottom: 20px; padding: 0;}
div#footer p { display:inline; margin: 10px 60px 10px 60px; font-size: 150%; font-weight: bold;}
div#footer a:link {text-decoration: none; color:#000; }
div#footer a:visited {text-decoration: none; color:#000; }
div#footer a:hover {text-decoration: none; color:#000; }
div#footer a:active {text-decoration: none; color:#000; }


#contactForm {  border: none;  padding-top: 20px;}
#contactForm td { padding: 4px; }


/* CSS for the expandable box... */
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/big_textbox_full.jpg) no-repeat bottom right; 
}
.cssbox {
    width: 500px !important; /* intended total box width - padding-right(next) */
    width: 485px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px 0; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 35px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 10px 0 40px 40px; /* mirror .cssbox_head right/left */ 
} 

#excerpt {}
#excerpt p {margin-bottom: 10px;}
div.subExcerpt {width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
div.subExcerpt ol, li {list-style: decimal; margin-left: 15px;}
#excerpt p.title {font-weight: bold; font-size: 105%;}
#excerpt p.author {font-style: italic; font-size: 90%;}