/******************
A young Mennonite -
	suggestions for area ids taken from
	<stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html>
	and Eric Meyer's comments on that page
******************/
	html { /* corrects horizontal scrollbar in IE */
		overflow-x:hidden;
		overflow-y:auto;
		}
	body {
		background: #090;
		color: #000;
		margin: 0;
		padding: 0;
		font-family: verdana, tahoma, arial, helvetica, sans-serif;
		font-size: medium;
		}
	/* correct IE oversized font - via a modified SMBH */
	* html body {
		font-size: small;
		voice-family: "\"}\"",inherit;
		font-size: medium;
		}

/* #container - not needed for time being */

/* -- branding -- */
	h1#branding {
		background-color: #ddf;
		margin: 0 0 .5em 0;
		padding: .2em 1em 0 0;
		color: #903;
		font-size: 2em;
		font-style: italic;
		letter-spacing: 0.25em;
		word-spacing: .5em;
		text-align: right;
		z-index:-1;
		}
	#branding-tagline {
		background-color: #c00; /* Normal placement is in the #nav section */
		color: #dd3;
		font-style: italic;
		letter-spacing: 0.25em;
		word-spacing: .5em;
		text-align: center;
		}

/* -- content and links -- */
	#content {
		background: #dfd;
		color: #006;
		font-size: 1em;
		margin: 5em .5em .5em 19em;
		padding: 1em;
		}
	#content a,
	#content a:link {
		color: #00f;
		background: transparent;
		}
	#content a:visited {
		color: #606;
		background: transparent;
		}
	#content a:hover,
	#content a:focus,
	#content a:active {
		text-decoration: none;
		color: #f00;
		background: transparent;
		}

/* -- sidebar and links -- */
	/* #nav[igation] - container for navigation elements */
	/* #nav-main (site pages), #nav-section (current section/category), #nav-external, #nav-supp */
	/* ??? #search, #search-input, #search-output */

	#nav {
		list-style-type: none;
		margin: 0 0.5em 0.5em 0;
		padding: 75px .5em;
		position: absolute;
		top: 0;
		left: 0;
		width: 17em;
		background-color: #c00;
		background-image: url(http://aym.engel5.net/imgs/themes/engel/roof.png);
		background-position: top center;
		background-repeat: no-repeat;
		color: #fff;
		font-size: 1em;
		}
	#nav h1,
	#nav legend {
		margin: 1em;
		padding: 0 .5em;
		border-top: thin solid #fff;
		border-bottom: thin solid #fff;
		margin: .5em 1em;
		padding: .1em 0;
		text-align: right;
		font-family: georgia, palatino, times, "times new roman", serif;
		font-style: oblique;
		font-size: 1.2em;
		text-transform: capitalize;
		}
	#nav a,
	#nav a:link {
		background: transparent;
		color: #ffc;
		text-decoration: none;
	}
	#nav a:visited {
		background: transparent;
		color: #933;
		}
	#nav a:hover,
	#nav a:focus,
	#nav a:active {
		background: #ffd;
		color: #f00;
		text-decoration: underline;
	}

	/* E5 Navigation bar buttons */
	#nav fieldset {
		border: 0 double #fff;
		border-top-width: medium;
		border-bottom-width: medium;
		}
	#nav ul {
		margin: 1em;
		padding: 0;
		border: medium double #ccf;
		}
	#nav ul {
		background:#ffd;
		color: #309;
		font-family: georgia, palatino, times, "times new roman", serif;
	}
	/* Netscape is picky about how you treat links */
	/*/*/
	#nav ul li {
		display: inline;
		list-style-type: none;
		}
	#nav ul a,
	#nav ul a:link {
		display: block;
		margin: 0;
		padding: 0;
		border-top: thin solid #ccf;
		border-left: thin solid #ccf;
		background:#eee;
		color: #900;
		text-decoration: none;
	}
	#nav ul a:visited {
		background:#ddd;
		color: #933;
		}
	#nav ul a:hover,
	#nav ul a:focus,
	#nav ul a:active {
		border-top: thin solid #669;
		border-left: thin solid #669;
		background: #ffd;
		color: #f00;
		text-decoration: underline;
	}
