html, body {
    height: 100%;
    width: 100%;

    padding: 0;
    margin: 0;

    font-family: "consolas";

    background-color: black;
    color: cyan;
}

.form {
    font-family: monospace;
    background: #333;
    color: #ccc;
}

#nav ul { list-style-type: "> "; }

#nav ul li:hover, a:hover { color: white; }
#nav ul li:hover { list-style-type: ">"; }

ul > a, ul > a:visited {  color: #00b4b4; }
a, a:visited { color: cyan; }

#footer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    height: 1.1em;

    padding: 0.1em;

    font-size: 2em;

    background: linear-gradient(to right, #122 20%, #244);
    color: aqua;

    border-bottom: 1px solid #266;
}
#footer > span:nth-child(1) {
    text-shadow: 0 0 5px #199;
}

#nav {
    position: fixed;
    top: 2.7em;
    left: 0;
    bottom: 0;

    max-width: 16em;

    background: url(https://c1.staticflickr.com/5/4141/4816544568_ef89b5a83d_b.jpg);

    padding-right: 1em;
    border-right: 1px solid #133;
}

#content {
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;

    top: 2.7em;
    left: 16em;
    right: 0;
    bottom: 0;

    padding: 1em;
}

#content ul > li {
    list-style-type: "> ";
}
#content ul > li > p {
    color: #00b9b9;
    background: linear-gradient(to right, #588, #0a0a0a .5em);
    border-left: 1px solid #aff;
    padding-left: 1em;
}
#content table, #content td {
    border-collapse: collapse;
    border: 1px solid;
}
#content thead {
    font-weight: bold;
    background: #011;
}
#content .hasTable {
    padding: 0;
    margin: 0;
}
#content .hasTable table {
    border-style: hidden;
    width: 100%;
}
#content td {
    padding: 0px 10px;
}
#content .tableDesc li {
    list-style-type: "- ";
}

#content .hrBig {
    border-color: aqua;
}
#content .hrSmall {
    border: 1px dashed #119999;
    border-bottom: none;
}