/* For CCBot/1.0 (+http://www.commoncrawl.org/bot.html) */
/* Standard elements */
address,
blockquote, 
body, dd, div, 
dl, dt, 
fieldset, form,
frame, frameset,
h1, h2, h3, h4, 
h5, h6, iframe, 
noframes, 
object, ol, p, 
ul, applet, 
center, dir, 
hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { padding: 8px; line-height: 1.33; font-family: "Lucida Grande", sans-serif; color: black; background-color: white }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .83em 0 }
h3              { font-size: 1.17em; margin: 1em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 0px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
center          { text-align: center }
br:before       { content: "\a" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
a[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
bdo[dir="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[dir="ltr"]    { direction: ltr; unicode-bidi: embed }
*[dir="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
address, blockquote, body, dd, div, dl, dt, fieldset, 
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center, 
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, 
col, colgroup, td, th, caption 
                { unicode-bidi: embed }
/* End bidi settings */



/* Specific elements */
#sidebar {
    position:           fixed;
    top:                0;
    left:               0;
    height:             100%;
    overflow:           auto;
    padding:            0 1em;
    width:              11em;

    color:              white;
    background-color:   navy;
    font-weight:        bolder;
    font-size:          0.8em
}
#sidebar > *:first-child {
    padding-top:        1em;
    padding-bottom:     1em
}
#sidebar a[href] {
    color:              yellow
}
#sidebar h1, #sidebar h2 {
    margin:             1.5em 0 0.5em 0;
    font-size:          1.5em;
    font-weight:        bolder
}
#sidebar ul {
    margin:             0;
    padding:            0
}
#sidebar ul[class="children"], #sidebar li[class="page_item"] ul {
    margin-left:        1.25em
}
#sidebar ul li {
    padding:            0;
    margin:             0 0 0.8em 0;
    list-style-type:    none
}



#main, #header, #footer {
    margin-left:        10.5em
}


div[class="bordered"] {
    border:             1px solid black;
    margin:             1em 0;
    padding:            0 1em;
}

div[class="navigation"] {
    text-align:         center;
    min-height:         1.5em
}

div[class="alignleft"] {
    float:              left
}

div[class="alignright"] {
    float:              right
}

p {
    text-align:         justify
}


/* Lists */
dt {
    margin-top:         .5em;
    font-weight:        bolder
}
dd {
    margin-bottom:      .5em;
    padding-left:       2em
}
li {
    margin:             .5em 0
}


/* Tables */
td {
    vertical-align:     baseline
}
tbody {
    margin:             .8em 0
}

table[class="datatable"] td, table[class="datatable"] th {
    padding:            0 0 0 .5em
}
td[class="formlabel"], th[class="formlabel"] {
    text-align:         right
}
td[class="control"] {
    text-align:         center
}


/* Form elements */
input[class="fill"], textarea[class="fill"] {
    width:              100%
}


/* Special paragraphs */
p[class="infoline"] {
    margin-top:         -1em;
    font-style:         italic
}


p[class="direction"] {
    font-style:         italic
}

p[class="errormessage"] {
    border:             1px solid black;
    font-weight:        bolder;
    color:              red;
    padding:            0.5em
}


/* Inline elements */
span[class="metavalue"] {
    font-style:         italic
}


/* Background colours for screen */
@media screen {
    body {
        background-color: #EEE
    }

    div[class="bordered"] {
        background-color:   white
    }

    div[class="bordered"] div[class="bordered"] {
        background-color:   #FFD
    }

    div[class="bordered"] div[class="bordered"] div[class="bordered"] {
        background-color:   white
    }

    p[class="errormessage"] {
        background-color:   #DDD
    }

    tr[class="altrow"] {
        background-color:   #CFF
    }
}


/* Printing */
@media print {
    h1, h2, h3,
    h4, h5, h6      { page-break-after: avoid; page-break-inside: avoid }
    blockquote, 
    pre             { page-break-inside: avoid }
    ul, ol, dl      { page-break-before: avoid }


    /* Specific elements */
    #sidebar {
        display:            none
    }

    #main {
        margin:             0
    }

    div[class="bordered"] {
        page-break-inside:  avoid
    }

    @page {
        margin:             10%
    }
}


/* Aural media */
@media aural {
    h1, h2, h3, 
    h4, h5, h6      { voice-family: paul, male; stress: 20; richness: 90 }
    h1              { pitch: x-low; pitch-range: 90 }
    h2              { pitch: x-low; pitch-range: 80 }
    h3              { pitch: low; pitch-range: 70 }
    h4              { pitch: medium; pitch-range: 60 }
    h5              { pitch: medium; pitch-range: 50 }
    h6              { pitch: medium; pitch-range: 40 }
    li, dt, dd      { pitch: medium; richness: 60 }
    dt              { stress: 80 }
    pre, code, tt   { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
    em              { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
    strong          { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
    dfn             { pitch: high; pitch-range: 60; stress: 60 }
    s, strike       { richness: 0 }
    i               { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
    b               { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
    u               { richness: 0 }
    a:link          { voice-family: harry, male }
    a:visited       { voice-family: betty, female }
    a:active        { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}