body {
	background-color: #40B0A0;
	color: #004020;
	margin: 0em;
	font-family: "Arial", sans-serif;
}

a {
	background-color: inherit;
	color: #404020;
	text-decoration: none;
}

a:hover {
	background-color: inherit;
	color: #802040;
	text-decoration: underline;
}

div#head {
	background-color: #50DCC8;
	border-width: 0em 0em thin 0em;
	border-style: solid;
	border-color: #004020;
	color: #004020;
	margin: 0em;
	padding: 0em 0.5em;
}

	div#head > h1 {
		font: x-large "Arial Black", sans-serif;
		margin: 0em 0em 1em 1em;
		padding: 0em;
	}

div#navbar {
	background-color: #50DCc8;
	border: thin solid #004020;
	color: #004020;
	float: left;
	margin: 2%;
	padding: 0em;
	width: 15%;
}

div#infobox {
	background-color: #50DCc8;
	border: solid thin #004020;
	color: #004020;
	clear: left;
	float: left;
	margin: 2%;
	padding: 0.5em 0em;
	width: 15%;
}

div#mainpanel {
	background-color: #50DCc8;
	border: thin solid #004020;
	color: #004020;
	margin: 2% 2% 2% 20%;
	padding: 0.5em;
}

	div#mainpanel h1 {
		font-weight: bold;
		font-size: xx-large;
	}

	div#mainpanel h2 {
		font-weight: bold;
		font-size: large;
		margin: 0em;
	}

	div#mainpanel h3 {
		font-weight: bold;
		font-size: medium;
		font-style: italic;
		margin: 0em;
	}

	div#mainpanel a {
		background-color: inherit;
		color: #804020;
	}

	div#mainpanel a:hover {
		background-color: inherit;
		color: #202080;
	}

div#foot {
	clear: both;
	background-color: #40B0A0;
	color: #004020;
	margin: 1em;
	text-align: center;
}

	div#foot p {
		margin: 0em;
		padding: 0em;
		font-size: small;
	}

a.email:after {
	content: " " url("./images/email.png");
}

a.external:after {
	content: " " url("./images/link_go.png");
}

img.flowed {
	float: left;
	margin: 0.5em;
}

div.ogl {
	background-color: #F0F0FF;
	border: thin dotted #000000;
	color: #004020;
	margin: 1em;
	padding: 0.5em;
}

p.date {
	background-color: inherit;
	color: #307050;
	margin: 0em 0em 0.5em;
}

td.odd-cell {
	background-color: #FFFFFF;
	color: #000000;
}

td.even-cell {
	background-color: #DDDDDD;
	color: #000000;
}

ul.buttonlist {
	list-style: none inside;
	margin: 0.5em;
	padding: 0em;
}

	ul.buttonlist li {
		margin: 1px;
	}

ul.navlist {
	padding: 0em 0em 0em 0.5em;
	list-style-position: inside;
}

	ul.navlist li.drawing {
		list-style-image: url("./images/palette.png");
	}

	ul.navlist li.games {
		list-style-image: url("./images/joystick.png");
	}

	ul.navlist li.home {
		list-style-image: url("./images/house.png");
	}

	ul.navlist li.links {
		list-style-image: url("./images/link.png");
	}

	ul.navlist li.photo {
		list-style-image: url("./images/camera.png");
	}

	ul.navlist li.writing {
		list-style-image: url("./images/pencil.png");
	}

dl.spellstats {
	display: block;
}

	dl.spellstats dt {
		display: run-in;
		font-weight: bold;
	}

	dl.spellstats dt:after {
		content: ": ";
	}
	
	dl.spellstats dt.school {
		display: none;
	}

	dl.spellstats dt.school + dd {
		font-weight: bold;
	}
	
	dl.spellstats dd {
		display: block;
		margin: 0;
	}

dl.spellcomponents {
	display: block;
}

	dl.spellcomponents dt {
		display: block;
		font-style: italic;
	}

	dl.spellcomponents dd {
		display: block;
		margin: 0;
	}

.allcaps {
	text-transform: uppercase;
}

.hidden {
	display: none;
}

.spellname {
	font-style: italic;
}

/*	Antipixel-style Web buttons: CSS implementation.
	Inspired by the	numerous CSS implementations of Jeremy Hedley's
	original graphical buttons, but developed independently	by Timothy
	Pederick.

	Cross-browser, scalable, clickable, accessible, customisable.

	Known issues:
	* The selectors have a specificity of 0,0,1,1, which isn't that
	high. If you find your border colours or whatnot being overridden
	elsewhere in your stylesheet, try adding "!important" declarations.
	* Internet Explorer 6 shows a text cursor over the left section. But
	it's still clickable.

	If you want to reuse them, go ahead. A short credit comment in your
	stylesheet would be nice. :)
*/

a.antipixel {
	border: solid 1px #004020;		/* Outer border colour */
	background-color: #FFFFFF;		/* Inner border colour */
	color: #004020;
	font: xx-small sans-serif;

	padding: 1px;
	width: 10em;					/* Widen this if necessary */

	display: block;
	text-decoration: none;
}

	span.antipixel-left {
		background-color: #FFFFFF;	/* Left section background colour */
		color: #004020;				/* Left section text colour */
		border: solid #FFFFFF;		/* Must match the inner border colour */
		border-width: 0 1px 0 0;

		margin: 0;
		padding: 0;
		width: 3em;					/* Widen this if necessary */

		display: block;
		float: left;
		text-align: center;
	}

	span.antipixel-right {
		background-color: #004020;	/* Right section background colour */
		color: #FFFFFF;				/* Right section text colour */
		border: 0;

		margin: 0 0 0 3em;			/* Must match the width of the left section */
		padding: 0 0 0 0.5em;

		display: block;
	}

a.antipixel.red {
	border-color: #A02000;
	background-color: #FFFFFF;
	color: #A02000;
}

	span.antipixel-left.red {
		background-color: #FFFFFF;
		color: #A02000;
	}

	span.antipixel-right.red {
		background-color: #A02000;
		color: #FFFFFF;
	}

a.antipixel.blue {
	border-color: #476379;
	background-color: #FFFFFF;
	color: #476379;
}

	span.antipixel-left.blue {
		background-color: #FFFFFF;
		color: #476379;
	}

	span.antipixel-right.blue {
		background-color: #476379;
		color: #FFFFFF;
	}