/* Unset browser defaults */
body
{
background-image: none;
background-color: white;
color: black;
}

* {margin:0 ; padding: 0}

#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
color: black;
background-color: white;
border-bottom: 1px solid gray;
min-height: 110px
}
/*
#top img
{
padding-right: 100px;
}
*/
#top h1
{
color: #6699FF;
background-color: white;
margin-left: 250px;
font-style: italic;
font-size: 30pt;
line-height: normal;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
color: black;
background-color: #6699FF;
}
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(arrow.png);
background-repeat: no-repeat;
background-position: 0 .5em;
list-style: none;
}
#navlist li ul li
{
padding-left: 10px;
background-image: url(arrow.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}


#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
}

#content h2 { margin: 1em 0 .5em 0; }
#content h3 { margin: 0.75em 0 .4em 0; }

#content p
{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#content li
{ 
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 2em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}


#leftnav p { margin: 0 0 1em 0; }

/* set colour for when hovering on links */
a:hover { color: red;}

/* Resizable Images for e-mail addresses. This can look rather ugly,
so it suppressed for now.
 */
img.email
{
	border: 0;
	/* height: 1em; */
	height: auto;
	width: auto;
	vertical-align: middle;
}

/* Background for sellout concerts */
.sellout
{
	background-image: url('sold-out.png');
	background-repeat: no-repeat;
	background-position:  center; 
}

/* Styles for pages containing pictures */
.picture-description
{
	margin-top: 1em;
}
.picture-description p
{
	font-style: italic;
	font-size: small;
}

/* Style for tabular list of works performed */
table#performed td
{
	vertical-align: top;
}