/*don't forget to put this in the parent directory not the pages folder, doof!*/

/*trying to set a div class to center the body of each page; in theory if I make a div that measures 760 pixels wide, it should mirror the WordPress page format, where the footer is 760 pixels wide.*/



body 	{
	text-align: center;
	margin: 0 auto 0 auto;
	/*cribbed all font stuff from WordPress, to keep the typeface consistent*/
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #ffffff;
	color: #333;
	}
img	{
	border:0
	}


/*got this from http://www.webmasterworld.com/forum83/4694.htm as a way to center a div tag. Hope it works.*/

.story {
	text-align: left;
	font-size: 1.2em; /*making the text a bit bigger for page bodies*/
	width: 760px;
	background: white;
	padding: 5px;
	margin: 0 auto;
	} 

/*again, cribbed from WP stylesheet for consistency.*/
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 2em;
	text-align: center;
	}

.text
	{
        text-align: left;
        margin:0pt auto;
	width: 650px;
	}

/*a navigation menu I added across the top, thanks to a WordPress tutorial on nav menus and some messing about to get it centred and the size/shape/spacing I wanted.*/

#navmenu ul {
	margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; text-align: center;
	}

#navmenu li {font: 2em 'Lucida Grande', Verdana, Arial, Sans-Serif; display: inline; }

#navmenu ul li a {text-decoration:none; color: blue; margin: 4px;
	padding: 0px 20px 0px 20px; color: blue;
	background: none;}