body		{	font-size	:	11pt;
				font-family	:	Arial,Verdana,Helvetica;
				margin		:	0px;
				padding		:	0px;
				background	:	#EF1821;
			}
			
div			{	margin		:	0px;
				overflow	:	hidden;
				padding		:	0px;
			}
			
div.penguin	{	position	:	absolute;
				clear		:	both;
				top			:	8px;
				left		:	4px;	
				width		:	85px;
				height		:	100px;
				background	:	url(gfx/penguin.gif) no-repeat top left;	}

div.pageheader {
				background	:	url(gfx/title.gif) no-repeat 70px 0px;
				height		:	50px;
			}
			
div.pagefooter {
				height		:	20px;	}

/* MENU */
			
div.menuwrapper {
				float		:	left;
				width		:	20%;	}
				
div.menuwrapper2 {
				width		:	150px;
				padding-right:	5px;
				margin-top	:	55px;	}
				
div.menu0	{	background	:	url(gfx/bg_menutop.gif) #007FFF repeat-x top left;	}				
			
div.menu1	{	background	:	url(gfx/bg_menuright.gif) repeat-y top right;	}
				
div.menu2 {		background	:	url(gfx/bg_menutopright.gif) no-repeat top right;	}

div.menu3 {		background	:	url(gfx/bg_menubot.gif) repeat-x bottom right;	}

div.menu4 {		background	:	url(gfx/bg_menubotright.gif) no-repeat bottom right;
				padding-top	:	10px;	
				padding-bottom:	15px;	}

div.menuwrapper ul {
				margin		:	0px;
				padding		:	2px;
				list-style-type:	none;	
			}
			
div.menuwrapper li {
				margin-left	:	4px;
				padding-left:	3px;	}
				
div.menuwrapper a,
div.menuwrapper a:active,
div.menuwrapper a:visited,
div.menuwrapper a:hover	{
				text-decoration: none;
				font-size	:	90%;
				font-weight	: 	bold;
				color		:	white;	}
				
div.menuwrapper a:hover	{
				color		:	black;	}
				
div.menuwrapper li li a,
div.menuwrapper li li a:active,
div.menuwrapper li li a:visited {
				color		:	silver;	}
				
div.menuwrapper li li a:hover {
				color		:	black;	}
				
/* CONTENT */
			
div.contentwrapper {
				background	:	url(gfx/bg_conttop.gif) #007FFF repeat-x top left;
				float		:	left;
				width		:	80%;
			}
			
div.content1 {	background	:	url(gfx/bg_contbot.gif) repeat-x bottom left; }

div.content2 {	background	:	url(gfx/bg_contleft.gif) repeat-y top left; }

div.content3 {	background	:	url(gfx/bg_contbotleft.gif) no-repeat bottom left; }

div.content4 {	background	:	url(gfx/bg_conttopleft.gif) no-repeat top left;
				padding-bottom:	30px; }
			
/* interestingly, FF doesn't like width in this context, and does a 
paragraph random width adjustment on refresh. Max width is fine, but IE
doesn't recognise it, hence the hack below for IE */
div.content_main {	
				padding-left:	50px;
				padding-top	:	40px;
				padding-bottom:	45px;
				color		:	white;
				max-width	:	650px;
				position	:	relative;	}
				
* html div.content_main { width : 650px;	}

div.contentwrapper li {
				margin-bottom:	7px;	}
				
p.bookcovers {	text-align	:	center;	}

/* PHOTOS */

div.photoparawrapper {
				clear		:	both;
				border		:	solid #007FFF 1px;
				margin-bottom:	10px;	}
				
div.photoparawrapperfull {
				clear		:	both;
				border		:	solid #007FFF 1px;
				margin-bottom:	10px;
				width		:	440px;
				text-align	:	center;
				margin-left	:	auto;
				margin-right:	auto;	}
				
* html div.photoparawrapperfull { width : 450px;	}

div.photoleft,
div.photoright {	
				width		:	100px;
				float		:	left;
				position	:	relative;
				margin-right:	5px;	
				margin-bottom:	5px;	}
				
div.photoleft { clear		:	left;	}
				
div.photoright {
				float		:	right;
				margin-left	:	5px;	}
				
div.caption {	background	:	black;
				text-align	:	center;
				color		:	white;
				clear		:	both;
				padding		:	2px;
				font-size	:	80%;	}

/* GENERAL */
				
h1,
h2	{			font-size	:	140%;
				margin		:	0px;
				margin-bottom:	10px;
				padding		:	0px;	}
				
h2	{			font-size	:	120%;	}
				
a img {			border		:	none;	}

a,
a:active,
a:visited,
a:hover {
				color		:	black;	}
				
a:hover {		color		:	white;	}

ul.author {		min-height	:	200px;
				width		:	300px;
				padding-left:	100px;
				background	:	url(gfx/the_man_himself.gif) no-repeat right 50%;	}
				
* html ul.author {
				height		:	220px;	}
				
p		{		margin-top	:	2px;	}

p.italic	{	font-style	:	italic;
				padding-left:	20px;	}
				
span.italic {	font-style	:	italic;	}