/* 
-------------------------------------------
CSS for Digital History book site
Author:  Jeremy Boggs 
Created: 22 March 2005 
Updated: 16 June 2005 
-------------------------------------------
*/

/*
-------------------------------------------
Table of contents:
1. =Basic Styles - catchall for basic styling of elements, classes, and image headers.
2. =Header Styles - structure and content of the header.
3. =Wrap Styles - structure of the wrap div, currently set to center the page.
4. =Content Styles - structure and content of the content div
5. =Booknav Styles - the section for book chapter navigation
6. =Footer Styles - structure and content of the footer div.
-------------------------------------------
*/

/* =Basic Styles */

body {
width: 100%;
margin:0; padding: 0;
font-size:76%;
color: #333;
background-color: #D3CEAF;
font-family: Verdana, Helvetica, Arial, sans-serif;
min-width: 800px;
background-image:url("../i/header_bg.jpg");
background-position:0 -30px;
background-repeat:no-repeat;
}

div.padding {
padding: 10px 30px;
}

a:link {
color: #900;
text-decoration:underline;
}

a:visited {
color: #999;
text-decoration:underline;
}

a:hover {
color: #900;
text-decoration:none;
}

a:active {
color: #900;
text-decoration: underline;
}

img.left {
float:left;
padding-right: 4px;
}

img.right {
float:right;
padding-left: 8px;
}

h3 {
font-size: 1.15em;
}

h4 {
font-size: 1em;
}

abbr, acronym {
border:none;
text-decoration:none;
font-style:normal;
}
/* chapter header image replacements */

h2#ch1title {
background-image:url("../exploring/images/chaptertitle.gif");
background-repeat:no-repeat;
height:36px;
width: 520px;
}

#content h2#ch2title {
background:url("../starting/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#ch3title {
background:url("../digitizing/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#ch4title {
background:url("../designing/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#ch5title {
background:url("../audience/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#ch6title {
background:url("../collecting/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#ch7title {
background:url("../copyright/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#ch8title {
background:url("../preserving/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#introtitle {
background:url("../introduction/images/chaptertitle.gif") no-repeat;
height:36px;
width: 564px;
}
#content h2#appendixtitle {
background:url("../appendix/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#acktitle {
background:url("../acknowledgments/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}
#content h2#finaltitle {
background:url("../finalthoughts/images/chaptertitle.gif") no-repeat;
height:36px;
width: 500px;
}

#content h2.chaptertitle span {
display:none;
}
/* =Header styles */

#header {
width:820px;
height: 170px;
background:url("../i/header-img.gif") no-repeat -10px 10px;

}

#header h1 span {
display:none;
}

#header h1 {
background:url("../i/headertext.gif") no-repeat 0 0;
height: 169px;
width: 619px;
margin-bottom:0;
padding:0;
margin-top:0;
float:right;
border-right: 1px solid #fff;
}

#header a {
text-decoration:none;
border:none;
}
/* =Wrap styles */

div#wrap {
width: 820px;
margin:0 auto;
padding:0;
position:relative;
}

div#homewrap {
width: 820px;
margin: 0 auto;
padding:0;
background-image: url("../i/etching.jpg");
background-repeat: no-repeat:
background-position: 0 0;
}



/* =Content styles */

#content {
margin-top: 0;
margin-right:0;
width: 620px;
float:right;
background-color: #fcfcfc;
padding: 0 0;
}

#content h2 {
font-size: 1.25em;
}

#content p {
font-size: 1em;
line-height: 2.2em;
}

#content ul {
font-size: 1em;
}

#content ul li {
margin-top: 12px;
}

#content sup {
line-height:0;
}
#content sup a {
padding: 6px;
padding-left: 2px;
}

#content div.notes, #content div.footnotes {
padding: 0 16px;
font-size: 0.85em;
border-top: 1px solid #D3CEAF;
line-height: 1.1em;
}

#content div.notes p, #content div.footnotes p {
line-height: 1.5em;
}

#content div.image {
width: 550px;
display:block;
margin: 18px auto;
text-align:center;
}

#content div.image img {
text-align:center;
}

#content div.image p.caption {
font-size: 0.85em;
line-height: 1.5em;
text-align: left;
}

#content img {
overflow:hidden;
}
blockquote.code {
font-family: Courier, Andale Mono, monospace;
}

