body {
	background-image:url(starryblue250mild.jpg);
	color:black; 
	font-family:Times New Roman,serif
} 
h1 {color:#000033; font-family:garamond,times,serif; font-size:18pt}
H2 {color:#FFFFFF; font-family:Times New Roman,serif}
H3 {color:#000000; font-family:Times New Roman,serif}
H4 {color:#000000; font-family:Times New Roman,serif; font-style:italic; font-size:11}

table {border-collapse:collapse}

A:link {color:#000080 ; text-decoration: underline}
A:visited {color:#000000 ; text-decoration:underline}
A:active {color:#D2B48C;text-decoration: underline}
A:hover {color:#D2B48C;text-decoration: underline}

/* navigation */
table.navL1 {position:absolute; top:0px; left:0px}
table.navL1 td {border-left:1px solid #000066;}
.navL1first {background-color:#cccccc !important}
div.navL2, table.navL2 {position:absolute; top:20px; display:none; z-index:2}
.navL1, .navL2 {font-family:Verdana,sans-serif; font-weight:bold}
.navL1 {font-size:11px}
.navL2 {font-size:10px}
td.navL1 {background-color:#fdf5e6; color:black; width:168px; height:20px}
p.navL2 {
  background-color:#ede5d6;
  width:168px; 
  margin:0px; 
  padding:3px; 
  border-top:1px solid #000066;
}
.navL1 a, .navL2 a {text-decoration:none !important; color:#000066 !important;}
.navL1 a:hover, .navL2 a:hover {color:#daa520 !important}
.navl1 a {padding-left:4px !important;}

/* used for "Back to Main Page" sections */
.footer {padding-top:20px; font-size:10pt}


/* generic parchment background */
.parchment {
	background: url(parchmentpalestrip.jpg); 
	color:black;
}


/* table of contents pages */
.toc {
	width:250px;
	text-indent:0px;
	background-color:#FDF5E6; 
	padding-left:1cm;
	padding-right:1cm;
	margin-right:10px;
	background: url(parchmentpalestrip.jpg)
}
/* episode lists inside a TOC should be wider than normal */
.toc .episodes {width:100% !important}


/* side list of entries within a chapter */
.episodes {
	width:150px; 
	padding-left:8px; 
	padding-right:8px; 
	font-size:8pt; 
	background-color:#FDF5E6; 
	vertical-align:top; 
	background: url(parchmentpalestrip.jpg); 
	color:black
}
.episodes p {margin:7px 0}



/* bio data */
.bio {
	width:350px;
	background-color:#FDF5E6;
	padding-left:1cm;
	padding-right:1cm;
	font-size:10pt;
	margin-right:10px;
	background: url(parchmentpalestrip.jpg); 
	vertical-align:top;
}
.bio h1, .bio h3 {font-family:garamond,times,serif}


/* table cells holding portraits */
td.portrait {
	width:450px; 
	margin-left:10px; 
	margin-right:10px; 
	background-color:#FDF5E6; 
	padding:20px 40px;
	text-align:center; 
	font-weight:bold; 
	font-size:10pt; 
	background: url(parchmentpalestrip.jpg); 
	vertical-align:top;
}

/* used for spell names in Arcade and Dylrath's lists, and sometimes 
   in episodes */
.spellname {
	font-style:italic;
	color:black; 
	font-family:Times New Roman,serif
}


/* commentary about episodes */
/* not all annotations may be table cells, so the definition is broken 
   up into .annotations (global) and td.annotations (td only)  */
.annotations {
	background-color:#FFFFFF; 
	padding-left:20px;
	padding-right:20px;
	font-size:10pt;
	margin-right:0px;
	background: url(parchmentpalestrip.jpg)
}
td.annotations {
	width:200px;
	padding-left:30x;
	padding-right:30px;
}
div.annotations {
	border-top:1px dotted black;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px dotted black;
	margin-bottom:20px;
}



/* used on SOME chapter pages (early, eversink, white) to hold the
   chapter title and title graphic, and to indent these properly */
td.cover {
	width:351px; 
	background-color:#FFFFFF; 
	padding-left:50px;
	padding-right:50px;
	font-size:10pt;
	margin-right:0px; 
	background: url(parchmentpalestrip.jpg)
}



/* decorations for specific chapters */

 /* "decor" does nothing by default, but should be applied to
    all decorative elements in the .js files, so that the TOC pages
    can hide them  */
.decor {}

.decorationwhite {
	padding-left:0px;
	padding-right:0px;
	background: url(decorationwhite.jpg); 
	height:38px;
}

.decorationupward {
	padding-left:0px;
	padding-right:0px;
	background: url(decorationupward.jpg); 
	height:35px;
}

.decorationearly {
	padding-left:0px;
	padding-right:0px;
	background: url(decorationearly.jpg)
}


/* vertical line used in White Kingdom pages */
td.vertlinewhite {
	padding-left:0px;
	padding-right:0px;
	background-color:#aaaaaa;
}


/* used to wrap tables, table cells, some images */
.goldborder {border:3px solid #d6aa7b}


/* used to decorate tables and provide dividers between cells  */

.goldhorizborder{padding-left:0px;padding-right:0px;background: url(goldborderhoriz.jpg)}

.goldvertborder{padding-left:0px;padding-right:0px;background: url(goldbordernarrow.jpg)}


/* These do not technically create borders, but are placed on nesting
   blocks that have content blocks within them.  The padding 
   equals the amount of border.  */

.borderparchmentpale {
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	background: url(parchmentpalestrip.jpg); 
}

.borderparchmentdark {
	padding-left:20px;
	padding-right:20px;
	background: url(parchmentdark.jpg);
}


/* table1 seems to be the "generic content block", and
   is often used on td, not just table. 
   it should probably be renamed semantically         */
.table1 {
	width:450px;
	background-color:#FFFFFF; 
	padding-left:50px;
	padding-right:50px;
	font-size:12pt;
	margin-right:0px;
	background: url(parchmentpalestrip.jpg)
}


/* ===== NEW STYLES ============= */

/* wrapper for whole page 
   padding-top is to replace the <br/><p/> on old pages */
.content {padding-top:30px}


/* generic entry div, where the Story Hour content goes 
   replaces table1  */
.prose {
	width:450px;
	padding: 5px 50px 20px 50px;
	font-size:12pt;
	background: url(parchmentpalestrip.jpg);
	vertical-align:top;
}

.x {display:none}