<style>
    body { color: #666; font-family: sans-serif; line-height: 1.4;}
html {font-size: large;}
    
	
	
      h1 { color: #444; font-size: 1.2em; padding: 14px 2px 12px; margin: 0px; }
         h2 { color: #444; font-size: 1em }
      h1 em { font-style: normal; color: #999; }
      h6 {color: #444; font-size: 1.5em; padding: 14px 2px 12px; margin: 0px; font-style: normal;}
      a { color: #888; text-decoration: none; }
      #wrapper { width: 400px; margin: 40px auto; }
	       li {display:block}
	  h2 {margin-left: -15px;}     
     
      
      ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 460px; border-top: 1px solid #ccc; font-size: 0.9em; }
      ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
      ol li a { display: block; text-indent: -2.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: 18px; height: 18px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -34px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
      
      #shortcuts { position: relative; bottom: 0px; width: 100%; color: #666; font-size: 0.9em; margin: 60px 0px 0px; 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); }

      @media screen and (max-device-width: 300px) {
        #wrapper { position: relative; left: -1%; }
        #shortcuts { display: none; }
      }
</style>