/* Basic styles. */

body {
    padding:    0;
    margin:     0;
    font-family: 'Georgia', serif;
    background: #110000;
    color:      #FFCC99;
}

h1, h2, h3, h4 {
    color: #333333;
    font-family: sans-serif;
    margin: 0 0 1em 0;
}

#header h1 {
    font-size: 4em;
    font-weight: normal;
    font-family: 'Georgia', serif;
    margin: 0;
    color: #FFCC99;
}

h1 {
    font-size: 2em;
    font-weight: normal;
}

h2 {
    font-size: 1.6em;
    font-weight: normal;
    margin: 1em 0;
}

h3 {
    font-size: 1.3em;
    font-weight: normal;
    border-bottom: solid 1px #999999;
    margin: 1em 0;
}

p {
    line-height: 1.5em;
}

code {
    font-family: 'Consolas', monospace;
    padding: 1.1em;
    background: #110000;
    color: #FFCC99;
    overflow: auto;
    border: solid 1px #999999;
    display: block;
}

hr {
    border: none;
    color: #999999;
    background-color: #999999;
    height: 2px;
}

/* Layout. */

#header {
    margin: 0 0 0 20%;
    color: #FFFFFF;
}

#col1 { float: left; min-width: 150px; width: 20%;}
#col2 { float: left; min-width: 600px; width: 60%;}

#col2 {
    background: #DDCC99;
    color: #111111;
    font-size: 1.1em;
}

#col2 li {
    line-height: 1.5em;
}

#footer {
    margin: 0 20% 0 20%;
    color: #999999;
}

/* Tables. */

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #999999;
}

th, td {
    padding: 0.5em;
}

th {
    background: #330000;
    color: #FFFFFF;
}

/* Common links style. */

a:link {
    color: #990000;
}

a:visited {
    color: #663333;
}

a:hover {
    text-decoration: none;
}

/* Menu style. */

.menu ul {
    margin: 1em 0 0 1em;
    padding: 0;
    list-style-type: square;
}

.menu li {
    padding: 0.2em 0 0.2em 0;
}

.menu li a {
    padding: 0.5em;
    text-decoration: none;
    display: block;
    font-family: 'Arial', sans-serif;
}

.menu li a:link {
    color: #999999;
}

.menu li a:visited {
    color: #999999;
}

.menu li a:hover {
    background: #FFCC99;
    color: #333333;
}

.menu span {
    font-family: sans-serif;
    padding: 0.5em;
    display: block;
    background: #330000;
    color: #FFFFFF;
}

/* Special CSS classes. */

.content {
    padding: 2em;
    text-align: justify;
}

.clear {
    clear: left;
}

/* Trite file and directory list items style. */

.files li.fldirectory {
	list-style-image: url('../_img/folder.png');
}

.files li.flimage {
	list-style-image: url('../_img/image.png');
}

.files li.fldefault {
	list-style-image: url('../_img/box.png');
}

.files li.fltext {
	list-style-image: url('../_img/page.png');
}