body {
	margin: 0px 0px 20px 0px;
	background-color: #333;
	text-align: center;
	font-size: 1em;
}


/* structural styles */

/* layout modified from the floatorial for liquid,*/
/* two-column layout at */
/* http://css.maxdesign.com.au/floatutorial/index.htm */

/* menus stolen shamelessly from */
/* http://www.show.scot.nhs.uk/nsd/ */

#container
{
width: 90%;
margin: 25px auto;
background-color: #ffffff;
color: #000000;
border: 2px solid #5400A8;
line-height: 130%;
}

#homecontainer
{
width: 90%;
margin: 25px auto;
background-color: #000000;
color: #ffffff;
border: 2px solid #5400A8;
line-height: 130%;
}

#top
{
font-family:"trebuchet ms", verdana, helvetica, sans-serif;
padding: 1.25em;
background-color: #ffffff;
color: #5400A8;
border-bottom: 1px solid #5400A8;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
font-family:"trebuchet ms", verdana, helvetica, sans-serif;
float: left;
width: 170px;
margin: 0;
padding: 1em 1em 1em .5em;
text-align: left;
}

#homenavlist
{
	font-family: "Myriad Roman", Helvetica, Verdana, "Trebuchet MS", sans-serif;
	background-color: transparent;
	color: #ffffff;
}

#leftnav ul 
{
	margin: 0px -5em 0px 0px;
	padding: 0;
	list-style: none;
	width: 150px;
	font-size: .8em;
}

#homenavlist ul
{
	list-style: none;
	font-size: 3em;
	font-weight: bold;
}


#leftnav ul li a,
#leftnav ul li a:visited
{
	list-style: none;
	display: block;
	text-decoration: none;
	padding: 3px 8px;
	border-left: 8px solid #ffffff;
	color: #1263BC;
	background: #ffffff;
	font-weight: bold;
	border-bottom: 0;
}

#homenavlist ul li#fictionlist a,
#homenavlist ul li#fictionlist a:visited
{
	list-style: none;
	display: block;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	color: #ffffff;
	background-image: url(/images/woodstock/fiction-typewriter.gif);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 37px;
	margin-bottom: 25px;
}

