/***** Elements *****/

body
{
    background-color: #000; color: #fff;
    font-family: Arial, sans-serif;
    margin: 12px 4em 1em 4em;
}

h1, h2, h3 { font-family: 'Courier New'; }

h1 { font-size: 1.3em; margin: 0.25em 0; color: #fd0; }
    h1 a { color: #fd0;}

h2 { font-size: 1.1em; margin: 0.25em 0; color: #fd0; }
    h2 a { color: #fd0; }

h3 { font-size: 0.9em; margin: 0.25em 0; color: #fd0; }
    h3 a { color: #fd0; }

p { font-size: 0.9em; margin: 0.5em 0; }

    p.author { font-size: 0.7em; color: #fd0; clear: both; }

form
{
    text-align: left;
}

input, textarea, select { font-family: Tahoma, sans-serif; font-size: 1em; }

a { color: #fd0; text-decoration: none; }

    a:hover { text-decoration: underline; }

div.page
{
    padding: 0.5em 2em; 
    border: solid 1px #fd0;
    border-width: 16px 2px 2px 2px;
}

/** **/

div#footer
{
    color: #999;
    font-size: 0.7em;
    text-align: center;
    margin: 1em 0;
}

    div#footer a
    {
        color: #999;
    }

/***** Class DIVs *****/

div.section
{
    margin: 0.5em 0; padding: 0.5em 0em;
    border: solid 1px #fd0;
    border-style: solid none;
}

div.menu
{
    position: absolute; left: 130px; bottom:0;
    border: solid 1px black;
    font-family: 'Courier New';
    font-weight: bold;
}

    div.menu div.item
    {
        margin: 0.5em;
    }

div.news
{
    position: absolute;
    right: 0; top: 0; width: 180px;
    padding: 0.5em 1em; 
    border: solid 1px #fd0;
    font-size: 0.7em;
}

    div.news div.item
    {
        border: solid 1px #fd0;
        border-style: solid none;
        margin: 0.5em 0;
        padding: 0em;
    }

/***** The coloured bars which show the status of each page and section *****/

div.meta
{
    background-color: #222; color: #fff;
    border: solid #fd0 1px;
    padding: 1px 1em 2px 1em;
    clear: both;
}

    div.meta.submitted { background-color: #fdd; }
    div.meta.draft { background-color: #dfd; }
    div.meta.private { background-color: #fdf; }

    div.meta p
    {
        font-size: 0.6em;
        margin: 0 0 0 0;
    }

    div.meta.bar
    {
        text-align: right;
    }

/*****/