/*
 * default.css
 *
 * Version:  $Revision: 1.20 $
 * Date:     $Date: 2006/05/16 18:59:42 $
 * Author:   Samuel Penn
 */
body {
    margin: 1pt;
    background-color: #eeffee;
}

img {
    border: none;
}

/*
 * The page header, including page title and links bar. The bar gives links
 * to the most obvious/important related pages.
 */

div.header {
    background: url("/images/css/bar.png") right 100%;
    margin: 0mm;
    padding: 0mm;
}

h1 {
    background-color: #4b8b4b;
    margin: 0mm;
    padding: 0mm;
    color: black;
    text-shadow: silver 2px 2px 2px;
    font-size: xx-large;
    font-family: verdana;
    font-weight: bold;
}


div.header h1 {
    background: url(/images/css/titlebar.png) no-repeat;
    padding-left: 165px;
    padding-right: 5px;
    text-align: right;
}

a {
    font-weight: bold;
}

a:hover {
    color: red;
    background-color: #ccffcc;
}

a:visited {
    color: #006600;
    font-weight: normal;
}

a:visited:hover {
    color: red;
    background-color: white;
}


div.links {
    text-align: center;
    background-color: #4b8b4b;
    margin-left: 0mm;
    margin-right: 0mm;
    margin-bottom: 2mm;
    border-top: 2pt solid black;
    border-bottom: 2pt solid black;
}

div.links a {
    color: white;
    background-color: #4b8b4b;
    text-align: center;
    padding-left: 2mm;
    padding-right: 2mm;
    margin-right: 2mm;
    border-left: 1pt solid black;
    border-right: 1pt solid black;
}

div.links a:hover {
    color: black;
    background-color: #99dd99;
}

/*
 * The main body of the page. Sections are nested, with sect1 being the top
 * level, outermost sections. Should stretch from the left hand side of the
 * page, up to the sidebar on the right.
 */
p {
    padding-left: 3pt;
    padding-right: 3pt;
    margin-top: 3pt;
    margin-bottom: 0pt;
}

p.quote {
    margin-left: 10mm;
    margin-right: 10mm;
    font-style: italic;
}


div.sect1 {
    background: #4b8b4b url(/images/css/top-right.png) no-repeat top right;
    margin: 0mm;
    padding: 0mm;
    margin-bottom: 6pt;
    margin-right: 50mm;
}

div.sect1 h1 {
    background: url(/images/css/top-left.png) top left no-repeat;
    font-size: x-large;
    text-align: left;
    padding: 1pt;
    padding-left: 8px;
    margin-top: 0mm;
    border-bottom: 3pt solid black;
}

div.content {
    background: white;
    border: none;
    padding: 3px;
}

div.sect1 div.content {
    border: 1pt solid black;
}

div.sect2 div.content {
    border: none;
}

div.sect2 h2 {
    color: black;
    font-size: large;
    font-weight: bold;
    margin-bottom: 0mm;
    border-bottom: 2pt solid #4b8b4b;
    margin-left: 0pt;
    padding-left: 3pt;
}

div.sect3 {
    margin-left: 0pt;
}

div.sect3 h3 {
    color: #4b8b4b;
    font-size: large;
    font-weight: bold;
}

div.sect4 h4 {
    color: #4b8b4b;
    font-size: medium;
    font-weight: bold;
    margin-bottom: 0mm;
}

div.sect5 h5 {
    color: black;
    font-size: medium;
    font-weight: medium;
    font-style: italic;
    left: 100;
}

/*
 * The following classes are all to do with the sidebar. The sidebars are
 * down the right hand side, and should float against the right margin of
 * the browser window.
 */


div.sidebar {
    float: right;
    width: 48mm;
    margin: 0mm;
    margin-bottom: 5mm;
    border: none;
    background-color: white;
    text-align: left;
    clear: both;
}

div.sidebar div.title h6 {
    background: #4b8b4b url(/images/css/top-left.png) top left no-repeat;
    border-bottom: 2pt solid black;
    color: white;
    padding-left: 10px;
    font-size: medium;
    font-weight: bold;
    margin: 0mm;
}

div.sidebar div.column {
    padding-bottom: 0pt;
    border: 1pt solid black;
}


div.sidebar div.column p {
    font-size: x-small;
    margin-top: 0mm;
    margin-bottom: 3pt;
    padding: 1mm;
}

div.vehicle {
    border: 1mm solid black;
    margin-bottom: 5mm;
}

div.vehicle h4 {
    color: white;
    background-color: black;
    margin: 0mm;
    margin-bottom: 2mm;
    padding: 0mm;
    padding-left: 3mm;
    font-size: medium;
    font-weight: bold;
}

div.vehicle table.dirtside {
    border: 1pt solid black;
    margin-left: 0mm;
    width: 100%;
    padding: 0mm;
}

div.vehicle table.dirtside td.head {
    color: white;
    background-color: #333333;
    width: 20mm;
    font-size: x-small;
    text-align: left;
}

div.vehicle table.dirtside td {
    color: black;
    background-color: white;
    width: 10mm;
    font-size: medium;
    text-align: right;
    border: 1pt solid black;
    margin: 0mm;
    padding: 0mm;
    text-align: center;
}

div.vehicle table.dirtside td.text {
    text-align: left;
}

div.character {
    border: 1mm solid green;
    background-color: #f7fff7;
    padding: 2mm;
    margin-left: 1cm;
    font-size: small;
}

div.character h4 {
    color: green;
    font-size: large;
    font-weight: bold;
    margin: 0cm;
}

div.character p {
    color: black;
    margin: 0cm;
    text-align: justify;
    font-size: small;
}

div.character table.attributes {
    margin: 0cm;
}

div.character table.attributes th {
    color: black;
    font-weight: bold;
    background-color: #f7fff7;
    font-size: small;
}

div.character table.attributes td {
    text-align: center;
    font-size: small;
}



div.beast {
    border: 1mm solid black;
    padding: 2mm;
    margin-left: 1cm;
}

div.beast h4 {
    color: black;
    font-size: 20pt;
    font-weight: bold;
    margin: 0cm;
}

div.beast p {
    color: black;
    margin: 0cm;
    text-align: justify;
    font-size: medium;
}

div.beast table.attributes {
    margin: 0cm;
}

div.beast table.attributes th {
    color: black;
    font-weight: bold;
    background-color: white;
    font-size: small;
}

div.beast table.attributes td {
    text-align: center;
    font-size: small;
}



@media print {
    body {
        background-color: white;
    }

    div.sidebar {
        float: none;
        margin-left: 15mm;
        margin-right: 15mm;
        width: auto;
    }

    div.sect1 {
        margin-right: 0pt;
        font-size: medium;
    }

    table {
        font-size: x-small;
    }

    div.vehicle {
        page-break-before: always;
        font-size: small;
    }

    div.vehicle table.dirtside td {
        font-size: xx-small;
    }

    div.vehicle table.dirtside td.head {
        font-size: xx-small;
    }

}