/* -- footer - menu and links -- */
	/* #siteinfo, #siteinfo-legal, #siteinfo-credits */
	div#siteinfo {
		margin: 1em .5em .5em 19em;
		padding: 1em;
		}
	div#siteinfo ul {
		text-align: center;
		font-size: 0.8em;
		}
	div#siteinfo li {
		display: inline;
		list-style-type: none;
		padding-right: 1em;
		}

/******************
A young Mennonite - the rest of the styling information
******************/
/* -- headers -- */
	h1, h2, h3, h4, h5 ,h6 {
		font-family: georgia, palatino, times, "times new roman", serif;
		margin: 0;
		padding: 0;
		}

	#content h2 { /* used for date separation */
		background-color: #ffd;
		color: #009;
		padding: .25em 1em;
		text-align: right;
		border: thin outset #900;
		font-style: oblique;
		clear: both;
		}

	h3.title {
		/* it is possible to add headers to an article, starting at the h3 level
		this is used to separate the main article titles from sub headings */
		font-style: italic;
		margin-right: 4em;
		}

/* -- story specific -- */
	/* TODO: change posted to metadata */
	ul.posted {
		margin: 0;
		padding: 0;
		}
	ul.posted li {
		display: inline;
		list-style-type: none;
		font-size: .8em;
		}

	blockquote.story-quote {
		float: right;
		clear: right;
		width: 13em;
		padding: .5em .5em 1em 1em;
		background-color: #fff;
		background-image: none;
		color: #999;
		border: medium double #9f9; 
		}

	#content .story-image {
		float: right;
		clear: right;
		padding: .5em .5em 1em 1em;
		background-color: #fff;
		color: #999;
		border: medium double #9f9; 
		}

/* -- block items -- */
	blockquote {
		margin: 0 0.5em 0 1em;
		padding: 0.5em 1em 50px 1em;
		background-color: #ddf;
		background-image: url(http://aym.engel5.net/imgs/themes/engel/lokihead.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
		color: #009;
		}
	blockquote blockquote {
		margin: 0 0.5em 0 1em;
		padding: 0.5em 1em;
		background-color: #eef;
		background-image: none; /* need to get rid of the image */
		color: #006;
		}
	pre {
		border: thin inset #900;
		background-color: #ffd;
		color: #309;
		margin: 0 0.5em 0 1em;
		padding: 0.5em;
		width: 95%;
		overflow: scroll;
		}
	p.extended {
		text-align: right;
		font-size: 0.8em;
		font-style: italic;
		}
	p.extended a span {
		display: none;
		}

	/* images */
	a img {
		border: 0 solid #fff;
		}

	/* forms */
	/* taken from examples by Man in Blue */
	#content form fieldset {
		display: block;
		margin: 0 0 1em 0;
		border: 0 solid #fff;
		border-top: thin solid #000;
		padding: 0 1em 1em 1em;
		}

	#content form input {
		position: relative;
		top: -1.4em;
		left: 8em;
		display: block;
		}

	#content form input.submit {
		clear: both;
		top: 0;
		}

	#content form label {
		clear: both;
		float: left;
		display: block;
		width: 8em;
		margin-top: -1em;
		font-weight: bold;
		}

	#content form label.first {
		margin-top: 1em;
		}

	#content form select {
		position: relative;
		top: -1.4em;
		left: 8em;
		display: block;
		}

/* -- some universals, set last for Netscape */
	label {
		cursor: pointer;
		}

	span.abbr, acronym {
		cursor: help;
		border-bottom: thin dotted #ffd;
		}

	h1 {font-size: 2em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.4em;}
	h4, h5, h6 {
		font-size: 1.2em;
		font-weight: bold;
		}
	i, ins, q, address, blockquote {
		text-decoration: none;
		font-style: italic;
		}
	strong, th, dt, b {
		font-weight: bold;
		}
	p, th, dt, dd, td {
		font-size: 1em;
		}
	code {
		font-size: 1.2em;
		}
	ol {list-style-type: decimal;}
	ol ol {list-style-type: lower-alpha;}
	ol ol ol {list-style-type: lower-roman;}
	ul {list-style-type: circle;}
	ul ul {list-style-type: square;}
	ul ul ul {list-style-type: disc;}