/*		Default style sheet for Doctor Scarpin's SCARPnotes	*/

/*
--------------  "IE Fixes  ----------------------------------- */

#page	{height: 1%;}

/*
--------------  "Firefox Fixes" ------------------------------ */

:after.clearfix {content: "."; height:0; visibility: hidden; display: block; clear: both; }
.clearfix {display: inline-block; clear:both; width:100%; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; display: block; }
/* End hide from IE-mac */


/*
---------------  "General XHTML SelectorStyles" -------------- */
	
html	{margin: 0px;
		}
body	{margin: 0px; padding: 0px; background-color: #a36661; 
		font-family: Verdana, sans-serif; font-size: small; 
		text-align: center; z-index: 0;
		}
a		{text-decoration:none; 
		}
a img	{border: 0;
		}
p		{margin:0 0 1em; text-align: left;
		}
p:first-line.dropcap	{font-variant: small-caps; font-style: italic;
		}
p:first-letter.dropcap	{color:#000080; font-size:200%; float:left; line-height: 1; 
						font-style: italic; margin-right:0.1em;
		}
em		{font-style: italic; font-weight: bold;
		}
.cursed em {
	font-style:  italic; font-weight:  normal;
}
dfn		{cursor: help; border-bottom: 1px dashed #000000; font-size: 100%;
		}
h1, h3,
	h4	{margin:0; padding:0; color: #800000; 
 		font-family:'comic sans MS', verdana, sans-serif; font-variant:small-caps;
 		}
h1		{font-size: 300%;
		}
h3		{font-size: 200%;
		}
	h3.subtitle	{font-size: 160%; padding: 0.25em 0 0 0; font-weight:normal;
		}
h2		{margin:0; padding:0; color: #800000;
		font-family: verdana, sans-serif; font-variant:small-caps; font-size: 200%;
		}
h4		{font-size:120%;
		}
	h4.bluindent	{color:#000080; padding: 0 0 0 50px;
		}
samp	{color: #303000; font-family: Verdana, sans-serif; font-size:90%; font-style: italic; 
		}

.center {
	text-align:  center;
}
.section {
	margin-bottom:  0.5em; font-style: italic;
}
			
.drop	{float:left; color:#000080; font-size:320%; font-style: italic; margin-left:0; margin-right:0.1em; margin-top:0.2em; margin-bottom:-0.1em; 
		padding-left:0; padding-right:0; padding-top:0; padding-bottom:0 }

/*
-----------------  "General Classes"  ------------------------- */
.super	{font-weight:bold; font-variant:small-caps; vertical-align:20%;
		}
.inv	{visibility: hidden;
		}
.hide	{display:none;
		}
.soft	{font-weight:normal; font-size: 80%;
		}
.annotate {font-weight:bold; font-size: 75%; color: #000080; font-style: italic;
		}
.italic	{font-style: italic;
		}
.blue	{color: #000080;
		}
.red	{color: #800000;
		}
.dkgreen	{color: #303000; font-weight:bold;
		}
.anslite	{color:#000080; font-style:italic; padding:0 0 0 10px;
		}
.mla-cite	{background-color:white; font: small Verdana, sans-serif #000;
			border:1px solid #000; margin: 1em; padding: 0.5em;
			}
.mla-cite cite	{display: block; margin-top:0.5em; 
			font-style: italic; color: #000080;
			}
