/* Live in Style - Unix Tree */
/* Alien colors: red, lime, blue, fuchsia, yellow, aqua */

/* Foundation */
body   { text-align: justify; color: lime; font-family: tahoma, trebuchet ms, sans-serif; font-size: 80%; background-color: black; margin-top: 30px;
         background-image: url("alien.jpg"); background-repeat: no-repeat;
         background-attachment: fixed; }
html   { overflow: -moz-scrollbars-vertical; }
table  { font-size: 100%; }
th, td { vertical-align: top; }
img    { border-style: none; }
ul, ol { margin-top: 5px; }
li     { margin-right: 50px; }
br.all { clear: both; }

/* Links */
a         { color: yellow; font-weight: bold; }
a:hover   { color: red; }
a:active  { color: gold; }
a:visited { color: gold; }

/* Document */
div.main    { width: 550px; margin-left: auto; margin-right: auto; }
h1          { font-size: 190%; text-align: right; color: white; font-family: comic sans ms, cursive; margin: 0px; }
h2          { font-size:  80%; text-align: right; color: white; margin: 0px; }
h3          { font-size: 110%; text-align: right; font-weight: normal; margin-bottom: 0px; }
h4          { font-size: 150%; font-weight: bold; border-bottom: 2px solid fuchsia; }
.header     { float: left; font-size: 100%; font-weight: bold; background-color: lime; color: black; padding-left: 20px; padding-right: 20px; margin-top: 10px; margin-bottom: 10px; }
.testimony  { text-align: right; border: dashed yellow 1px; padding: 3px 10px; margin-bottom: 10px; }
.footer     { width: 550px; font-size: 80%; color: fuchsia; text-align: right; margin: 0px auto 0px auto; }
a.footer    { color: fuchsia; text-decoration: none; font-weight: normal; font-size: 100%; }
img.footer  { width: auto; background-color: white; padding: 3px; border: 1px solid fuchsia; }

/* Box */
table.box   { margin: 10px auto; color: fuchsia; border: solid yellow 1px; padding: 5px; }
pre         { font-size: 120%; }
span.prompt { color: aqua; }
span.output { color: lime; }

/* Code Box */
div.box     { margin: 10px 0px; text-align: center; }
div.box div { display: inline-block; background-color: aqua; border: 1px solid aqua; }
div.box h1  { text-align: center; font-family: sans-serif; font-size: 110%; font-weight: bold;
               background-color: black; color: aqua; padding: 1px; }
div.box p   { text-align: left; white-space: pre; font-family: monospace; font-size: 100%; color: black; margin: 8px; }

/* PERFECT Style */
div.perfect       { display: inline-block; background-color: black; color: aqua;
                    font-size: 90%; border: 1px solid fuchsia; }
div.perfect h1    { text-align: center; background-color: fuchsia; color: black;
                    font-size: 110%; padding: 4px; margin: 0px; }
div.perfect table { padding: 10px; }
div.perfect th    { text-align: right; vertical-align: middle; }
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; }
