/* WHOLE DOCUMENT STYLES */

html { font-family: Georgia, Times New Roman, serif; font-size: 0.8em; }
h1 { font-size:2em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; font-style:italic; }
h5 { font-size:1em; font-style:italic; }
a:link, a:visited { color: #999; text-decoration:none; }
a:hover { color:#000; }

strong { color:#EB5; }
p { line-height: 1.7em; }

/* BACKGROUNDS */

html { background: #F2F2F2; /*background: #F7F7F7;*/ }
#site-header { background: url(treeoflife/smallerheader4.jpg) no-repeat top left; }
#substance { background: url(treeoflife/waveout-longer.png) repeat 0px 0; }

/* STRUCTURE */
#site-header { position:absolute; top:0; left:0; height:600px; width:100%; z-index:10; }

#substance { position:relative; margin:330px auto 0; padding: 0px 0 50px; max-width:45em; z-index:50; }

#nav { z-index:90; }

/* #substance { top:440px; padding:0px; } */

/* HEADER */

#site-header p a { display:block; width:370px; height:170px; position:absolute; top:10px; left:350px; text-indent:-7777px; }
#site-header h1 a { display:block; width:370px; height:170px; position:absolute; top:10px; left:350px; text-indent:-7777px; }

/* SUBSTANCE */
#substance { padding-left:4em; padding-right:4em; }

#substance a { border-bottom:1px dotted #999; }
#substance h1 { text-align: center; color:#EB5; font-size:2.5em; padding: 0 10px; margin:0 0 0.5em; }
#substance h2 { text-align: center; color: #C95; font-size:1.5em; padding:0 10px; margin:1em 0 0.5em; }
#substance h3 { text-align: center; color: #C95; padding:0 10px; margin:1em 0 0.5em; font-style: italic; }
#substance p, li { color: #666; font-size: 1em; margin: 0.5em 0 1em; }

#substance hr.ravenscrag { clear:both; display:block; height:30px; width:auto; background: url(treeoflife/ravenscrag.png) transparent no-repeat center; border: none; margin: 1em 0.5em; }

#substance ul { list-style-type: none; margin:0; padding:0; }
#substance ul li.odd { color: #69C; }
#substance ul li.even { color: #C36; }

/* SUBSTANCE SECTIONS */

#substance #illustration { margin: 1em 2em 1em 0; float:left; width:200px; padding:0; }

#substance #thebook { margin-top:-100px; padding-top:100px; padding-right:300px; }
/* background: url(treeoflife/3dbook-500px.jpg) no-repeat right -80px; */
#substance.thebook { background: url(treeoflife/3dbook-alpha3.png) no-repeat top right; }

#substance #thebook ul.buttons { padding:0; margin:0; }
#substance #thebook ul.buttons li { border:2px solid #EB5; background:#FEA; border:2px solid #EB5; width:10em; }
#substance #thebook ul.buttons li a { display:block; border:1px solid #FFF; padding: 0.5em 1em; text-align:center; font-weight:bold; font-size:1.1em; }
#substance #thebook ul.buttons li a:link, #substance #thebook ul.buttons li a:visited { color:#3BE; }
#substance #thebook ul.buttons li a:hover { color:#FFF; }

#substance .bookreview { background: url(treeoflife/starreview2.png) top right no-repeat transparent; }

/* #substance .cite { background: #FFF url(treeoflife/rightquote.png) bottom right no-repeat; padding-bottom:2em; padding-left:50px; }
#substance .cite p { background: url(treeoflife/leftquote.png) transparent top left; } */
#substance .cite { background: #FFF url(treeoflife/bothquotes.png) top left no-repeat; padding: 35px 2.5em 1em 50px; margin-bottom:1.5em; clear:both; }

/* FRONTPAGE */

#substance.frontpage h2 { text-align: center; color:#EB5; font-size:2.5em; padding: 0 10px; margin:0; }
#substance.frontpage p { text-align: center; max-width:32em; display:block; margin-left:auto; margin-right:auto; position:relative; z-index:99; }
#substance.frontpage img { margin: -40px auto; display:block; position:relative; z-index:91; }
#substance.frontpage a strong { color:#38A; }
#substance.frontpage a#directlinktobook:link, a#directlinktobook:visited { color: transparent; }


/* #substance.frontpage ul { max-width:32em; margin:0 auto; text-align: center; padding:0; list-style-type:none; } */

/* CORRESPONDENCE */

span#email-hiding { text-indent: -7000px; display:block; width: 200px; height:20px; background: url(treeoflife/email.png) top left no-repeat; }

/* PURCHASE INFO */

#substance #purchase-info { padding-top:1em; text-align:center; background: #F7F7F7; border:2px solid #FFF; }
#substance #purchase-info p, #substance #purchase-info ul li, #substance #purchase-info ul li a:link, #substance #purchase-info ul li a:visited { color:#A75; border:none; }
#substance #purchase-info ul li a:hover { color:#444; }

#substance #purchase-info ul { max-width:400px; overflow:auto; margin-left:auto; margin-right:auto; padding:0; }
#substance #purchase-info ul li { float:left; display:block; width:200px; height:120px; margin:0; padding:0; }
#substance #purchase-info ul li a { display:block; height:80px; width:200px; text-indent:-7777px; }

#substance #purchase-info ul li#iuniverse { background: url(treeoflife/iuniverse.jpg) top left no-repeat; }
#substance #purchase-info ul li#powells { background: url(treeoflife/powells.jpg) top left no-repeat; }
#substance #purchase-info ul li#amazon { background: url(treeoflife/amazon.jpg) top left no-repeat; }
#substance #purchase-info ul li#amazonca { background: url(treeoflife/amazonca.jpg) top left no-repeat; }
#substance #purchase-info ul li#bn { background: url(treeoflife/bn.jpg) top left no-repeat; }
#substance #purchase-info ul li#chapters { background: url(treeoflife/chapters.jpg) top left no-repeat; }

/* NAVIGATION */

#nav { position:absolute; left:40px; top:140px; padding: 0; }
#nav ul { list-style-type:none; padding:0; margin:0; }
#nav ul li { margin:0.5em 0 0; font-size:1.5em; }
#nav ul li a { font-family: Helvetica, sans-serif; font-weight:bold; }
#nav ul li.current a:link, #nav ul li.current a:visited { color:#777; }
#nav ul li.operational a:link, #nav ul li.operational a:visited { color:#38A; }
#nav ul li.operational a:hover { color:#FFF; }