/* BODY */

body {min-width: 240px; margin: 1em; font-family: Georgia, Utopia, Palatino, sans-serif;}


/* LINKS */

a:link {color: #CC0000;}

a:visited {color: #660000;}

a:active {color: #FF0000;}


/* HEADERS AND FOOTERS */

div.header {text-align: center; font-size: small;}

div.footer {text-align: center; font-size: small;}


/* DIVISIONS */

div.all {max-width: 52em; margin: auto;}

div.text {margin: 2em 0; line-height: 1.5;}

div.script {line-height: 1.5;}

div.note {margin: -.25em 0;}

div.intro {margin: 2.5em 0; line-height: 1.25;}

div.intro2 {margin: 4em 0 2em; line-height: 1.5;}

div.extras {border: double; color: black; background: #FFFFCC; margin: 1.25em 0;}

div.note div.table {width: 100%; margin: .5em 0;}

div.one-and-a-half {margin: 0.5em 0;}

div.double {margin: 1em 0;}

div.triple {margin: 2em 0;}

div.doubleline {margin: 0 0 -0.5em;}

div.tripleline {margin: 0 0 0.5em;}

div.box {border: double 3px; background: rgba(255, 255, 204, .85); padding: 0.75em;}

div.bookbox1 {width: 66%; margin: auto; border: double 6px;}

div.bookbox2 {width: 66%; margin: auto; border: double 6px;}

div.bookbox3 {width: 90%; margin: auto; border: double 6px;}


/* BLOCK INSETS*/

blockquote.doc {margin: 0 7%;}

div.text blockquote {margin: 1em 3.75em;}

div.script blockquote {margin-top: -0.5em; margin-left: 2.5em; margin-right: 2.5em;}

div.text ul, div.text ol, div.text dl {margin-top: 1em; margin-bottom: 1em;}
/* Horizontal margin info omitted because handled in different ways by Explorer and Netscape. */

div.extras ul {margin-top: 0.5em; margin-bottom: 0.75em;}


/* PARAGRAPHS*/

p {margin: 1em 0;}

div.text p.flush {margin: 0;}

div.text p.indented {margin: 0; text-indent: 2.5em;}

div.text p.hanging {margin: 0 0 0 2.5em; text-indent: -2.5em;}

div.script p.flush {margin-bottom: 0;}

div.script p.indented {margin: 0; text-indent: 2.5em;}

div.script p.flush2 {margin-top: -0.5em;}
/* For multi-paragraph speeches. */

div.script p.indented2 {margin-top: -0.5em; text-indent: 2.5em;}
/* For multi-paragraph speeches. */

p.promo1 {border: double; color: black; background: #FFFFCC; padding: 0.5em;} 

div.note p {margin: .5em 0;}

/* p.note -- no style attributes */

div.script p, div.script div {font-family: Verdana, Lucida, Geneva, sans-serif;}

p.name {margin: 0.5em 2.5em 0; text-align: right;}

p.caption {line-height: 100%;}

p.divider {margin: 1.5em 0 0.5em; text-align: center;}

div.text ul p, div.text ol p, div.text dl p {margin: 0 0 .5em;}

div.ages p {margin: 0 0 .1em;}


/* HEADINGS */

h1 {margin: .67em 0;}

h2 {margin: .83em 0;}

h3 {margin: 1em 0;}

h4 {margin: 1.33em 0;}

div.text h2, div.text h3, div.text h4 {margin: 1.5em 0 1em;}

div.extras h3 {margin: 0.5em 0 0.5em;}

div.menu h2, div.menu h3, div.menu h4 {clear: right;}
/* To prevent "jamming" of menu book cover images. */


/* TABLES */

/* Banner and Notice table styles still have inconsistent coloring and text alignment. */

table {margin: auto; border-collapse: collapse;}

table.titlebox {width: 90%; padding: 0 1em; border: outset 9px rgba(255, 153, 51, 1);}

table.titlebox td {text-align: center;}

table.inputs {width: 90%;}

table.inputs td {text-align: center;}

@media (max-width: 36em) {
table.inputs td {display: block; padding: .25em 0;}
}

table.banner {width: 90%; border: double 3px;}

table.banner td {text-align: center; padding: 0.75em;}

table.notice {width: 90%; border: double 3px;}

table.notice td {padding: 0.25em;}

table.site td {text-align: center; padding: 0.75em;}

table.download td {text-align: center; padding: 0.75em;}

table.audio {width: 90%; border: double; background: rgba(255, 204, 153, .85);}

blockquote table.audio {width: 100%;}

table.audio td {text-align: center; padding: 0.75em;}

table.video {width: 90%; border: double; background: rgba(255, 204, 153, .85);}

blockquote table.video {width: 100%;}

table.video td {text-align: center; padding: 0.75em;}

table.video td.graphic {width: 50%;}

@media (max-width: 40em) {
table.video td {display: block;}
table.video td.graphic {width: auto;}
}

table.author {width: 100%;}

table.author td {text-align: left;}

@media (max-width: 54em) {
table.author td {display: block;}
table.author td.graphic {text-align: center;}
}

table.book {width: 90%; margin: 1em auto; border: double;}

blockquote table.book {width: 100%;}

table.book td {text-align: center; padding: 0.75em;}

table.book td.graphic {text-align: right;}

@media (max-width: 36em) {
table.book td {display: block;}
table.book td.graphic {text-align: center;}
}

/* For single-book boxes. */

table.bookbox1 {width: 100%;}

table.bookbox1 td {margin: 0; border: solid 2px white; border-bottom: none; text-align: center; padding: 0.75em; background: rgba(255, 153, 102, .85);}

@media (max-width: 42em) {
table.bookbox1 td {display: block; width: auto; border: none;}
}

/* For double-book boxes. */

table.bookbox2 {width: 100%;}

table.bookbox2 td {width: 50%; margin: 0; border: solid 2px white; border-bottom: none; text-align: center; padding: 0.75em; background: rgba(255, 153, 102, .85);}

@media (max-width: 42em) {
table.bookbox2 td {display: block; width: auto;}
}

/* For triple-book boxes. */

table.bookbox3 {width: 100%;}

table.bookbox3 td {width: 33%; margin: 0; border: solid 2px white; border-bottom: none; text-align: center; padding: 0.75em; background: rgba(255, 153, 102, .85);}

@media (max-width: 36em) {
table.bookbox3 td {display: block; width: auto;}
}

table.bookshelf {width: 100%; margin: 1em 0;}

table.epigraph td {text-align: left;}

table.sign {border: 2px solid;}
/* For Peddler Polly. */

table.sign td {text-align: center; padding: 0.75em;}
/* For Peddler Polly. */

table.note {width: 100%;}

table.note tr {vertical-align: top;}

table.note td {width: 50%; padding: 0; padding-right: 4%; font-size: smaller;}

@media (max-width: 30em) {
table.note td {display: block; width: auto; padding-right: 0;}
}


/* MISCELLANEOUS ELEMENTS*/

form {margin: 0;}
/* Prevents space added after forms by some browsers. */

div.text hr {margin: 2.5em 0 1em;}

div.header hr {border: medium solid gray;}

div.footer hr {border: medium solid gray;}

tt {font-family: 'Andale Mono', Lucidatypewriter, Monaco, monospace;}

img.menu {margin: 0.25em 0 0 1em;}

img.bookbutton {margin: 0.5em 0 0.5em 1em;}


/* PRINT ONLY*/

@media print {

div.header {visibility: hidden;}
div.footer {display: none;}
div.extras {page-break-inside: avoid;}
div.nobreak {page-break-inside: avoid;}
div.break {page-break-before: always;}

div.text ul, div.text ol, div.text dl {widows: 2; orphans: 2;}

p {widows: 2; orphans: 2;}
p.promo1 {page-break-inside: avoid;}
p.caption {page-break-after: avoid; page-break-inside: avoid;}
div.script p {page-break-inside: avoid;}

div.text h2, div.script h2 {page-break-before: always;}
h2, h3, h4 {page-break-after: avoid;}

div.text hr {display: none;}
blockquote.doc form {display: none;}
td {page-break-inside: avoid;}

}