.firstparagraph {color:#f0c7b3; font-weight:normal; }
.hideheading	{display:none; }
.bookheading	{text-align:center; color:#000080; font-family:Arial; font-size:1.2em; font-weight:bold; padding-top:20px; 
			padding-bottom:10px; }
span.top	{text-align:left; font-weight: bold; font-variant:small-caps; vertical-align:20%; padding:0; }
.staging	{
	border: 3px dotted grey; color: #777; padding: 0.5em; margin: 1em 0;
}


/*
--------------  "Javascript Bubbletip classes - don't remove  -----------*/
.bubbleTooltip {color:#000000;
	width: 200px;
	text-decoration:none;
	text-align:center; font-family:sans-serif; 
	}
.bubbleTooltip span.top {
	padding: 30px 8px 0;
	background: url("img/bubble.gif") no-repeat top;
	}
.bubbleTooltip span.bottom {
	padding:3px 8px 15px;
	color: #000;
	background: url("img/bubble.gif") no-repeat bottom;
	}
/*
------  End classes needed for the bubbletip Javascript - don't remove */

/*
--------------- "Import specific classes" ------------------------------- */
/* Synopses classes */
.Syn1		{color: #800000; text-align: left; font-family:Verdana; font-size: 100%; width: 2%; }
.Syn2		{color: #000080; text-align: left; font-family:Verdana; font-size: 100%; font-weight:bold; width: 15%; }
.Syn3		{color: #000000; font-family: Verdana; font-size: 100%; width: 81%; }
.Syn4 		{color: #000000; font-family: Verdana; font-size: 100%; width: 2%; }
.Syn5 		{font-family: Verdana; font-size: 100%; width: 0%; }

/* Character classes */ 

/* Quote Classes */
.Quo1		{text-align: left; font-family:Verdana; font-size: 90%; font-weight:normal; width: 97%; color: #001000; }
.Quo2		{text-align: left; font-family:Verdana; font-size: 90%; font-weight:normal; width: 4%; }


/*
----------------- "Page Styles"  ------------------------------ */
#page		{position:relative; min-width:500px; max-width:1400px; 
			text-align:left; margin:0px; padding:0px; z-index:0; }

/*
---------------  "Header Styles" ------------------------------ */

#header	{position:relative; height:150px; padding:0px; background-color:transparent; z-index:0; 
				margin:0% 1% 0% 1%; text-align:center; }
	#hppensieve	{position:relative; float:left; } 
	#imgPenRim 	{position:absolute; bottom:1px; left:0; z-index:1; }
		#imgPenBowl {position:absolute; bottom:1px; left: 0; z-index:0; }
		#hpp		{position:absolute; bottom:1px; left: 0; z-index:5; }
	#scarphead	{position:absolute; top:5px; padding:0; }
	#founder	{position:absolute; bottom:1px; right:0; border:2px solid #000080; color:#000080; font-size: 80%; }
		#founder img	{border:3px solid #800000; }
		 
/*
----------------  "Message Row Styles ------------------------- */

#message 		{position:relative; margin:0; padding:2px 2px 2px 0.5em; font-size:90%; color:#cc9; text-align:right; height: 1.25em;
				background:#404530 url("img/message-bg.gif") repeat-x top left; display:block; 
				}
#message strong {float:left; margin:0; padding:0 0 0 1.5em; background: url("img/quill_bg.gif") no-repeat top left; } 
#message span	{float: right; padding:0 0 0 0; margin:0; }
#message a:link		{color:#a0a0a0; }
#message a:visited	{color:#a0a0a0; }
#message a:hover 	{color:#cc9; }

/*
----------------  "Content Styles  ---------------------------- */

#content	{float:left; 
			background:url('img/paper-midR.gif') repeat-y top right; 
			}
.index #content,
	.quiz #content,
	.standard #content	{width:78%;
			}
.single #content	{float:none; width:750px; margin:0 auto; padding:1em 2em; z-index:0;
			color: #000000; text-align:center; background:#828377 url(img/footer-bg.gif) repeat-x top left;
			}
.double #content	{float:left; width:75%; padding:2em 1em;
			background:#828377 url(img/footer-bg.gif) repeat-x top left;
			}

/*
----------------  "Context Styles  ---------------------------- */

#context	{position:relative; width:60%; float:left; background:url('img/paper-midR.gif') repeat-y top right; }

	
/*
	--------- "Title Styles"  ------------ */

#title		{text-align:center; padding:.5em 3% 0em 3%; background: url('img/paper-midL.gif') repeat-y top left;
			}
