body {
	background: #ccdef3 url(i/bg2.jpg) no-repeat scroll left top;
}
body {
	font-family: "Comic Sans MS", arial, helvetica, serif;
	text-align: center; /* IE hack, corrected in #centre below */
	padding: 0;	margin: 0;
}

#centre {	width: 802px;	text-align: left;	margin: 0 auto;}

#nav, #nav ul, #bottomnav, #bottomnav ul { /* all lists */
	padding: 0;	margin: 0;
	list-style: none;
	line-height: 1.2;
	font-size:90%;	z-index:20;
}

#nav li, #bottomnav li { /* all list items */
	float: left;
	background-color:#4878c4;
	margin:3px;
	padding:2px 0;
	width:140px; /* width needed or else Opera goes nuts */
}

#nav li#navhome, #bottomnav li#bhome{width:6em; }
#nav li#navfict, #bottomnav li#bfict{width:6em; }
#nav li#navpict, #bottomnav li#bpict{width:9em; }
#nav li#navtod, #bottomnav li#bnove{width:15em}
#nav li#navtalks, #bottomnav li#btalk{width:9em}
#nav li#navabout, #bottomnav li#babou{width:6em}


#nav a, #bottomnav a{display: block; width: 100%; font-size:1.2em; text-align:center;	text-decoration:none;	color:#FFFFFF;}

#nav a:hover, #bottomnav a:hover {color:#FF6600};

/* These sections pick out the page we're on and stop the button looking live */
body#home #navhome a,
body#fict #navfict a,
body#pict #navpict a,
body#todl #navtod a,
body#talks #navtalks a,
body#about #navabout a,
body#bio #navbio a,
body#contact #navcontact a,
body#news #navnews a,
body#collabs #navcollabs a,
body#science #navscience a
{color:#111177; cursor:default}

/*ditto for bottom nav*/
body#home #bhome a,
body#fict #bfict a,
body#pict #bpict a,
body#todl #btodl a,
body#talks #btalk a,
body#about #babou a

{color:#111177; cursor:default;}


#bottomdiv{margin-bottom:0 auto 20px auto; clear:both; }

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

#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#4878c4;
	color:white;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a{text-align:left; color:white;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*===========================================*/
#pagecontent{clear:left; padding-top:10px;}
#positioned{position:relative; left:0; top:0}
#welcome{	position:absolute;	line-height:1.3;	left:0;	top:0;	width:344px;	height: 209px;	z-index:10;}
#bigbear{	position:absolute;	left:358px;	top:232px;	width:205px;	height: 206px;}
#theway{position:absolute;	left:359px;	top:14px;	width:205px;	height: 206px;}
#bedtime{position:absolute;	left:577px;	top:13px;	width:189px;	height: 200px;}
#dads{position:absolute;	left:578px;	top:231px;	width:190px;	height: 206px;}
#league{position:absolute;	left:14px;	top:215px;	width:313px;	height: 241px;}

.at{border:0; vertical-align:bottom}
.amazonlink{text-align:center;}
.backtotop{clear:both; text-align:right; margin:0}
.backtotop a:visited{color:blue}
.bookdesc{margin-left:23px; text-indent:-23px}
.email{color:blue; text-decoration:underline; cursor:pointer}
.firstpara{margin-top:0}
.followon{margin-bottom:0}
.notopbottom{margin-top:0; margin-bottom:0}
.picleft{float:left; margin:0 10px 10px 0}
.picright{float:right; margin:0 0 10px 10px}
.picsidepadding{margin:0 20px}
.review{margin:0 15% 0 15%; font-style:italic; clear:both}
.reviewer{text-align:right; font-weight:bold; margin:0 15% 15px 15%;} 

a.nocolourchange{color:blue}
h1{color:#4878c4; font-size:64px; margin:0; display:inline}
h2, h3, h4{color:#4878c4;}
h3, h4{margin:0; clear:both}
table.bookgrid tr td{padding:7px}
table.amazontable td{padding:10px 3px; vertical-align:top}

@media print{
	#centre{width:100%; border:none; margin:0; padding:0; float:none}
	#nav{display:none}
	#bedtime{position:absolute;	left:0px;	top:460px;	width:189px;	height: 200px;}
	#dads{position:absolute;	left:358px;	top:460px;	width:190px;	height: 206px;}
	.amazonlink{display:none}
	#body#pict table tr td{padding:0}
	
}