/* =====================================================================
    Style Sheet for web books

	Updated 17 November 2003 by Steve Thomas
	Fixed problems with dedication; added popup-note;
	removed all major division classes, added a generic P style.
	Added blockquote style making it identical to "quote" class.

	Updated 2 June 2003 by Steve Thomas
	Modified titlepage, dochead

	Updated 28 April 2003 by Steve Thomas
	Added max-width control to body.

	Updated 25 March 2003 by Steve Thomas
	Added comments, formatting
	Added titlepage, poem and stanza classes

	Updated 10 March 2003 by Steve Thomas
	Changed line-height to 140% from 120%

===================================================================== */

/* ---------------------------------------------------------------------
	Basic ebook formatting:
	- reasonable margins
	- black text on white background
--------------------------------------------------------------------- */

/* text is black on white, but surrounded by gray */
@media screen {
html {	background: #ccc; }
}
body {	margin-left: 3em; margin-right: 2em;
	color: #000000; background: #ffffff;
}
@media all {
body {	max-width:33em;
	margin:1em auto;
	padding:0 3em 1em 3em;
	}
}
@media screen {
body {	border:thin dotted grey; }
}

/* Paragraphs are generally justified with a comfortable line spacing. */
P { text-align: justify; line-height: 140%; }

/* Headings are all centered, non-serif */
h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; text-align: center; }