ul#pagenav {
list-style-type:none;
margin: 0 0 20px 0;
padding:0;
text-indent:0;
background-color: #fcfcfc;
text-align:right;
display:block;
width: 540px;
}

ul#pagenav li {
}

#previous {
background-image:url("../i/previous.gif");
background-position: 0 50%;
background-repeat:no-repeat;
padding-left: 26px;
float:left;
clear:right;
}

#next {
background-image:url("../i/next.gif");
background-position: 100% 50%;
background-repeat:no-repeat;
padding-right: 26px;
float:right;
}

ul#pagenav a {
text-decoration:none;
font-size: 1.1em;
}

div.footnotes {
clear:both;
margin-top: 20px;
}

#links #content ul {
list-style-type:none;
padding:0;
margin:0;
text-indent:0;
}

#links #content ul li {
list-style-type:none;
padding:0;
text-indent:0;
}

/* table in appendix */
table {
width: 560px;
table-layout:fixed;
border: 1px dotted #5F372B;
}

table#database {
font-family: courier, monospace;
}
td {
padding: 8px;
border: 1px dotted #5F372B;
}

tr {
border: 1px dotted #5F372B;
}

tr#tableheader {
background-color: #B09C96;
}

blockquote p {
margin:0;
margin-bottom: -8px;
line-height: 0.75em;
}
/* =Booknav styles */

#booknav {
width: 200px;
position:absolute;
top: 179px; left:0;
margin:0;
padding:0;
display:block;
text-align:right;

}

#booknav h2 {
font-size: 1em;
width: 180px;
font-weight:bold;
text-align:right;
padding-right: 30px;
}

#booknav ul {
list-style-type:none;
margin: 10px 0;
padding:0 0;
text-indent:0;
padding-left:0;
margin-left:0;
margin-right: 20px;
}

#booknav ul li {
margin-bottom: 10px;
padding-right: 0;
font-size: 0.90em;
position:inherit;
text-indent:0;
padding-left:0;
margin-left:0;
}

#booknav div.navsection {
background-color: #fcfcfc;
display:block; 
padding-top: 10px; padding-bottom: 10px;
/*
text-align:right;
margin-left:0; padding-left:0;*/
}

#booknav a:link {
color: #5F362B;
text-decoration:none;
}

#booknav a:visited {
color: #5F362B;
text-decoration:none;
}

#booknav a:hover {
color: #100F0D;
text-decoration:none;
}

#booknav a:active {
color: #4e4a42;
text-decoration:none;
}

#booknav li a:link {
color: #4e4a42;
}

#booknav li a:visited {
color: #4e4a42;
}

#booknav li a:hover {
color: #100f0d;
}

#booknav li a:active {
color: #4e4a42;
}



#booknav li a {
padding-top: 3px;
padding-bottom: 3px;
display:block;
}

#booknav div.padding {
padding:0 !important;
}
a#chnmlink {
display:block;
width: 200px;
height: 70px;
background-image:url("../i/chnm_clear.gif");
background-repeat:no-repeat;
background-position:top left;
margin-right:0;
padding-right:0;
text-align:right;
}

a#chnmlink:hover {
background-image:url("../i/chnm_solid.gif");
background-repeat:no-repeat;
background-position:top left;
display:block;
width: 200px;
height: 70px;
}

a#echolink {
display:block;
width: 200px;
height: 70px;
background-image:url("../i/echo_clear.gif");
background-repeat:no-repeat;
background-position:top left;
margin-right:0;
padding-right:0;
text-align:right;
}

a#echolink:hover {
background-image:url("../i/echo_solid.gif");
background-repeat:no-repeat;
background-position:top left;
display:block;
width: 200px;
height: 70px;
}

a#chnmlink span, a#echolink span {
display:none;
}

a#chnmlink, a#echolink {
margin: 10px 0;
}

a#chnmlink {
margin-top: 80px;
}
/* =Footer styles */

#footer {
clear:both;
width: 618px;
font-size: 90%;
float:right;
border: 1px solid #fcfcfc;
background-color: #290909;
padding-top: 20px; padding-bottom: 20px;
margin-bottom: 1px;
}

#footer p {
margin: 0 40px;
color: #fcfcfc;
}