/***** Common to all *****/

div.page { margin-right: 260px }

div.content { position: relative; }

form { text-align: left; }

input, textarea, select { font-family: Tahoma, sans-serif; font-size: 1em; color: #000; background-color: #fff;  border: solid gray 1px; }

.hand { cursor: hand; }

p.author { font-size: 0.7em; clear: both; text-align: right; }

/***** Smooth inc *****/

body.smoothinc
{
    background-color: #000; color: #0d0;
    font-family: Courier New, sans-serif;
    margin: 1em 4em 1em 4em;
}

body.smoothinc h1, body.smoothinc h2, body.smoothinc h3 { text-transform: uppercase; letter-spacing: 0.2em; }

body.smoothinc h1 { font-size: 2em; margin: 0.25em 0; }
    body.smoothinc h1, body.smoothinc h1 a { color: #0f0; }

body.smoothinc h2 { font-size: 1.5em; margin: 0.25em 0; }
    body.smoothinc h2, body.smoothinc h2 a { color: #0f0; }

body.smoothinc h3 { font-size: 0.9em; margin: 0.25em 0; }
    body.smoothinc h3, body.smoothinc h3 a { color: #0f0; }

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

body.smoothinc blockquote { margin: 0; color: #99f; }

body.smoothinc em { font-style: normal; font-weight: bold; color: #0f0; }

body.smoothinc a { color: #0c0; text-decoration: none; }

    body.smoothinc a:hover { text-decoration: underline; }

body.smoothinc div#footer
{
    color: #0d0;
    font-size: 0.7em;
    text-align: center;
    margin: 1em 0;
}

    body.smoothinc div#footer a
    {
        color: #0d0;
    }

    body.smoothinc div.page img { border: solid 1px #0d0; }

body.smoothinc div.section
{
    border: solid 1px #0d0;
    border-width: 1px 1px 1px 32px;
    background-image: url( '../media/layout/sscanlines.gif' );
    padding: 0.5em 1em;
    margin: 0.6em 0;
}

body.smoothinc div.menu
{
    border: solid 1px #0d0;
    margin: 4px; padding: 0.5em;
}

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

/***** Big Jovi *****/

body.bigjovi
{
    background-color: #a00; color: #fff;
    font-family: Arial, sans-serif;
    margin: 1em 4em 1em 4em;
}

body.bigjovi h1, body.bigjovi h2, body.bigjovi h3 { color: white; }
body.bigjovi a { color: white; }

body.bigjovi div.page { border: none; background: none; }
body.bigjovi div.section { background: #fff; margin: 0.5em 0; color: #000; padding: 0.2em 1em; }
body.bigjovi div.section > h1 { color: black; }
body.bigjovi div.section > h2 { color: black; }
body.bigjovi div.section > h3 { color: black; }
body.bigjovi div.section > p { color: black; }

body.bigjovi div#footer { color: white; }
body.bigjovi div#footer a { color: white; }

/***** Flock *****/

body.flock
{
    background-color: #88f; color: #000;
    font-family: Arial, sans-serif;
    margin: 1em 4em 1em 4em;
}

body.flock div.page { border: none; background: none; }
body.flock div.section { border: none; background: none; }

body.flock h1, body.flock h2, body.flock h3 { color: #000; }
body.flock a { color: #000; }

body.flock div.page { border: none; background: none; }
body.flock div.section { margin: 0.5em 0; color: #000; }
body.flock div.section > h1 { color: black; }
body.flock div.section > h2 { color: black; }
body.flock div.section > h3 { color: black; }
body.flock div.section > p { color: black; }

body.bigjovi div#footer { color: black; }
body.bigjovi div#footer a { color: black; }

/***** Duran *****/

body.duran
{
    background-color: #fee; color: #000;
    font-family: Arial, sans-serif;
    margin: 1em 4em 1em 4em;
}

body.duran div.page { border: none; background: none; }
body.duran div.section { border: none; background: none; }

body.duran h1, body.flock h2, body.flock h3 { color: #000; }
body.duran a { color: #000; }

body.duran div.page { border: none; background: none; }
body.duran div.section { margin: 0.5em 0; color: #000; }
body.duran div.section > h1 { color: black; }
body.duran div.section > h2 { color: black; }
body.duran div.section > h3 { color: black; }
body.duran div.section > p { color: black; }

body.duran div#footer { color: black; }
body.duran div#footer a { color: black; }

/***** Common in all styles *****/

div.news
{
    font-family: Verdana, sans-serif;
    position: absolute; right: 0; top: 0;
    width: 240px;
    color: #fff;
    background-color: black;
    padding: 0.2em;
}

    div.news div.item
    {
        border: solid 1px #fff;
        margin: 2px 0;
        padding: 0 0.5em;
    }

    div.news h1, div.news h1 a, div.news h2, div.news h2 a, div.news h3, div.news h3 a, div.news p, div.news p a { color: #fff; }

    div.news h1 { font-size: 0.8em; text-transform: none; letter-spacing: 0; }
    div.news h2 { font-size: 0.7em; text-transform: none; letter-spacing: 0; }
    div.news h3 { font-size: 0.6em; text-transform: none; letter-spacing: 0; }
    div.news p { font-size: 0.6em; text-transform: none; letter-spacing: 0;}
    div.news p.author { font-size: 0.5em; text-transform: none; letter-spacing: 0; }

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

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

    div.meta.submitted { background-color: #500; }
    div.meta.draft { background-color: #050; }
    div.meta.private { background-color: #005; }

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

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