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

body
{
    background-color: white; color: #000;
    background-image: url( '../images/watermark.png' ); background-position: 40px 30px; background-repeat: no-repeat;
    font-family: Arial, sans-serif;
    margin: 2em 120px 0em 120px;
}

h1 { font-size: 1.1em; margin: 0.25em 0; }
h2 { font-size: 1.0em; margin: 0.25em 0; }
h3 { font-size: 0.9em; margin: 0.25em 0; }

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

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

form
{
}

input, textarea, select, button { font-family: Tahoma, sans-serif; }

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

    a:hover { text-decoration: underline; color: #000;}

h1 a, h2 a, h3 a { text-decoration: none; }

/***** Classes *****/

.hand { cursor: hand; }

div.page
{
    margin-right: 240px;
}

div.page a { font-weight: bold; color: #aaa; }

/** **/

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

    div#footer a
    {
        color: #999;
    }

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

div.section
{
}

div.menu
{
    color: #aaa;
    font-size: 0.7em; font-weight: bold;
    letter-spacing: 0.3em;
    text-transform: lowercase;
    margin: 0.5em 0;
}

div.menu a { color: #aaa; }

div.news
{
    position: absolute; right: 0px; top: 0px; width: 200px;
    border-left: solid 1px #ddd;
    margin: 0 4px; padding: 0 0.5em; padding-left: 20px;
}

    div.news div.item
    {
        margin-bottom: 1em;
    }

    div.news h2 { font-size: 0.7em; }
    div.news p { font-size: 0.6em; }

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

div.meta
{
    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;
    }

/*****/