.single #title,
.double #title	{background:transparent; }
.index h1,
	.quiz h1,
	.standard h1,
	.single h1,
	.double h1	{font-variant: normal; color:#000080; font-size: 185%; margin: 0; padding: 0; }
.index h1 span.book,
	.quiz h1 span.book,
	.standard h1 span.book,
	.single h1 span.book,
	.double h1 span.book	{font-size:125%;
				}
#context h1 span.book	{font-size: 110%; 
				}
#context h3.subtitle	{font-family: verdana, sans-serif; font-variant:small-caps; color: #800000; 
					margin: 0px; padding: 0; font-size: 125%; font-weight: bold; 
				}





/*
	----------------- "Navigation Styles" ----  (added after cursed)  */
.current	{color:#b0b0b0; } /* used for current link color */

/*
	----------------- "Menu Styles" ----------  */

#menu		{position:relative; top:0px; 
			text-align:left; margin:0px 0%; border:none; z-index:0; }
	 
#links	{position:relative; width:100%; font-family:'comic sans MS', verdana, sans-serif; color:#800000; font-weight:bold; 
						text-align:left; }
						
#links a {display:block; height:1.2em; color:#800000; font-size:110%; font-variant:small-caps; text-decoration:none; }
#links a.notreadyyet	{color:#b0b0b0; }

#links a:hover	{color:#000080; font-size:115%; }
#links a:hover.notreadyyet	{font-size: 1.1em; color:#b0b0b0; }
		
#links a img {position:absolute; height:0px; width:0px; border-width:0px; }
		
#links a:hover img	{position:absolute; top:7em; left:35%; height:125px; width:125px; }		 
		 
#links a span.text-r	{position:absolute; visibility:hidden; border-width:0px; }
#links a:hover span.text-r	{position:absolute; top:6em; left:60%; visibility:visible; 
				width:40%; color:#f0c7b3; font-size:90%; font-variant:normal; font-weight:normal; text-align:left; }


/*
	--------- "Table of Contents Styles - */
	
#toc	{text-align:center; font-size: 110%; padding:0 3%;
		background: url('img/paper-midL.gif') repeat-y top left;
		}
table.dot	{text-align:left; font-size:130%; font-variant:small-caps;
		font-family:'comic sans MS', verdana, sans-serif; 
		color:#800000; font-weight:bold;
		width: 90%; border-collapse: collapse;
		border-spacing: 0px; margin-top: 12px;
		padding: 0px;
		}
table.dot td	{vertical-align: bottom; padding-top:0;
		background: url("img/dot.gif") repeat-x bottom;
		}
table.dot td.right	{
		text-align: right;
		}
table.dot td span	{
		background: url('img/paper-center.gif') repeat-x;
		}
table.dot td.left span	{
		padding-right: 6px;
		}
table.dot td.right span	{
		padding-left: 6px;
		}
table.dot a 		{color:#800000; text-decoration:none; padding-right:10px; }
table.dot a:hover {color:#000080; font-style: italic; }
table.dot a.notreadyyet, table.dot a:hover.notreadyyet {color:#808080; font-style: normal; }

table .key1	{color: #800000; text-align: right; font-family:Verdana;
		font-size: 90%; font-weight:bold; width: 25%; vertical-align:top;
		}
table .key2	{color: #000000; text-align: left; font-family:Verdana;
		font-size: 90%; width: 75%;
		}
	
	
/*
	------------- "Quiz Styles" --------- */

#quiz		{text-align:left; padding:0 3% 0 3%; 
			background: url('img/paper-midL.gif') repeat-y top left; }
#quiz p		{margin:1em 0 0.5em ; font-weight:bold; }
	
	
/*
	------------- "Text Styles" --------- */

#text		{position:relative; text-align:left; padding:2em 3% 0 3%; font-size:110%;
			background: url('img/paper-midL.gif') repeat-y top left;
			}
#jobapp #text	{min-height: 50em;
			}
#text h3.subtitle	{text-align:center; font-size: 160%; 
			}
