body
{
    margin: 0;
    padding: 0;
    color: #000033;
    background: #DDDDDD;
}

h1,h2,h3,h4,h5,h6
{
    margin: 0 0 .5em;
    font-weight: 500;
    line-height: 1.1;
}

h1 { font-size: 2.25em; } /* 36px */
h2 { font-size: 1.75em; } /* 28px */
h3 { font-size: 1.375em; } /* 22px */
h4 { font-size: 1.125em; } /* 18px */
h5 { font-size: 1em; } /* 16px */
h6 { font-size: .875em; } /* 14px */

p
{
    margin: 0 0 1.5em;
    line-height: 1.5;
}

a:link { color: blue; }
a:visited { color: purple; }
a:focus { color: black; }
a:hover { color: green; }
a:active { color: red; }

.container
{
    max-width: 70em;
    margin: 0 auto;
}

.content
{
    overflow: hidden;
    padding: 1em 3em;
}

.main,
{
    margin-bottom: 1em;
}

.page-title-container
{
    text-align: center;
    margin: 2em;
    margin-top: 5px;
}

.page-title
{
    color: #E6E6E6;
    background: #4444FF;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding: 0 2em 4px 2em;
    border: 2px solid #000088;
    border-radius: 8px;
}

.list-sans-dots
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* for the front page */
.fp-list
{
}

.fp-line
{
    margin-top: 1.2em;
}

.fp-article-name
{
    margin-right: 1em;
    font-size: 140%;
}

.fp-article-date
{
    color: #004400;
    font-size: 100%;
}

.fp-talk-conference
{
    margin-right: 1em;
    color: #440000;
}

.fp-talk-name
{
    margin-right: 1em;
    font-size: 140%;
}

.fp-talk-date
{
    color: #004400;
    font-size: 100%;
}

.fp-release
{
    margin-right: 1em;
    font-size: 140%;
}

.fp-release-date
{
    color: #004400;
    font-size: 100%;
}

/* for projects.html */
.project-name
{
    text-align: center;
    font-size: 160%;
    font-color: #000044;
    background: #BBBBBB;
}

.project-line
{
    margin-top: 1em;
}

.project-line + table
{
    width: 100%;
}

.project-line-heading
{
    font-size: 110%;
    margin-right: 1em;
}

#project-description-heading
{
    color: #004400;
}

.project-description
{
}

#project-repo-heading
{
    color: #440000;
}

.project-repo
{
    margin-right: 4em;
}

#project-dub-heading
{
    color: #880000;
}

.project-dub
{
}

#project-releases-heading
{
    color: #000088;
}

.release-list
{
    list-style-type: none;
    margin-top: 5px;
}

.release-name
{
    margin-right: 2em;
}

.release-doc
{
    margin-right: 2em;
}

.release-changelog
{
    margin-right: 2em;
}

.release-date
{
    font-size: 80%;
    color: #004400;
}

/* for articles.html */
.article-list
{
}

.article-line
{
    margin-top: .8em;
}

.article-name
{
    font-size: 140%;
    margin-right: 1em;
}

.article-date
{
    font-size: 100%;
    color: #004400;
}
/* for talks.html */
.talk-list
{
}

.talk-line
{
    margin-top: .8em;
}

.talk-name
{
    font-size: 140%;
    margin-right: 1em;
}

.talk-conference
{
    font-size: 100%;
    color: #880000;
    margin-right: 1em;
}

.talk-date
{
    font-size: 100%;
    color: #004400;
}

/* for about.html */
.profile-image
{
    text-align: left;
    margin-bottom: 1em;
}

/* for changelog pages */
.changelog-summary
{
    text-align: justify;
    margin-bottom: 2em;
}

.changelog-list
{
    margin-bottom: 2em;
}

.changelog-entry
{
    margin-top: 1.2em;
}

.changelog-links-outer
{
    width: 100%;
    font-size: 120%;
}

.changelog-links-inner
{
    float: center;
    text-align: center;
}

.changelog-links-inner span
{
    margin-right: 2em;
    margin-left: 2em;
}

.changelog-prev
{
    float: left;
    margin-right: 2em;
    margin-left: 2em;
}

.changelog-next
{
    float: right;
    margin-right: 2em;
    margin-left: 2em;
}