body {
    font-family: terminal, courier new, courier, monospace;
    background-color: #ffffff;
}

h1 {
    font-size: 50pt;
    font-weight: bolder;
    border-bottom: 4px solid #000000;
    margin: 0;
    padding: 0;
}
a {
    color: #646464;
}

a:visited {
    color: #bebebe;
}

.blog {
    border-bottom: 2px solid #000000;
}

.blog h2 {
    margin-bottom: 0;
}

.date {
    font-style: italic;
    margin: 0;
}

#folders, #files {
    float: right;
    clear: both;
    width: 40%;
    background-color: #ffffff;
    margin: 0;
    padding-bottom: 2em;
    list-style-type: none;
}

#credits {
    position: absolute;
    top: 0;
    right: 1em;
    font-size: small;
    font-style: italic;
}

/* From here on down, it's nothing but icon stuff */

#folders li {
    background-image: url(folder.png);
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-top: 6px;
}

#files li {
    background-image: url(file.png);
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-top: 6px;
}

#files li.music {
    background-image: url(music.png);
}

#files li.image {
    background-image: url(image.png);
}

#files li.mod {
    background-image: url(mod.png);
}

#files li.text {
    background-image: url(text.png);
}

#files li.movie {
    background-image: url(movie.png);
}

#files li.program {
    background-image: url(program.png);
}

#files li.archive {
    background-image: url(archive.png);
}

#files li.html {
    background-image: url(html.png);
}