#text h3.spark	{font-family:'comic sans MS', verdana, sans-serif; font-variant:small-caps; 
			color: #800000; font-size: 160%; padding: 0.25em 0 0 0; font-weight:normal;
			text-align:center; }
#text ul	{margin-left:1em; text-align:left; padding-left:0; 
			}
#text ul li.question	{border:0; margin-top:0.5em; 
			font-family:'comic sans MS', Verdana, sans-serif; color:#800000;
			}
#text ul span.anslite	{font-family:Verdana, sans-serif; font-size:0.8em; color:#000080;
			}

.report#text ul	{text-align:left; font-size: 80%; }
.report#text ul li	{font-weight:normal; font-variant:normal; margin:0em 0em 0.5em 0em;
				font-family:'comic sans MS', Verdana, sans-serif; font-size: 1.3em; color:#800000; }
.report#text ul p	{font-family:Verdana, sans-serif; font-size:0.8em; color: black; 
				font-variant:normal; font-weight: normal; margin-top: 0px; }
.report#text span.anslite	{font-family:Verdana, sans-serif; font-size:0.9em; color:#000080;
			}
.report#text a	{font-size: 100%;
			}
.report#text a:hover	{color:#000080;
			}

#text ol	{list-style:upper-roman; text-align:left; margin:0 1.5em; padding: 0;
			}
#text ol li	{border:0; font-size:1em; font-variant:normal; font-weight:bold; 
			font-family: Verdana, sans-serif; color:#800000; 
			}
#text ol li p	{font-size:0.9em; color:#000; margin:0 0 0.5em 0; padding:0; 
				font-weight:normal; }
#text li a	{text-decoration:underline; padding:0; font-size:90%; top:0px; color:#800000; }
#text li a:hover	{padding:0; font-style:normal; color:#000080; }
.divider	{display:block; text-align:center; margin:1em auto 1.5em; }	
#text div.mla-cite	{width:90%; }

/*	------ study questions ------  */

#text #studyquestions ol	{text-align:left; font-size: 1em; list-style-type:lower-alpha; 
						padding: 0; margin: -0.5em 2em 1em 3em; }
#text #studyquestions li	{color:#000; font-weight:normal; }
	
		
/*
	-------------  "Overlay Styles" ------ */
	
#overlay	{position:absolute; top:3em; left: 100px; 
			width:550px; height: 900px; padding: 0; margin: 0;
			}
#overlay #overlaytxt	{position:absolute; top:100px; left: 50px;
			}
#overlay p	{width:450px; color:#800000; font-family:'comic sans MS', verdana, sans-serif;
			font-size: 110%; padding:0 0 .5em 0; margin: 0;
			}
#overlay p em	{color:#000080; font-weight:bold;
			}
#overlay a:link		{color:#000080; font-style:normal;
			}
#overlay a:hover	{color:#800000; font-style:italic;
			}
			

/*
	-------------  "Import Styles"  ------ */

#import		{position:relative; top:0px; text-align:left; padding:1em 1%; margin:0; 
			background: url('img/paper-midL.gif') repeat-y top left; font-size: 110%; 
			}
