body { 
       margin: 0;
}

div#main { 
           padding-top: 30px;
           width: 800px; 
           text-align: center;
           margin-left: 100px;
           margin-right: auto;
}

div#portrait {
               width: 760px;
               margin-left: auto;
               margin-right: auto;
               position: relative;
}


div#column {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #eae3d3; 
    background-image: url("/images/frame-tile.png");
    padding-bottom: 10em;
    background-repeat: repeat;
}

div#header {
    background-image: url("/images/chalkboard-tile-60.png");
    background-color: transparent;
    padding: 0px 0 0px 0;
    height: 142px;
}    

div#content {
    margin-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    text-align: left;
    font-family: Arial, sans-serif;
    text-align: justify;
}

a.image img {
    border: 0;
    padding: 0;
}

a:link, a:visited { 
    text-decoration: none;
    color: #947E47;
}

a:hover { 
    color: #91949f;
}

div.br { 
   clear: both;
}

/*----------------------------------------------------------------------------/ 
 *   Site nav 2 versions: Positioned for main page, inline for others 
 *
 *---------------------------------------------------------------------------*/
ul#nav {
    list-style-type: none;
}

#nav li { 
    height: 34px;
    line-height: 34px;
    position: relative;
    top: 2px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    width: 197px;
    font-family: "daniel-1","daniel-2";
    font-size: 125%;
    letter-spacing: 5px;
}

#nav li a, #nav li a:visited {
    color: black;
}

#portrait ul#nav { 
    position: absolute; 
    right: 6px;
    top: 420px; 
    z-index: 10;
    margin: 0;
    padding: 0;
}

#portrait #nav li a { 
    position: absolute;
    right: 0px;
    top: 2px;
    height: 34px;
    width: 197px;
    text-align: right;
    padding-right: 30px;
}


#column ul#nav {
    width: 715px;
    height: 40px;
    padding: 0 0 0 45px;
    margin: 0;
    background-image: url("/images/chalkboard-100.png");
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

#column ul#nav li {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 auto 0 auto;
    margin-right: 20px;
    width: auto;
}



#column #nav .navtext {
    padding-top: 7px;
    border: 0;
}

.book .copy ul.subnav, .book .copy ul.subnav2 {
	list-style-type: none;
	text-align: left;
	margin: 0 auto;
	font-family: "metallophile-sp8-1","metallophile-sp8-2",Arial,sans-serif;
    font-size: 125%;
}
.book .copy ul.subnav li {
	float: none;
	display: inline;
}

.book .copy ul.subnav2 li {
	float: none;
	display: block;
}


/*----------------------------------------------------------------------------/ 
 *   Books page
 *
 *---------------------------------------------------------------------------*/

.book {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #947E47;
}


.book .cover { 
   width: 140px;
   float: right;
   text-align:right;
}

.book .cover img {
    height: auto;
    max-width: 140px;
}
.copy { 
   width: 490px;
   float: left;
   font-size: 90%;
 }

.copy h1 {
    font-size: 200%;
    font-family: "metallophile-sp8-1","metallophile-sp8-2",Arial,sans-serif;
    font-weight: normal;
    margin: 0;
}

.book .copy ul.review-list, .book .cover ul.review-list {
    font-size: 100%;
    text-align: left;
}

.book .copy ul.review-list li {
    display: list-item;
    float: none;
    margin-bottom: .5em;
}

.book .copy ul, .book .cover ul {  
    display: block;
    list-style-type: none;
    font-size: 80%;
    clear: right;
    text-align: right;
}

.book .copy ul li { 
    float: right;
    margin-right: 1em;
}

.book .cover ul {
    text-align: left;
    padding-left: 0;
}

.book .cover #about-art {
    font-size: 80%;
    text-align: left;
}

.book .copy ul.more-info {
    font-family: Georgia, "Times New Roman", serif;
    text-align: left;
    font-size: 100%;
    font-style: italic;
    padding: 0;
}

.book ul.more-info li {
    float: none;
}

.book ul li.icon, div.icon  {
	height: 16px;
	margin-top: 5px;
}

.book ul li.icon img, div.icon img {
	float: left;
	height: 16px;
	width: 16px; 
	padding: 0 4px 0 1em;
}
.book  ul li.icon div, div.icon div {
	line-height: 16px;
	margin-left: 4px;
}

div.icon {
	font-size: 80%;
	text-align: left;
	
}

.more-info i {
    font-weight: bold;
}

.reviews .more { 
   display: none;
}

h1 { 
    font-family: "metallophile-sp8-1","metallophile-sp8-2",Arial,sans-serif;
    font-size: 150%;
   
 }

h2 { 
    font-family: "metallophile-sp8-1","metallophile-sp8-2",Arial,sans-serif;
   font-size: 110%;
 }

/*----------------------------------------------------------------------------/ 
 *   Photos and Credits
 *
 *---------------------------------------------------------------------------*/
.book .cover .about, .photowithcredit .credit {  
   font-size: 70%;
   text-align: center;
}

.photowithcredit { 
   width: 140px;
   float: right;
   text-align:right;
}


/*----------------------------------------------------------------------------/ 
 *   Fade in cover on splash page
 *
 *---------------------------------------------------------------------------*/
#cover_fade {
	text-align: left;
	width: 172px;
    font-family: "metallophile-sp8-1","metallophile-sp8-2",Arial,sans-serif;
	font-size: 125%;
	position:absolute;
	bottom: 210px;
	right: 10px;
	display: none;
}

#cover_fade img {
	border: 1px solid #09506C;
	height: 200px;
	width: auto;
	-moz-box-shadow: 5px 5px 5px #261F19;
	-webkit-box-shadow: 5px 5px 5px #261F19;
	box-shadow: 5px 5px 5px #261F19;
	margin-left: 10px;
}

#cover_fade img:hover {
	border: 1px solid #6BCFF7;
	
}

#cover_fade .logroll {
    margin: 0; 
    font-size: 85%;
}

#cover_fade p.logroll .pubtitle {
    font-family: "Times New Roman", Times, Serif;
    font-style: italic;
    font-size: 85%;
}

#appearances .copy {
    width: auto;
}

ul.appearances {
    display: block;
    list-style-type: none;
    padding: 0;
    clear: both;
}

ul.appearances li {
    clear: both;
    margin: 1em 0;
}

ul.appearances .date {
    width: 200px;
    float: left;
}

.date .day, .venue .city {
    font-size: 130%;
    font-family: "metallophile-sp8-1","metallophile-sp8-2",Arial,sans-serif;
    padding: .5em .5em;
}

.date div, .venue div {
    padding: 0 .5em;
}

ul.appearances .venue {
    margin-left: 200px; 

}

ul.appearances .descrip {
    padding: .5em;
}

#readers-guide li {
    margin-bottom: 1em;
}

.qna .q, .qna .a {
    margin-bottom: 1em;
}
.qna .q {
    font-weight: bold;
}