/* CSS Document */
/* Frances Hardinge's website 2006, (c) Keystone design 
ShadowPuppet style */

body {
	background: #000000;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, sans-serif;
	
}

.wrapper {
	background:  url(http://www.franceshardinge.com/img/design/backgrounds/redswirl_bkgd2.gif);

}	

/* General classes BEGIN */

h1 { margin-top: 5px; margin-bottom: 0px; font-size: 28pt; font-family: Fantasy, Georgia, "Times New Roman", Times, serif} 
h2 { margin-top: 5px; margin-bottom: 10px; font-size: 22pt; font-weight: bold;}
h3 { margin-top: 5px; margin-bottom: 10px; font-size: 16pt; font-weight: bold;}
h4 { margin-top: 5px; margin-bottom: 10px; font-size: 14pt; font-weight: bold;}
p { margin-top: 5px; margin-bottom: 20px; font-size: 0.9em;}
li { margin-top: 5px; margin-bottom: 10px; font-size: 14px;}


a { 
	text-decoration: none;
	font-weight: bold;
}

ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: inside;
}

/* General classes END */



/* interface classes BEGIN */

.window {
	float: left;
	margin-top: 0px;
	width: 200px; /* need to set a width or IE freaks out */
}


.backlink {
	margin-left: 20px;
	color: #000000;
}	

.stainedglass {
	margin-left: 0px;
	border: 0px;
}

.menubox {
	float: left;
clear: left;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px;
	background: #ffffff;
	border: solid 3px #000000;
	text-align: left;
	width: 200px;
}

.menubox ul {
	list-style: none;
}


.menubox li {
	font-weight: bold;
	font-size: 16px;

}


.wall {
	padding-top: 5px;
	padding-bottom: 20px;
	margin-left: 200px;
	border: solid 0px #000000;
}

.wallheader {
	background: url(http://www.franceshardinge.com/img/design/shadowpuppets/greathall_mantle.gif);
	height: 110px;
	margin-top: 18px; /* height should be effectively 125px to match with window height */
	margin-left: 50px;
	margin-right: 50px;
	width: 500px;
}

.content {
	background: #ffffff;
	margin-left: 50px;
	margin-right: 50px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	border-top: solid 5px #000000; 	
/* for some unknwn and freakish reason there are odd gaps at the top and bottom of the main content block unless it or the wall div have borders*/
	border-left: solid 5px #000000; 
	border-right: solid 5px #000000; 
	border-bottom: solid 1px #000000; 
	width: 470px;
	height: auto;
		z-index: 2;

}

.wallfooter {
	background: #ffffff;
	height: auto;
		width: 470px;

	border-bottom: solid 5px #000000; 
	border-left: solid 5px #000000; 
	border-right: solid 5px #000000; 
	border-top: solid 1px #000000; 	

/* for some unknwn and freakish reason there are odd gaps at the top and bottom of the main content block unless it or the parchment div have borders*/
	margin-left: 50px;
	margin-right: 50px;
	padding-left: 10px;
	padding-right: 10px;
}




.sitemenu {
	padding: 0px;
	margin: 0px;

}

.sitemenu li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.flavour {
	clear: left;
	margin-top: -500px;
	margin-left: 0px;
	}
	
img.photoframe {
	margin: 10px;
	border: solid 2px #000000;
}