body { background:#eee; color:#000; padding:0px; margin:0px; font-family:'Rosario',georgia,trebuchet ms, verdana; }


.topbar { background:#fff; color:#57493e; margin:0px; padding:12px; height:108px; border-width:0px 0px 1px 0px; border-color:#999; border-style:solid;
-moz-box-shadow: 0px 5px 5px #999;
-webkit-box-shadow: 0px 5px 5px #999;
box-shadow: 0px 5px 5px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#999999')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#999999');
}
.topbar a { text-decoration:none; color:#57493e; }

.topimage { float:left; border:0px }
.tophead { float:left; }
.toph1  { font-size:3.0em; padding:8px; margin:8px 8px 8px 108px }

.rightlinks { float:right; margin:24px; }
.topbarblue { background:#2A3139; color:#BCCBDE; margin:0px; padding:24px }

.error { background:#fff; color:#f00; border:1px solid #f00; padding:16px; margin:16px; }
.warningteam { color:#f00; border:1px solid #f00; padding:16px; margin:16px; }
.warnspan { color:#f00; }

.playlist {  border:1px solid #999; padding:16px; margin:16px; background:#E3cEbD; min-height:360px; }
.playlist2 {  border:1px solid #555; padding:16px; margin:16px; background:#ddd; min-height:360px; }

.notes { color:#a77; background:#fff; padding:8px; margin:8px; border:#57493e }
.wikipedia { text-align:right; padding:0px; margin:0px;
font-size:0.7em; }

h2 { color:#413933; padding:0px; margin:0px 0px 0px 0px;  border-width:0px 0px 1px 0px; border-color:#999; border-style:solid; }
.headbox { border-width:0px 0px 1px 0px; border-color:#999; border-style:solid; }
.headbox h2 { border:0px; }

.main { padding:16px; }

.makebox { border:2px solid #ddd;  margin:8px; padding:16px; background:#fff}

.makeboxleft { float:left; border:2px solid #ddd;  margin:8px; padding:16px; background:#fff; width:42%; min-width:500px; }
.makeboxright { float:right; border:2px solid #ddd;  margin:8px; padding:16px; background:#fff; width:42%; min-width:500px; }

.quotebox { border:1px solid #ddd;  margin:8px 64px 16px 64px; padding:16px; background:#fff; font-size:0.9em; }
.quoteattr { text-align:right; font-size:0.8em; margin:0px 100px; }

.intro { padding:16px; }

.mp3list { width:100%; }

.wrapper {  }
.gencol1 { float:left; width:50%; min-width:300px; margin:0px 4% 0px 0px; }
.gencol2 { float:left; width:40%; min-width:300px; margin:0px 4% 0px 0px; }

.rightcol { float:right; width: 300px; }

.frontbox { padding:8px; margin:8px; border:2px solid #ddd; background:#fff; font-size:1.0em; }
.frontbox form { padding:4px 16px; }

.editnote { color:#57493e; font-size:0.8em; font-style:italic; }

a { color:#211913; }
a:visited { color:#716963; }

.filedisplay { color:#57493e; font-size:0.8em; }

.createfield { width:10%; vertical-align:top; text-align:right; }
.createinput { text-align:left; }

.sortbutton { float:right; border:1px outset #666; padding:4px; font-size:0.8em; background:#eee }

.shortdesc { font-size:0.9em; font-weight:normal; color:#57493e; padding:0px 0px 0px 16px; margin:0px 0px 8px 0px;}
.sourcecred { padding:0px 0px 0px 16px; font-size:0.9em}
.ident { float:right; }

.viewright  { float:right; width:30%; min-width:300px }
.subscribe { text-align:center; border:2px solid #57493e; padding:8px; margin:16px; font-size:0.9em;  background:#fff }
.subscribelink { font-size:1.1em; word-break: break-all; }

.seeall { text-align:right; font-size:0.8em; }

.subbutton { border:2px outset #666; padding:4px; background:#eee }

.qrlink { font-size:0.8em; }

.inlineform  { display:inline!important; margin:0px; padding:0px; }

.host  { color:#57493e; font-size:0.8em; font-style:italic; }

.editlink  { font-size:0.8em; float:right; }


.silent { color:#57493e; }

.private { color:#f00; font-size:0.8em }

.podurl {  }
.urlexp { font-size:0.9em; border-width:1px 0px 0px 0px; border-color:#57493e; border-style:solid; padding:4px 0px 0px 0px; margin:16px 0px 0px 0px; }

.dotul { padding:12px 16px; margin:0px; }
.dots { list-style-type:none; padding:0px 0px 2px 21px; margin:0px; background-position: 0 0.2em; background-repeat: no-repeat; }

.unavailable { color:#f00; background:#fff; padding:8px; border:2px solid #f00; width:50%; margin:16px; }
.note { color:#f00; background:#fff; padding:8px; border:2px solid #f00; width:50%; margin:16px; }
.warning { float:left; margin:0px 8px; }

.twocolul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

@media screen and (max-width: 800px) {
.gencol1 { float:none; width:100%; min-width:300px; margin:0px; }
.gencol2 { float:none; width:100%; min-width:300px; margin:0px; }
}

@media screen and (max-width: 1000px) {
.makeboxleft { float:none; width:auto; min-width:0px; }
.makeboxright { float:none; width:auto; min-width:0px; }
}

@media screen and (max-width: 480px) {
.main { padding:4px; }
.playlist { margin:2px; }
.viewright { float:none; width:100% }
.xshortdesc { padding:0px }
.topimage { width:50px; height:50px; }
.topbar { height:50px; }
.toph1 { font-size:1.4em; margin-left: 50px; margin-top:6px }	
.rightlinks { margin:12px 0px; font-size:0.8em}
#qrcode { display:none; }

.quotebox { margin:4px; padding:8px 12px 12px 12px; font-size:0.8em}
.quotebox blockquote { margin:8px; }
.quoteattr { text-align:right; font-size:0.8em; margin:0px 20px; }
.unavailable { width:auto; }

xh2 { padding:0px; }

.twocolul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }

}