/* Live in Style -- PERFECT */
body     { color: #333333; background-color: black;
           font-size: 90%; font-family: trebuchet ms, sans-serif; margin: 0px; }
           /* Note: "background-color" must match ".color_bg" and ".nav" below. */
html     { overflow: -moz-scrollbars-vertical; }
table    { font-size: 100%; }
td       { vertical-align: top; }
hr       { background-color: gray; height: 1px; border: 0; width: 90%; }
br.all   { clear: both; }  /* old */
br.both  { clear: both; }
textarea { font-family: sans-serif; }
ul       { font-size: 85%; }

/* Links */
a         { color: lime; font-weight: bold; text-decoration: none; }
a:hover   { color: black; }
a:active  { color: darkgray; }
a:visited { color: darkgray; }
img       { border-style: none; }

/* Steps Layout */
table.step         { width: 100%; border-spacing: 0px; }
table.step td      { padding: 10px; }
table.step td.main { width: 600px; background: ghostwhite; }

/* Document */
h1           { float: left; font-size: 160%; background: dimgray; color: yellow; font-family: comic sans ms, american typewriter, sans-serif; padding: 0px 20px; margin: 0px; }
h2           { font-size: 100%; color: darkgray; font-family: verdana, sans-serif; margin: 2px 0px 20px 0px; }
h3           { font-size: 120%; margin: 0px; }
div.sub      { font-size: 85%; margin: 0px 30px; }
div.quotes   { text-align: right; font-size: 85%; }
div.footer   { text-align: center; color: dimgray; font-size: 75%; font-family: sans-serif; border-top: solid 1px; padding: 10px; margin: 0px auto; }
div.footer a { color: dimgray; }
.stage_r     { float: right; margin: 0px 0px 10px 10px; }

/* Boxes */
div.code  { float: left; font-size: 7.5pt; white-space: pre; font-family: monospace; background-color: lightgrey; border: solid yellow 6px; padding: 6px; }
div.links { float: right; font-size: 85%; text-align: right; background-color: white; border: solid black 1px; padding: 5px; margin-left: 10px; }

/* Color Scheme */
.color_body     { background: ghostwhite; }           /* content pane */
.color_fg       { background: lime; }                 /* right side */
.color_bg       { background: black; }                /* left side */
.sidebar_border { background: yellow; }
.sidebar_body   { background: lightgrey; font-size: 80%; }

/* Trickle Down */
div.perfect h1    { float: none; }
div.perfect td    { padding: 0px; }

/* PERFECT Style */
div.perfect       { display: table; background-color: gainsboro; color: dimgray;
                    font-size: 80%; border: 1px solid black; margin: 0px auto; }
div.perfect h1    { text-align: center; background-color: black; color: yellow;
                    font-size: 110%; padding: 4px; margin: 0px; }
div.perfect table { padding: 10px; }
div.perfect th    { text-align: right; }
div.perfect p     { float: right; font-size: 70%; margin: 10px 0px 0px 0px; color: gray; }
div.perfect p a   { color: gray; text-decoration: none; }
div.perfect div   { text-align: center; }
input.click       { cursor: pointer; }