html{overflow-y:scroll} /** prevent firefox scrollbar jump. firefox hides vertical scrollbar if content < visibile window by default **/
html,body{height:100%}
body{text-align:center; color:#666; font-family:sans-serif; line-height:1.4; -webkit-font-smoothing:antialiased} 
body:before{content:""; position:fixed; top:-15px; left:0; width:100%; height:15px; z-index:100; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.9); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.9); box-shadow:0px 0px 10px rgba(0,0,0,.9)}
h1{color:#444; font-size:1.2em; padding:14px 2px 12px; margin:0px; text-align:center}
h1 em{font-style:normal; color:#999}
a{color:#888; text-decoration:none}
div.content{margin:0 auto}
#wrapper {margin:40px auto}
.audiojs{margin-left:auto; margin-right:auto}
ul,ol{padding:0px; margin:0 auto; list-style:decimal-leading-zero inside; color:#ccc; width:460px; border-top:1px solid #ccc; font-size:0.9em}
li{position:relative; margin:0px; padding:9px 2px 10px; border-bottom:1px solid #ccc; cursor:pointer}
li a{text-align:left; display:block; text-indent:-3.3ex; padding:0px 0px 0px 20px}
li.playing{color:#aaa; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3)}
li.playing a{color:#000}
li.playing:before{content:"♬"; width:14px; height:14px; padding:3px; line-height:14px; margin:0px; position:absolute; left:-24px; top:9px; color:#000; font-size:13px; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.2)}
h1{font-size:30px; line-height:30px; text-shadow:0px 2px 3px #555}
#shortcuts {width:100%; color:#666; font-size:0.9em; margin:2m auto; padding:20px 20px 15px; background:#f3f3f3; background:rgba(240, 240, 240, 0.7)}
#shortcuts div{width:460px; margin:0px auto}
#shortcuts h1{margin:0px 0px 6px}
#shortcuts p{margin:0px 0px 18px}
#shortcuts em{font-style:normal; background:#d3d3d3; padding:3px 9px; position:relative; left:-3px;
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1)}


img{display:block; margin:1em auto; -moz-box-shadow:0 0 7px #000; -ms-box-shadow:0 0 7px #000; -o-box-shadow:0 0 7px #000; -webkit-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000}
img.albumpix{margin:10px auto; display:block; width:800px; height:800px; padding:1px; background-color:#999; border:3px solid #333}
img.albumthumb{margin:10px auto; display:block; padding:1px; background-color:#999; border:3px solid #333}






@media screen and (max-device-width:480px) {
  #wrapper{position:relative; left:-3%}
  #shortcuts{display:none}
}