#wrapper { width: 400px; margin: 1em 0; }

      #wrapper { color: #5a5a5a; font-family: sans-serif; line-height: 1.4; }

/*
      #wrapper h1 { color: #444; font-size: 1.2em; padding: 14px 2px 12px; margin: 0px; }
      #wrapper h1 em { font-style: normal; color: #666; }
*/
      #wrapper a { color: #666; text-decoration: none; }

/*    #wrapper ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 460px; border-top: 1px solid #ccc; font-size: 0.9em; }
 */
      #wrapper ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #666; width: 460px; border-top: 1px solid #ccc; font-size: 0.9em; }
      #wrapper ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
      #wrapper ol li a { display: inline; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }

      #wrapper li.playing { color: #000; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
      #wrapper li.playing a { color: #000; }
      #wrapper li.playing:before { content: '\266B'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -17px; top: 9px; color: #000; font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } 

      #shortcuts { position: fixed; 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: 480px) {
        #wrapper { position: relative; left: -3%; }
        #shortcuts { display: none; }
      }
/* Use music symbol ♩ for quarter note ♩ */
/* Use music symbol ♪ for one 8th note ♪ */
/* Use music symbol ♫ for two 8th notes ♫ */
/* Use music symbol ♬ for sixteenth notes ♬ */
/* Use music symbol ♭ for flat ♭ */
/* Use music symbol ♮ for natural ♮ */
/* Use music symbol ♯ for sharp ♯ */