html {background: #eee}

body {color: #333; line-height: 125%; margin: 0;
font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", sans-serif}

#header {background: url(images/assembly.jpg) #aaa;
border-bottom: 1px solid; padding: 20px 0 40px 16px;
text-shadow: #333 2px 2px 2px}

#header h1 {margin: 0; font-size: 250%; color: white}

#wrapper {position: absolute; margin: 16px}

#content {padding-left: 232px}

#nav {width: 200px; padding-right: 16px; position: absolute;
top: 0; left: 0; border-right: 1px solid silver}

h2, h3 {padding: 4px; clear: both; border-bottom: 1px solid;
text-shadow: white 1px 1px 1px}

a {text-decoration: none; color: red; border-bottom: 1px dashed silver}

a:hover, a:focus {color: white; background: red; border: none}

acronym, abbr {border-bottom: 1px dashed silver; cursor: help}

ul {list-style-type: square}

small {color: silver; font-size: 70%}

table {border-collapse: collapse; margin: 1ex}

.screenshot {float: left; margin: 0 20px 10px 0}

table, pre, img {border: 1px solid #333; background: white;
box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3)}

pre {padding: 8px; width: 90%; margin: 1ex}
pre i {color: green}
pre, code, .example {font-family: "Bitstream Vera Sans Mono",
"DejaVu Sans Mono", "Lucida Console", Monaco, monospace}

.example td {padding: 8px; border: 1px solid gray}
.altered {color: white; background: red}
.prev {background: silver}

.data {width: 90%}
.data td, .data th {padding: 0 4px}
.data th {color: white; background: red}
.data tr:hover {background: silver}
.data td:first-child {font-weight: bold; border-right: 1px solid gray}
.numeric {text-align: right}

.bibliography {list-style-type: none; padding: 0; margin-left: 0}
.bibliography li {text-indent: -5em; margin: 0 0 1ex 0; padding-left: 5em}
.bibliography li cite {font-style: normal}
.author {font-weight: bold}
.title {text-decoration: underline}