.hide              { display: none; color: white; }

/* ----- Layout ----- */

.header            { padding-top: 250px }
.title             { text-align: center; margin: -150px 0 0 0; text-shadow: 0.5em 0.5em silver }
.sub-title         { text-align: center }
.toc               { margin: -150px 0 0 80% }
.toc1, .toc2       { margin: 0 0 0 80%; text-align: left }
.toc1              { text-indent: 0.1in }
.toc2              { text-indent: 0.2in }
.indent            { margin: 0 0 0 .2in }
.code              { margin: 1em 0 1em .5in }
.boxtext           { margin-top: 3pt; padding: 3pt }

body               { margin: 0 2em 0 2em }
h1                 { margin: 12pt 0 3pt .25in; text-indent: -.25in }
h2                 { margin: 3pt 0 0 0; padding: 3pt }
h1, h2, h3         { page-break-after: avoid }
p                  { margin-top: 5pt; margin-bottom: 5pt }
div p              { margin-bottom: 3pt }

/* ----- Miscellaneous ----- */

h1:before          { content: counter(chapter) ". "; counter-increment: chapter; counter-reset: section }
h2:before          { content: counter(chapter) "." counter(section) " "; counter-increment: section }
ul ul              { list-style-type: square }
ul                 { list-style-type: disc }

/* ----- Fonts ----- */

.title             { font-size: 36pt; font-family: Impact, sans-serif }
.sub-title         { font-size: 8pt; font-family: Verdana, sans-serif }
.toc               { font-size: 8pt }
.toc1              { font-size: 8pt; font-family: Verdana, sans-serif; font-weight: bold; }
.toc2              { font-size: 8pt; font-family: Verdana, sans-serif }
.boxtitle          { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold }
.boxtext,
.boxtext2          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt }
.code              { font-family: Courier, monospaced; font-size: 130% }

body               { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif }
h1                 { font-size: 16pt; font-family: Arial, sans-serif }
h2                 { font-size: 12pt; font-family: Arial, sans-serif; font-style: italic }
h3                 { font-style: italic }
h1, h2, h3         { font-weight: bold }
pre                { font-size: 12pt; font-family: Courier, monospaced }

/* ----- Colors ----- */

.title             { color: #990000 }
.boxtitle          { color: #ffffff; background: #000000 }
.boxtext           { color: #0000000; background: #ddddcc }
.indent            { background: #ddddcc }
.code              { color: #990000 }

body               { color: #0000000; background: #ffffee }
h1                 { color: #9900000 }
h2                 { color: #ffffff; background: #000000 }

h1                 { text-transform: uppercase }
h1:first-letter    { font-size: 120% }