/* GENERAL STYLES */

html * {
	margin:0;
	padding:0;
}
body {
	font-size:80%;
	font-family:verdana,arial,sans-serif;
	background:#fff url(/images/girl-under-tree-web.gif) no-repeat bottom right;
}
img { border:0; }
a:link, a:visited { color:#333; }
a:hover { color:#000; text-decoration:none; }
h1 { font-size:1.5em; text-align:center; }
h2 { font-size:1.25em; margin:0.25em 0 0.5em; width:562px; border:2px solid #999; background-color: #eee; padding: 0.25em 6px 0.5em; }
p  { padding-top:1em; }
.nospacetop  { padding-top:0; margin-top:0; }
.yespacetop  { margin-top:1em; }
.smallspacetop { margin-top:0.5em; }
.caption { text-align:right; font-size:0.75em; font-weight:bold; color:#666; }
table {
	width:100%;
	background:#ccc;
	margin-top:1em;
	opacity: .8;
	filter: alpha(opacity=80);
}
.lyrics dt { margin-top:1em; }
table th,
table td {
	padding:0.5em;
	background:#fff;
}
table th {
	font-weight:bold;
	background:#ddd;
}
table td ul {
   list-style-type:none;
}
table.pictures td {
	text-align:center;
}

dd.toggle pre {
	background-color: #eee;
	border-top:  dotted 1px #ccc;
	border-left: dotted 1px #999;
	width: 70%;
	padding-top: 0.5em;
	margin-top: 2px;
}

.toggleLink:link {
	text-decoration: none;
	font-size: 0.8em;
	color: #999;
}
.toggleLink:hover {
	color: #333;
}

/* CONTAINER */

#container {
	width: 829px;
	margin-left:  auto;
	margin-right: auto;
}

/* MENU */

#navigation {
   text-align:center;
}
#navigation li {
   display:inline;
}
#navigation li a:visited,
#navigation li a,
#currentpage,
#currentsection {
   padding:3px 18px;
   color:#333;
	background:#fff;
   border-bottom:#ddd 4px solid;
   border-left:#ddd 1px solid;
   border-right:#ddd 1px solid;
   font-weight:bold;
   text-decoration:none;
}
#navigation li a#currentsection,
#navigation li a#currentsection:visited {
   border-color:#999;
	background:#ddd;
}
#navigation li a:hover,
#currentpage,
#navigation li a#currentsection:hover {
   border-bottom-color:#666;
   border-left-color:#ddd;
   border-right-color:#ddd;
	background:#ddd;
}


/* MAIN CONTENT CONTAINER */

#content {
	margin:2em 0;
	min-height:500px;
}

/* empty styles for gig list and download tables if they want to look different from each other */
#downloadlist {}
#giglist {
	font-size:0.9em;
}
#giglist th {
	text-align:left;
}