/* rules are used to devide major divisions: grey'd to make less dominant */
hr { color: #dddddd; background: #ffffff; }

/* Anchors: these are standard colours, but exclude underlining */

A:link { color: #0000ff; background: #ffffff; text-decoration: none; }
A:active { color: #ff0000; background: #ffffff; text-decoration: none; }
A:visited { color: #990099; background: #ffffff; text-decoration: none; }

/* ---------------------------------------------------------------------
	Title Page -- normally used only in the index.html file
--------------------------------------------------------------------- */

div.titlepage { text-align: center; font-weight: bold; }
div.titlepage p { text-align: center; line-height: 140%; }

/* ---------------------------------------------------------------------
	Document header section.
	This should be used at the head of
	individual parts, but NOT on the title page.
--------------------------------------------------------------------- */

div.dochead { text-align: center; }

div.dochead h2 {
	font-weight: normal;
	font-size: 1.2em;
	font-style: normal;
        font-variant: small-caps;
}

/* ---------------------------------------------------------------------
	Document body major divisions
--------------------------------------------------------------------- */

/* removed */

/* ---------------------------------------------------------------------
	Notes
	Although there is a "notes" major division, for use where notes
	are separated from the text in an appendix, the preferred style
	is to embed notes in the text as near following the reference as
	possible. In such cases, the "note" class should be used, as it
	differentiates notes from text by enclosing them in a box, and
	using a smalle font size.
	Notes left to end of a division can use the footnote class.
--------------------------------------------------------------------- */

div.footnotes { font-size: .9em; text-indent: 0;
	margin-left: 1em; margin-right: 1em;
	border-top: 1pt solid gray; padding: 2pt;
}
div.footnote { font-size: .9em; text-indent: 0; }

.note {
	font-size: .9em;
	text-indent: 0;
	margin-left: 1em; margin-right: 1em;
	border: 1pt solid gray; padding: 2pt;
}

span.inline-note { font-size: .9em; color:gray; }
span.marginal-note { font-size: .9em; font-style:italic; }

span.popup-note, abbr, acronym {
	border: 1px dotted gray; cursor: help; }

/* ---------------------------------------------------------------------
	Various classes
--------------------------------------------------------------------- */

div.dedication p { text-align: center; }
p.dedication { text-align: center; }

div.inscription p { text-align: center; }
p.inscription { text-align: center; }

div.rubric p { text-align: center; font-style:italic; }
p.rubric { text-align: center; font-style: italic; }

.abstract {
        font-style: italic;
        font-size: .9em;
        margin-left: 1em; margin-right: 1em; }

.precis {
        font-variant: small-caps;
        font-size: .9em;
        margin-left: 1em; margin-right: 1em; }

div.epigraph p { text-align: center; font-style: italic; }
p.epigraph { text-align: center; font-style: italic; }

.colophon { text-align: center; font-weight: bold; font-style: italic; }

div.quote p, p.quote, blockquote {
	margin-left: 1em; margin-right: 1em; }

/*
	Use notice for advertisements, handbills, tombstones, etc.
*/

div.notice { border: 1px solid; padding:1em;
	margin-left: 1em; margin-right: 1em; }

div.notice p { text-align: center; font-style: bold; }

/* ---------------------------------------------------------------------
	Letters -- within a body, e.g. as quotations.
	Where the entire body is a letter, use the .letter class defined
	above (i.e. as a major division)
--------------------------------------------------------------------- */

.letter-typed {
	font-family: "Courier New", Courier, monospace;
	margin-left: 1em; margin-right: 1em; }

.letter-written {
	font-family: cursive;
	margin-left: 1em; margin-right: 1em; }
div.letter-written p { text-align: left; }

/* ---------------------------------------------------------------------
	Plays
	.act is a wrapper for the text
	.speaker is used for character names
	.speech is used for character speech
	.stage is used for stage directions
--------------------------------------------------------------------- */

/* div.act P { text-align: justify; line-height: 140%; } */

.speaker { font-weight: bold; font-variant: small-caps; }

.speech { margin-left: 1em; }

.stage { font-style: italic; }

/* ---------------------------------------------------------------------
	Poetry
--------------------------------------------------------------------- */

div.poem { font-style: normal; }
div.poem P { text-align: left; line-height: 140%; }
div.poem PRE { font-family: serif; text-align: left; line-height: 140%; }

div.canto { font-style: normal; }
div.canto P { line-height: 140%; }

.verse { text-align: left; margin-left: 2em; }
.stanza { text-align: left; margin-left: 2em; }

/* Note: one could use "white-space: pre;", in which case lines need not
be broken with BR tags. I.e. this would act like the PRE tag but allow
the use of variable-spaced fonts. */

/* ---------------------------------------------------------------------
	Navigation section
--------------------------------------------------------------------- */

.navigation {
	font-size: smaller;
	text-align: center;
	text-indent: 0;
}
.navigation P { /* because inheritance doesn't work in Win */
	font-size: smaller;
	text-align: center;
	text-indent: 0;
}

/* ---------------------------------------------------------------------
	Document info (footer)
	Features: we want it unobtrusive, so: grey everything,
	including links.
--------------------------------------------------------------------- */

.docinfo, ADDRESS {
	font-family: Arial, sans-serif;
	font-size: smaller;
	color: #666;
	background: #ffffff;
	text-align: left;
	max-width:25em;
}
.docinfo p { text-align:left; }

.docinfo p A {
	font-family: Arial, sans-serif;
	color: #666; background: #ffffff;
	text-decoration: underline;
}
.docinfo p A:visited {
	font-family: Arial, sans-serif;
	color: #666; background: #ffffff;
	text-decoration: underline;
}
.docinfo p A:hover {
	font-family: Arial, sans-serif;
	color: #f00; background: #ffffff;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------
	Miscellany
--------------------------------------------------------------------- */

/* positional classes, e.g. for IMG placement */

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }

.border { border:1px solid; }

/* citations are underlined, not italic */
CITE { text-decoration: underline; font-style: normal; }

/* Lists */

DL,OL,UL { text-align: left; line-height: 140%; }

DL DD { font-size: smaller; }

/*
OL LI		{ list-style-type: decimal; }

OL OL LI	{ list-style-type: lower-alpha; }

OL UL LI      { list-style-type: disc; }

OL OL OL LI	{ list-style-type: lower-roman }
*/

/*
These added April 2003 for Keynes k44g. Really need to create some
classes for tables with and without borders, etc.
*/
TABLE { border: 1px solid; width:100%; }
TH {
	margin:0px; padding:5px; border:1px dotted;
	text-align:center; font-weight: bold;
	background-color:#ccc;
}
TD { margin:0px; padding:5px; border:1px dotted; text-align:center; }
TR.total { border:1px solid; font-weight:bold; }

/* superscript is used for note references/numbering. 
   size ensures that the numbers don't intrude by increasing line
   spacing. */
SUP { font-size:.7em }

/* Fix for IE5.5/Mac
pre { font-family:monospace; text-align:left }

/* ================================END=============================== */