body { padding:0;margin:0;background:#1a1616;text-align:center; }

#mainwrapper { background:white;width:816px;border-right:2px solid #996e54;border-left:2px solid #996e54;margin-left:auto;margin-right:auto;text-align:left; }
#marginwrapper { margin:0 30px 0 30px; background:url(music_graphic.gif) no-repeat; }
#mainwrapper,#userinput,#mediadiv  { font-family:Trebuchet MS;font-size:13px;position:relative;line-height:140% }

h1 { padding:0;margin:50px 0 0 0;color:#2f4972 }
h2 { padding:5px;border:1px dotted #d1d1d1;margin-top:32px;background:#1a1616;color:white;position:relative; }
h3 { padding:0;margin:8px 0;color:#333 }
span { margin-left:5px;font-size:9px;color:#333;width:300px; }

#moreinfo a, h3 a, #homepage a { color:#666 }
#homepage a { float: right;display:block;padding:3px;background:white;position:relative; }

p.introtext { display:block;border:1px #789eb9 dotted;padding:10px;background:#1a1616;margin:24px 0;color:white;position:relative; }
#moreinfo p { margin-left:10px; }
#moreinfo ol { padding:1em;margin:0 0 0 20px; }

div.formelem { background:#dad9d0;padding:8px;margin:1 0 0 0;position:relative;z-index:1; }
#mediadiv { background:#999;margin:1 0 1 0;position:relative;text-align:center;padding-top:5px; }
textarea, input, select { float:right;border:0;position:relative;display:inline; }
div.clr { clear:both }
#userinput p { float:left;margin:0;font-weight:bold;position:relative;display:inline; }
iframe { border:0 }
#userinput a { text-align:center }
#mediadiv a { padding:4px }

#userinput a,#mediadiv a { display:block;text-decoration:none;color:black;font-weight:bold; }
#userinput a:hover,#mediadiv a:hover { display:block;text-decoration:none;color:white;font-weight:bold; }

#loadingdiv { opacity:.8;background:#999;position:absolute;height:100%;width:100%;z-index:3; }
#loadingdiv p { position:absolute;top:50%;height:0px;width:100%;text-align:center;font-weight:bold;font-size:14px; }

div.generatebutton { background:#a9a49c }
p.creativecommons { text-align:center;text-decoration:none }