body
{
	background-color: black;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/***** layout *****/

div#menu
{
	background-color: transparent;

	position: absolute;
	top: 15px;
	left: 0;
	width: 150px;
}

div#content
{
	color: #EEEEDD;
	background-color: #446688;

	padding: 10px;
	border: 2px solid #FFCC99;
	
	position: absolute;
	top: 15px;
	left: 153px;
	right: 15px;
}

/***** menu *****/

div#menu a
{
	text-align: left;
	text-decoration: none;
	display: block;	
}

div#menu .menu
{
	font-size: 1.1em;
	padding: 0.33em 0.75em;
	margin: 0px 0px 3px;
}

div#menu a.menu
{
	color: #FFFFCC;
	background-color: grey;
}

div#menu p.menu
{
	color: #441111;
	background-color: white;
}

div#menu .submenu
{
	font-size: 0.9em;
	padding: 0.33em 0.75em;
	margin: 0px 0px 3px 15px;	
}

div#menu a.submenu
{
	color: #FFFFCC;
	background-color: grey;	
}

div#menu p.submenu
{
	color: #441111;
	background-color: white;
}

div#menu a:hover
{
	color: #441111;
	background-color: white;
}

/***** content *****/

div#content a:link { color: white; }
div#content a:visited { color: #BBC; }
div#content a:link:hover { color: #FF0; }
div#content a:visited:hover { color: #CC0; }

div#content h1
{
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
}

div#content h2
{
	color: #002244;
	background-color: #AACCEE;
	font-size: 1em;
	font-weight: normal;
}

div#content h3
{
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

div#content p
{
	margin: 0em 0em 1em;
	text-align: left;
}

div#content td { vertical-align: top; }

a img { border-width: 0px; }

div#content img.bio
{
	float: right;
}

div#content div#title
{
	color: #002244;
	background-color: #AACCEE;
	text-align: center;
	margin: -9px -9px 0.5em -9px;
}

div#influences
{
	width: 40%;
	border: thin solid #AACCEE;
}

div#influences h2
{
	text-align: center;
	padding: 0.2em 0em;
	margin: 0;
}

div#influences ul
{
	font-size: 0.9em;
	list-style-type: disc;
	margin: 0.5em 0em;
}

div#content p.date
{
	border-bottom: thin solid #AACCEE;
	margin-top: 1em;
	margin-bottom: 0;
}

div#content p.title
{
	margin: 0.25em;
	padding-left: 1em;
}

div#content p.time
{
	margin: 0.25em;
	padding-left: 1em;
}

div#content p.description
{
	margin: 0.25em;
	padding-left: 1em;
	font-size: 0.9em;
	font-style: italic;
}

/***** forms *****/

td.label
{
	text-align: right;
	vertical-align: middle;
}

td.button
{
	vertical-align: middle;
	padding: 0em 1em;
}

td.formInput { vertical-align: middle; }

td.formFile { vertical-align: bottom; }

p.file input
{
	font-size: 0.9em;
	border: thin dotted #AACCEE;
	margin: 0;
}

.error { color: #990000; }


/***** gallery *****/

.searchPrevious
{
	padding: 0.5em;
	text-align: center;
}

.searchPages
{
	
	padding: 0.5em;
	text-align: center;
}

.searchNext
{
	padding: 0.5em;
	text-align: center;
}

.photo
{
	text-align: center;
}

.photo div
{
	font-size: 0.9em;
	text-align: center;
}


/***** classes *****/

.centre { text-align: center; }

.left
{
	float: left;
	margin: 0em 0.5em;
}

.right
{
	float: right;
	margin: 0em 0.5em;
}

.outline td { border: thin dotted #AACCEE; }
