+kbd {
+ display: inline-block;
+ min-width: 1em;
+ padding: .2em .3em;
+ font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
+ text-align: center;
+ text-decoration: none;
+ border-radius: .3em;
+ cursor: default;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ user-select: none;
+ background: rgb(250, 250, 250);
+ background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
+ background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
+ color: rgb(50, 50, 50);
+ text-shadow: 0 0 2px rgb(255, 255, 255);
+ box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
+ white-space:nowrap;
+ text-transform:capitalize;
+}
+
+kbd.input,kbd.cmd,kbd.osc {
+ font-family:mono;
+ border-width:0;
+ text-transform:none;
+}
+
+kbd.input {
+ background:none;
+ border-radius: 0;
+}
+
+kbd.cmd {
+ display:block;
+ width:100%;
+ margin-bottom:1ex;
+ text-transform:none;
+ background: rgb(220, 220, 220);
+ text-shadow: none;
+ box-shadow: none;
+ text-align:left;
+}
+
+kbd.cmd.lin:before {
+ content: 'user@linux:~ ';
+ color:#999999;
+}
+
+kbd.cmd.mac:before {
+ content: 'MacBook:~/Desktop User\$ ';
+ color:#999999;
+}
+
+kbd.cmd.win:before {
+ content: 'C:\\Users\\myAccount> ';
+ color:#999999;
+}
+
+kbd.optoff, kbd.option {
+ border:none;
+ background:none;
+}
+
+kbd.optoff:before {
+ content:url('/images/checkbox-unchecked.png');
+ margin: 0 5px 0 0;
+ vertical-align:middle;
+}
+
+kbd.option:before {
+ content:url('/images/checkbox-checked.png');
+ margin: 0 5px 0 0;
+ vertical-align:middle;
+}
+
+kbd.menu {
+ border:none;
+ background:none;
+ font-weight:bold;
+ font-stretch:extra-condensed;
+ white-space:normal;
+}
+
+kbd.osc {
+ border:none;
+ background: rgb(208, 208, 243);
+ font-stretch:extra-condensed;
+ white-space: nowrap;
+ text-align:left;
+}
+
+kbd.fader, kbd.knob, kbd.button {
+ background: rgb(174, 174, 217);
+ background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
+ background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
+ color:#000044;
+}
+
+kbd.fader {
+ border-width: 1px 1px 9px 9px;
+}
+
+kbd.knob {
+ border-radius:12px;
+ border-width: 1px 1px 9px 9px;
+}
+
+kbd.button {
+ border-radius:8px;
+ border-width: 1px 1px 3px 3px;
+}
+
+kbd.mouse {
+ border-radius:10px;
+}
+
+
+samp {
+ font-family:mono;
+ font-style:italic;
+ color:#333333;
+ background-color:transparent;
+ margin-left: 1ex;
+ margin-right: 1ex;
+}
+
+samp:before {
+ content:"\BB";
+}
+
+samp:after {
+ content:"\AB";