#homenavlist ul li#webloglist a,
#homenavlist ul li#webloglist a:visited
{
	list-style: none;
	display: block;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	color: #ffffff;
	background-image: url(/images/woodstock/blog-bulb.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#homenavlist ul li#photoslist a,
#homenavlist ul li#photoslist a:visited
{
	list-style: none;
	display: block;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	color: #ffffff;
	background-image: url(/images/woodstock/photos-camera.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/*  Below is the Holly Hack, which you can get from */
/*  http://www.positioniseverything.net/explorer/escape-floats.html  */
/*  It fixes the positioning problems with Win/IE   */

/* Fix IE. Hide from IE Mac \*/
 * html #leftnav ul li { float: left; }
 * html #leftnav ul li a { height: 1%; }
 * html #leftnav ul li ul li { float: left; }
 * html #leftnav ul li ul li a { height: 1%; }
 * html #homenavlist ul li { float: left; }
 * html #homenavlist ul li a { height: 1%; }

/* End */

#leftnav ul li a:hover
{
	display: block;
	text-decoration: none;
	padding: 3px 8px;
	color: #5400A8;
	background-color: #ffffff;
	border-left: 8px solid #5400A8;
}

#homenavlist ul li#fictionlist a:hover,
#homenavlist ul li#fictionlist a:active
{
	display: block;
	text-decoration: none;
	background-color: transparent;
	color: #5400A8;
	background-image: url(/images/woodstock/fiction-typewriter-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#homenavlist ul li#webloglist a:hover,
#homenavlist ul li#webloglist a:active
{
	display: block;
	text-decoration: none;
	background-color: transparent;
	color: #5400A8;
	background-image: url(/images/woodstock/blog-bulb-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#homenavlist ul li#photoslist a:hover,
#homenavlist ul li#photoslist a:active
{
	display: block;
	text-decoration: none;
	background-color: transparent;
	color: #5400A8;
	background-image: url(/images/woodstock/photos-camera-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


#leftnav ul li ul 
{
	margin: 0px -5em 0px 16px;
	padding: 0;
	list-style: none;
	width: 130px;
	font-size: 100%;
}

#leftnav ul li ul li a,
#leftnav ul li ul li a:visited
{
	list-style: none;
	display: block;
	text-decoration: none;
	padding: 3px 4px;
	border-left: 4px solid #fff;
	color: #1263BC;
	background: #fff;
	font-weight: bold;
	border-bottom: 0;
}

#leftnav ul li ul li a:hover
{
	display: block;
	text-decoration: none;
	padding: 3px 4px;
	color: #5400A8;
	background-color: #ffffff;
	border-left: 4px solid #5400A8;
}

li.selected
{
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #5400A8;
	font-weight: bold;
	padding: 3px 8px;
	border-left: 8px solid #5400A8;
}



#content
{
font-family: Georgia, "Book Antiqua", "Century Schoolbook", Times, serif;
margin-left: 170px;
border-left: 1px solid #5400A8;
padding: 1em;
max-width: 36em;
text-align: left;
}

#homecontent
{
font-family: Georgia, "Book Antiqua", "Century Schoolbook", Times, serif;
margin-left: 170px;
border-left: 0px solid #5400A8;
padding: 1em;
max-width: 36em;
text-align: center;
}



#footer
{
font-family:"trebuchet ms", verdana, helvetica, sans-serif;
font-size: 80%;
clear: both;
margin: 0;
padding: .5em;
color: #000000;
background-color: #ffffff;
border-top: 1px solid #5400A8;
}

#homefooter
{
font-family:"trebuchet ms", verdana, helvetica, sans-serif;
font-size: 80%;
clear: both;
margin: 0;
padding: .5em;
color: #ffffff;
background-color: #000000;
border-top: 1px solid #5400A8;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* pretty it up styles */

/* link styles */

a:link
{
	background-color: transparent;
	color: #1263BC;
	text-decoration: underline;
}

a:visited
{
	background-color: transparent;
	color: #5000AD;
	text-decoration: underline;
}
a:active,
a:hover
{
	background-color: transparent;
	color: #5400A8;
	text-decoration: none;
}

.go
{
margin-left: 20px;
padding-left: 0;
list-style: none;
}

.go li
{
padding-left: 40px;
background-image: url(/images//woodstock/finger.gif);
background-repeat: no-repeat;
background-position: 0 0;
min-height: 30px;
}

/* other styles */

hr.divider
{
	text-align: center;
	background-color: #5400A8;
	width: 50%;
	margin-top: 25px;
	margin-bottom: 25px;
}

.eos
{
	text-align: center;
	width: 40%;
	background-color: transparent;
	color: #000000;
}

.eof
{
	background-color: transparent;
	color: #0000cc;
}

.updated
{
	font-style: italic;
	text-align: center;
	font-size: 85%;
}

.showtitle
{
	font-style: italic;
}

.copyright
{
	font-size: 95%;
}


/* story styles */

.title
{
	font-size: 1.05em;
	font-style: italic;
 	font-weight: bold;
	background-color: transparent;
	color: #000000;
}

.brief
{
	font-size: 90%;
	padding-left: 6px;
}

#badges
{
	margin-top: 3em;
}

#badges img
{
	border: 0px none;
}

#homebadges
{
	float: right;
}

#homebadges img
{
	border: 0px none;
}

img#me
{
	float: right;
	margin: 10px 10px 10px 25px;
}

.homenav
{
	font-size: 3em;
	font-weight: bold;
	font-family: "Myriad Roman", Helvetica, Verdana, "Trebuchet MS", sans-serif;
	background-color: transparent;
	color: #ffffff;
}

.homenav a:link,
.homenav a:visited
{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}

.homenav a:hover,
.homenav a:active
{
	background-color: transparent;
	color: #5400A8;
	text-decoration: none;
}

.blog
{
margin-right: 1em;
}

img#fiction,
img#weblog,
img#photoblog
{
	margin:5px 10px;
}

/*photoblog styles */

div.section
{
	text-align: center;
	margin: 0px auto;
	width: 350px;
}

.special
{
	text-align: center;
	margin: 0px auto;
	width: auto;
}

div.section img
{
	border: 1px solid #333333;
}

div.section p.caption,
div.section p.captiondouble
{
	margin: 20px 0px 3em 0px;
	text-align: left;
	font-size: 90%;
}

div#info
{
	width: 150px;
	border: 1px dotted #1263BC;
	margin-bottom: 3em;
}


#info p
{
	margin-left: 8px;
	font-size: .8em;
}

body#photoblog #title
{
	text-align: center;
}

.note
{
	text-align: left;
	font-size: .9em;
	margin: 10px 15px;
}

.postponed
{
	text-align: left;
	background-color: #ffffff;
	border: 6px double #000000;
	padding: 4px;
	font-size: .9em;
	color: #AD0007;
}

.smaller
{
	font-size: 75%;
}