.character#import	{padding-right:3%; }
.quotes#import		{padding-left: 2%; }
.summary#import		{padding:0 1.5em 0 1.5em; }
.author	{font-size:90%; color:#800000; font-style:italic; margin:0 0 0 20px; float: right; }


	/*  **** general DLs ****  */
dl	{position:relative; width: 99%; }
dt	{float:left; width: 4%; font-weight: bold; font-size: 110%; 
	text-align:center; color:#800000; margin:0; padding:0; }
dd	{float:left; margin:0; padding:0; }


	/* *** Character DLs *** */
dl.character	{margin: 0; padding:0.75em 0 0 .5em; }
dl.tblheading	{margin: 0; padding:1em 0 0 .5em; border-bottom: 2px solid #000080; }
dl.character dt,
	dl.character dd	{line-height: 1.5; }
dl.character dt.col1,
	dl.tblheading dt.col1	{display:none; }
	dl.character dd.col2	{width: 10%;
							font-family:Verdana, sans-serif; font-size: 110%; font-weight:bold; color: #800000; }				
	dl.tblheading dd.col2	{width: 7%; text-align: left; padding:0;}
	dl.character dd.col3	{width: 83%; float:left; padding:0; 
							font-family:Verdana, sans-serif; font-size: 110%; font-weight:bold; color: #000080; }			
	dl.tblheading dd.col3	{width: 15%; color: #000080; float:left;  padding:0; }
	dl.character dd.col4	{clear:both; width: 3%; text-align:center; float:left; 
							font-family: Verdana, sans-serif; font-size: 90%; color: #000000; padding-left: 3em; }
	dl.tblheading dd.col4	{width: 3%; float:left; }
	dl.character dd.col5	{width: 90%; float:left;
							font-family: Verdana, sans-serif; font-size: 90%; color: #000000; }
	dl.tblheading dd.col5	{float:left; width: 30%; }
	dl.character dd.col5 span.charheading	{font-family:'comic sans MS', Verdana, sans-serif; font-weight:bold; 
								font-variant:small-caps; color: #800000; font-size: 150%; padding: 1em 0 0 0;}
	dl.tblheading dd.col2, 
		dl.tblheading dd.col3, 
		dl.tblheading dd.col4, 
		dl.tblheading dd.col5	{text-align:center; color:#000080; font-family:Arial, sans-serif; font-size:1.3em; font-weight:bold; 
								margin: 0; padding: .5em 0 0 0; }

	/* ****** Quote DLs WHICH ONE TO USE???****** */

	dl.quote		{margin: 0.75em 0 1em 0; padding: 0; display:inline-block; }
	dl:after.quote	{content: "."; height:0; visibility: hidden; display: block; clear: both; } /* incredibly stupid Firefox 
						kloodge in order to get a bottom margin on the dl with two floated columns */
	dl.quote dt.col1  {float:left; width: 89%; text-align:left; font-family:Verdana; font-size: 90%; font-weight:normal;
						color: #001000; margin-left: 0.5em; 
					  }
	dl.quote dt.jumpbar	{display:none; }
	dl.quote dd.col2  {float:right; width: 8%; text-align:left; font-family:Verdana; font-size: 90%;
						font-weight:normal; margin-left:1em; margin-top: -2em;
						}
	
	/* ****** booksummary DLs ****** */

	dl.chpt	{text-align:left; clear:both; padding-top:1em; }
	dl.chpt dt.jumpbar	{display:none; }
		/**** Critique class */
	dl.critique	{padding:3px; border:3px dotted #000000; color:#000000; 
				margin:5px; font-weight:normal; }
	dl.critique	{font-size:90%; text-align:justify; 
				color:#000000; margin:0; padding:0; font-weight:normal; }
	dl:after.critique	{content: "."; height:0; visibility: hidden; display: block; clear: both; } /* incredibly stupid Firefox 
						kloodge in order to get a bottom margin on the dl with two floated columns */
	dl.critique dt.col1,
		dl.critique dd.col2,
		dl.critique	dd.col4 {display:none; }
	dl.critique dd.col3	{width:96%; padding:0.5em; }
	dl.critique dd.col5	{position:absolute; left:103%; width: 23%; 
		background:#828377 url(img/footer-bg.gif) repeat-x top left; 
		padding:0.5em; font-size:90%; text-align:left; font-style:normal; 
		color:#cc9; }
	dl.critique p	{text-align:justify; margin:0 0 .5em 0; }
	dl.critique p:first-letter.first	{color:#000080; font-size:240%; float:left; line-height: 1; margin-right:0.1em; }
		/**** booktitle class */
	dl.booktitle dt.col1,
		dl.booktitle dd.col4	{display:none; }
	dl.booktitle dd.col2	{width: 83%; text-align:center; color:#000080; font-weight:bold; }
	dl.booktitle dd.col3	{width: 5%; float:right;  }
		/**** chpt class */
	dt.col1	{clear:both; }
	dd.col2	{float:left; width: 90%; font-weight: bold; font-size: 110%; color:#800000; padding-left:1em; } /* this width forces a pagebreak for the next column */
	dd.col3	{width: 90%; padding: 0 0.5em; } /* synopsis almost full width minus 3em padding */
	dd.col3 ul	{text-align: left; font-size:1em; list-style-type:square; list-style-position:inside; margin:0; padding:0; }
	dd.col3 li,
		span.list	{font-style:normal; font-variant:normal; font-weight:normal; font-size: 90%; 
				font-family:'comic sans MS', verdana, sans-serif; color:#800000; border:0; padding:0 0 0 2em; margin:0; }
	span.list	{display:block; margin:0 0 0.25em 0; padding:0; }
	
	/* the specialis revelio initial setups - are changed by a javascript */
	.kings		{visibility:hidden; } /* Hallows */
	.flaw		{visibility:hidden; } /* Hallows */
	.nineteen	{visibility:hidden; } /*  */
	.dobby		{visibility:hidden; } /*  */
	.heir		{visibility:hidden; } /*  */
	.chamber	{visibility:hidden; } /*  */
	.faces		{visibility:hidden; } /*  */
	.priori		{visibility:hidden; } /*  */
	.beginning	{visibility:hidden; } /*  */
	.parting	{visibility:hidden; } /*  */
	.veritas	{visibility:hidden; } /*  */
	.pot		{visibility:hidden; } /* Beedle */
	.brothers	{visibility:hidden; } /* Beedle */
	.fountain	{visibility:hidden; } /* Beedle */
	.heart		{visibility:hidden; } /* Beedle */
	.rabbit		{visibility:hidden; } /* Beedle */
	
	dd.col4	{float:right; width: 3%; text-align:right; margin:0; padding:0; }	/* page number */
		/**** column 5 annotations - forces outside box into sidebar */
	dl.chpt dd.col5	{position:absolute; left:103%; width: 23%; 
		background:#828377 url(img/footer-bg.gif) repeat-x top left; 
		padding:0.5em; margin-top: 1.5em; font-size:90%; 
		color:#cc9; }
	dl.chpt dd.col5	{display:none; }
	dl.chpt dd.col5 em,
		dl.critique dd.col5 em {color:#000080; }
	dl.chpt dd.col5 a,
		dl.critique dd.col5 a {float:right; color:red; margin:0 3px; }
	.lit		{display:none; }
	.parent		{display:none; }
	.hero		{display:none; } 
	

	
/*
	------------- "Link Pages's Styles --------- */


#linkdivision 	{text-align:left; }
#linkdivision .spoil	{margin:0px; font-family: "Times New Roman"; font-size: 2em; color: #800000; font-style: italic;
					font-weight: bold; text-align: center; border-bottom: 0px solid #800000; border-top: 0px;
					vertical-align:top; text-indent:0px; line-height:100%; word-spacing:0px; 
					padding-top:0px; padding-bottom:0px; } 
#linkdivision a.h5    {margin:0; font-family:"Arial Narrow"; font-size:1.25em;
					font-weight:bold;text-align:left; line-height:100%; color:#000080; }
#linkdivision a:link,
	#linkdivision a:visited	{color:#000080; }
#linkdivision a:hover	{color:#800000; }
#linkdivision p		{border-width:0px; padding:0px; font-family: Arial; font-size: 1em; color: #000000;
					margin:0 0 0.5em 0; }


/*
-----------------  "Explanation Styles  ------------------------- */

#explanation	{clear:both; background:#828377 url(img/footer-bg.gif) repeat-x top left; 
					margin:23em 5% 3em 5%; padding: 2%; }
#explanation dl	{text-align:left; }
#explanation dt	{color:#800000; font-weight:bold; margin-top: 1em; text-align:left; width:100%; }
#explanation dd	{color:#f0c7b3; font-style:italic; }


/*
----------------  "Sidebar Styles" ---------------------------- */

#sidebar 		{float:left; text-align: center; margin:0;
				background:#828377 url("img/footer-bg.gif") repeat-x top left; 
				}
.index #sidebar,
	.quiz #sidebar,
	.standard #sidebar,
	.double	#sidebar	{width:21%;
				}
.double #sidebar	{float:right; }
.larger#sidebar	{width:39%;
				}
#sidebar a:link		{color:#202020; font-weight:bold; text-decoration:underline; }
#sidebar a:visited	{color:#202020; font-weight:bold; text-decoration:underline; }
#sidebar a:hover 	{color:#cc9; }
#sidebar p		{color:#f0c7b3; padding:0.25em 1em; font-size:90%; margin: 0px; text-align: left;
				}
#sidebar p.bubbletip	{background: url("img/bubble.gif") no-repeat top left;
				color:#000; padding-top:2em; width:80%;
				}
#insertgraphic	{float:left; padding:0 .5em;
				}
#sidebar h4		{font-size: 130%;
				}
#sidebar h4.side	{color:#000080; font-weight:bold; font-size:120%;
				margin:5px 0 0 1em; text-align:left;
				}
#sidebar ol.side	{font-size:1em; list-style-type:decimal; color:#800000;
				text-align:left; 
				}
#sidebar ol.side li	{border-bottom:0; font-weight:normal;
				}
#sidebar ol.side span	{color:#f0c7b3; }
#sidebar ol.side p	{font-size:90%; text-align:left; font-variant:normal; }

#sidebar ol.ordDesc	{font-size:1em; list-style-type:decimal; list-style-position:inside; 
						line-height:1; text-align:left; margin: 0 0 0 1em; }
#sidebar ol.ordDesc li	{font-size:110%; margin-top: 4px; font-family:'comic sans MS', verdana, sans-serif; color:#800000; 
						font-weight:normal; font-variant:small-caps; }
#sidebar ol.ordDesc span	{font-size:90%; padding-left:0.5em; text-align:left; font-variant:normal; color:#f0c7b3;}
#sidebar ol.ordDesc p	{font-size:90%; padding-left:0.5em; text-align:left; font-variant:normal; }

/* sidebar the CLASS  */
.sidebar	{float:right; width:21%; background:#828377 url("hallows/img/footer-bg.gif") repeat-x top left; margin:1em 0 0 0; 
						text-align: center; }
.sidebar p		{color:#f0c7b3; padding:0.25em 1em; font-size:90%; margin: 0px; text-align: left; }
.sidebar h4		{font-size: 130%; }

	/* Spell Buttons */
#sidebar form,
	dl.chpt form	{padding:0; margin:0; }
#sidebar form	{text-align:center; }
#sidebar input,
	dl.chpt input	{margin:0; padding:0; color:blue; font-style:italic; border-style:outset; }
#sidebar input.spell	{width:90px; }
#sidebar input.subspell	{width:50px; }
#sidebar input.spell,
	#sidebar input.subspell	{font-size:80%; }
#sidebar dl {margin: 5px 0 0 5px; padding: 0; }
	dl.chpt input.spell	{width:90px; font-size:60%; }

	/* quotebox */
#quotebox		{padding: 0 3px; margin: 0; text-align: center; }
#quotebox p span	{font-size: 90%; color:#000080; }
#quotebox em	{color:#404530; }


/*
	------- "Bottom Styles" ------------  */

#bottom		{clear:both; text-align:left; padding:0 0 3em 0; margin:0 0 0 0; 
			background:url('img/paper-midL.gif') repeat-y top left;}
#botCover	{background-color:#828377; z-index: -5; text-align: center; margin: 1em 0 0; padding: 1em 0 2em; }

/*
-----------------  "Footer Styles  ------------------------------ */

/* footer */
			
	#footer			{clear:both; position:relative; bottom:1em; margin:3em 5%; padding:0 1%; color:#f0c7b3; }












/*	End	*/