#banner{/* All the way across the top*/
		background-color: #fff; padding:0; height:140px	/* overwrites general background image*/
		}

#banner h1{	margin: 0px; padding:0 0 0px 15px; font-size:60px;color:#00c; background-color:#fff; }

body{padding: 0; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:80%;
	line-height:1.1;
	background-color: #fff;
	text-align:center;/* to humour IE, retracted later*/}

body#home a.lhome:link, body#home a.lhome:visited, body#home a.lhome:hover, body#home a.lhome:active,
body#whois a.lwhois:link, body#whois a.lwhois:visited, body#whois a.lwhois:hover, body#whois a.lwhois:active,
body#sword a.lsword:link, body#sword a.lsword:visited, body#sword a.lsword:hover, body#sword a.lsword:active,
body#poison a.lpoison:link, body#poison a.lpoison:visited, body#poison a.lpoison:hover, body#poison a.lpoison:active,
body#facts a.lfacts:link, body#facts a.lfacts:visited, body#facts a.lfacts:hover, body#facts a.lfacts:active,
body#trolls a.ltrolls:link, body#trolls a.ltrolls:visited, body#trolls a.ltrolls:hover, body#trolls a.ltrolls:active,
body#schools a.lschools:link, body#schools a.lschools:visited, body#schools a.lschools:hover, body#schools a.lschools:active,
body#author a.lauthor:link, body#author a.lauthor:visited, body#author a.lauthor:hover, body#author a.lauthor:active,
body#rings  a.lrings:link,  body#rings  a.lrings:visited,  body#rings  a.lrings:hover, body#rings a.lrings:active
{cursor:default;  background: url(i/warrow.gif) no-repeat right center; color:white; background-color:#00c; cursor:default; }

body#home a.fhome,
body#whois a.fwhois,
body#sword a.fsword,
body#poison a.fpoison,
body#facts a.ffacts,
body#trolls a.ftrolls,
body#schools a.fschools,
body#author a.fauthor,
body#rings  a.frings
{color:black; text-decoration:none; cursor:default}
.booktitle{font-weight:bold; font-size:18px; text-align:center;}
.pagetitle{font-weight:bold; font-size:15px; text-align:center;}
		
#container
		{	width:700px;	background-color: #fff;
			margin:5px auto; /* "auto" is proper centralisation */
			text-align:left; /*reverse IE hack*/
			background-image: url(i/bg0000cc.gif);background-repeat:repeat-y;
		}

#logo{width:180px; float:left}
#maintitle{float:left; padding-left:15px; color:#009}
#leftnav{clear:left; float: left; width: 180px;margin:10px 0 0 0; padding: 0; color:#fff; display:inline}
a.amazonlink:link, a.amazonlink:visited{font-weight:bold; color:#c00}
.buttonblock{margin:0 14px ; padding:0; list-style:none;}
ul.buttonfoot{list-style:none; text-align:center; padding:0; margin:0 }
ul.buttonfoot li {display:inline; padding:0 5px 0px 5px; text-align:center; line-height:1.6}
ul.castlist{list-style:none}
table.castlist {margin-left:20px}
td.person{padding-left:1em}
#rightpane{float:right; width:500px; }
#footer{	background-color: #fff;
			font-size:0.8em;
			text-align: center;
			z-index:10;
			margin-bottom:40px}
#wp		{
			clear: both;
			background-color: #fff;
			padding: 1em;
			font-size:0.6em;
			text-align: center;
			border-top:1px solid #009;
			margin-top:8px;
			z-index:10;
		}


#leftnav p { margin-top: 0; font-size:0.7em}

h1{margin:0; padding:0; color:blue; font-size:1.5em }
h2{margin:0; padding:0; color:blue; text-align:left; font-size:16px;}
h3{margin:0; padding:0;}
h5{margin:0; font-size:1.2em; font-weight:bold;}
.firstpara{padding-top:0; margin-top:0;}
.review{margin:5px 20px 0 20px; font-style:italic}
.longreview{margin:5px 20px 0 20px; font-style:italic; text-align:justify}
.reviewer{margin:0px 20px 30px 20px; font-weight:bold; text-align:right}
.strapline{font-weight:bold; font-size:14px; text-align:center;}
.poemline{margin:0 auto; }
.quoteblock{background-color:#FFFF00; margin:30px 0;padding:10px 0}

a:link,  a:visited{color:#0000ff}
a:hover {color:#000000} 
a:active{color:#0000ff}
#footer a.nolink{color:black; cursor:default}
#leftnav ul li{display: block;
		margin:0;
		padding: 5px 5px 5px 5px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background-color: #00c;
		color:#fff;
		width: 140px;}

#leftnav ul li a{text-decoration:none; display:block; width:100%; height:3.2em;}
html>body #leftnav li a {	width: auto;} /* sorts out a "100%" problem in some browsers*/
#leftnav ul li a:link, #leftnav li a:visited{color:white}
#leftnav ul li a:hover, #leftnav li a:active{color:red; background-color:white}



.picright{float:right; margin-left:5px; text-align:center; font-size:small; font-weight:bold;}
.picleft{float:left; padding-right:5px}
.pic{ font-size:small; font-weight:bold}
.pic2{width:228px; padding:15px 8px 5px 0; text-align:center; font-size:small; font-weight:bold; float:left}
.extract{margin:1em; border: 1px solid #009; padding: 0 1em; line-height:1.5}
.email{color:#00f; text-decoration:underline; cursor:pointer;}
.at{ vertical-align:text-bottom; border:none}
.backtotop{text-align:right}
.bigquote{background-color:#FFFF00; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size:22px; padding:10px 0; margin:30px 0; text-align:center; line-height:1.3}
.bigblock{background-color:#FFFF00; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size:22px; text-align:center; padding:10px 0; clear:both; margin:30px 0; line-height:1.3}
.schoolsblock{background-color:#FFFF00; font-family:Arial, Helvetica, sans-serif; font-size:17px; text-align:center; padding:10px 0; clear:both; margin:30px 0; line-height:1.3}
.quotestyle1{color:#009; font-size:120%; text-align:center; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif}
.quotestyle2{color:#c0c; font-size:120%; text-align:center; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif}
.quotestyle3{color:#009; font-size:108%; margin-bottom:2.5em; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif}
.quotestyle4{color:#c0c; font-size:108%; margin-bottom:2.5em; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif}
.quotestyle5{color:#330066; font-size:108%; margin-bottom:2.5em; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif}
.quotestyle6{color:#056f31; font-size:108%; margin-bottom:2.5em; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif}


#rightpane a.extlink:link, #footer a.extlink:link {color:#009900}
#rightpane a.extlink:visited, #footer a.extlink:visited{color:#999933}
#rightpane a.extlink:hover, #footer a.extlink:hover {color:#cc0000}
.subhead3{color:#009; font-size:17px; }
.subhead4{color:#c0c; font-size:17px; }
.subhead3a{color:#009; font-size:22px; text-align:center}
.subhead4a{color:#c0c; font-size:22px; text-align:center}

ul.topiclist li{margin-bottom:15px}
ul.topiclist{list-style-image:url('i/star.gif')}

@media print{
#container{width:100%}
#leftnav{display:none}
#rightpane{float:none; width:90%}

}