* { margin: 0; padding: 0; }

html { font-size: 100%; }

body { font-family: Verdana, sans-serif; font-size: 62.5%; }

ul#indexlinks li {
 margin: 10px 0;
 }

ul#indexlinks li a {
 background-color: #cdf;
 display: block;
 text-decoration: none;
 padding: 10px 10px 8px 10px;
 }

ul#indexlinks li a img {
 border: 3px solid #9ac;
 display: block;
 float: left;
 margin-right: 10px;;
 }

ul#indexlinks li a h3 {
 border-bottom: 3px solid #9ac;
 clear: right;
 }

ul#indexlinks li a p {
 clear: right;
 }

ul#indexlinks li a hr {
 clear: both;
 visibility: hidden;
 }

#chooser { float: right; }
#chooser input, #chooser select { font-family: Verdana, sans-serif; font-size: 1.1em; }
#chooser select option { margin-right: 10px; }

#footer { border-top: 1px solid #69f; clear: both; font-size: 0.8em; margin: 1em 0 5px 0; padding: 0.25em 0.5em 0 0.5em; }
#footer p { background-color: inherit; clear: none; color: #69c; margin: 0; }

#header p { background-color: inherit; clear: right; color: #468; font-size: 1.1em; font-weight: bold; margin: 3px 65px 0; }

#linkbar { background-color: #efe; border-color: #090; color: inherit; }

#musicbar { background-color: #ffe; border-color: #990; color: inherit; }

#nav { border-color: #f66 transparent #69f; border-style: solid; border-width: 1px 0; float: left; font-size: 1.1em; list-style-type: none; margin: 1em 0; width: 100%; }
#nav li { float: left; }
#nav li a, #nav li a:visited { background-color: inherited; color: #000; display: block; padding: 0.3em 1.5em; text-transform: uppercase; }
#nav li a:hover, #nav li a:active { background-color: #ddb; color: inherit; text-decoration: none; }

#pagenav { list-style-type: none; }
#pagenav li { float: left; margin-bottom: 10px; }

#palette { clear: right; border: 1px solid #ccc; float: right; margin: 10px; padding: 3px; text-align: center; }
#palette ul { border-width: 0; margin: 0; padding: 0; width: 192px; }
#palette ul li { float: left; list-style-type: none; margin: 0; padding: 0; }
#palette ul li a { border: 1px solid #999; display: block; margin: 3px; padding: 4px; }
#palette ul li a.selected { border: 1px solid #f30; }
#palette ul li a:hover { border: 1px solid #06f; }
#palette ul li img { display: block; height: 80px; width: 80px; }
#palette ul li.blankthumb { border-width: 0; margin: 3px; padding: 5px; }

#photoframe { clear: both; float: left; margin: 10px; }
#photoframe a { }
#photoframe a.icon:hover { text-decoration: none; }
#photoframe img.photo { border: 1px solid #999; margin: 0; padding: 5px; }
#photoframe p { white-space: nowrap; }

#staff1 { border-right: 1px solid #ccc; float: left; }

#staff2 { float: right; clear: right; }

#submitphoto { clear: right; float: right; margin: 0; padding: 0; text-align: center; width: 220px; }
#submitphoto a { border: 1px solid #ccc; display: block; margin: 0 10px 10px 10px; padding: 5px; }

#top { display: block; height: 0; width: 0; }

#wrapper { margin: 1em auto; width: 720px; }

.left { float: left; }

.palettenav { clear: both; }

.right { float: right; }

.sidebar { border: 1px solid #ccc; float: right; text-align: center; width: 300px; }

.staff { width: 49%; }

a { background-color: inherit; color: #36c; text-decoration: none; }
a:hover { text-decoration: underline; }
a.current { font-weight: bold; }
a.top { margin: 10px 5px; }
a.top img { margin-right: -5px; }
a img { border: 0; }

cite { display: block; margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; line-height: 1em; }
h1 { background-color: inherit; color: #36c; font-size: 3.5em; font-weight: bold; }
h1 span { background-color: inherit; color: #999; }
h2 { background-color: inherit; color: #39f; font-size: 2em; font-weight: normal; text-transform: uppercase; }
h2.gallery { float: left; }
h3 { background-color: inherit; clear: left; color: #05b; font-size: 1.6em; font-weight: bold; margin: 10px 0 5px 5px; text-transform: uppercase; }
h4 { background-color: inherit; color: #17d; font-size: 1.2em; font-weight: bold; margin: 10px 0 5px 10px; text-transform: uppercase; }
h5 { background-color: inherit; color: #039; font-size: 1.1em; font-weight: bold; line-height: 1.2em; margin: 5px 10px; }

img.logo { float: left; margin: 1px 1em 0 0; }

p { clear: left; font-size: 1.1em; margin: 5px 10px; }
p.chorus { font-weight: bold; }
p.subtitle { font-weight: bold; }

table { margin: 5px 10px; }

td { border-top: 1px solid #def; padding: 2px 3px 1px 3px; vertical-align: top; }

ul { font-size: 1.1em; list-style-type: none; margin: 5px 15px; }
ul.compact li { margin-bottom: 3px; }