html { min-width: 100%; min-height: 100%; background: url('/images/background.gif') no-repeat #000; }
body { width: 450px; min-height: 100%; margin: 0 0 0 300px; padding: 0; font-family: sans-serif; font-size: 62.5%; color: #ccc; }
h1 { margin: 0 0 30px; padding: 0; font-family: Georgia, Times, serif; font-size: 4em; font-weight: normal; color: #3cf; letter-spacing: -0.1em; text-transform: lowercase; }
p { margin: 0 0 30px; padding: 0; font-size: 1.5em; font-weight: normal; line-height: 1.6em; text-align: justify; }
h2 { margin: 0 0 30px; padding-top: 30px; border-top: dotted 1px #333; font-family: Lucida Console, Courier New; font-size: 1.5em; font-weight: bold; }
p.copy { font-family: Courier New; font-size: 1em; color: #777; text-transform: uppercase; }
a { color: #ccc; background-color: #333; text-decoration: none; outline: none; }
p.copy a { color: #777; }
a:hover, p.copy a:hover { color: #fff; }
ul { margin: 0 0 30px; padding: 0; list-style: none }
li { margin: 5px 0; padding: 2px 2px 2px 26px; font-size: 1.2em; text-transform: uppercase; line-height: 1.3em; background-repeat: no-repeat; background-color: #000; background-position: 1px 1px; }
pre { margin: 0 0 30px; padding: 4px; font-size: 1.3em; background-color: #333; }

.menu { clear: both; margin: 30px 0; overflow: auto; font-size: 1.2em; }
.menu.sub { font-size: 1em; }
.menu a { float: left; height: 1.8em; margin-right: 8px; padding: 0 8px; background-color: #333; color: #eee; line-height: 1.8em; -moz-border-radius: 0.9em; -webkit-border-radius: 0.9em; }
.menu.sub a { height: 1.6em; background-color: #000; color: #eee; line-height: 1.6em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; }
.menu a:hover { background-color: #444; color: #fff; }
.menu a.selected { background-color: #eee; color: #000; }
.menu.sub a.selected { background-color: #444; color: #fff; }

.example { margin: 0 0 30px 0; overflow: auto; }

.tab-panel { display: none; }