@charset "UTF-8";

@import url("print.css") print;

@media screen, projection
{
    html
{
    background: rgb(240,240,240);
    background-image: url(gradient.png);
    background-repeat: no-repeat;
    color: rgb(040,040,040);
    background-attachment: fixed;
    background-position: left top;
}

body
{
    font-family: 'delicious', 'candara', 'dejavu sans', 'bitstream vera sans', 'trebuchet ms', 'helvetica', sans-serif;
    font-size:100%;
    line-height:1.6em;
}

h1, h2, h3
{
    font-weight: bold;
    letter-spacing: 0.1em;
}

h1
{
    font-size: 130%;
}

h2
{
    font-size: 120%;
}

h3
{
    font-size: 115%;
}

h1:first-child
{
    margin-top: 0;
}

p, dd, dt
{
    font-size: 100%;
/*
  text-indent: 1em;
  -moz-column-count: 2;
  -moz-column-gap: 2em;
 */
}

.float-right
{
    float:
    right;
    vertical-align: top;
    margin-left: 2em;
    margin-top: 0.5em;
}

blockquote
{
    border: thin dotted rgb(140,140,140);
    margin-left: 0;
    margin-right: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}

table
{
    width: 99%;
}

ol
{
    padding-left: 0;
}

ul
{
    padding-left: 1em;
    list-style:circle;
}

code
{
    font-size: 85%;
}

td
{
    vertical-align: top;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

#logo, #title
{
    color: white;
    background-color: rgb(160,000,000);
    border: thin solid white;
    outline: thin solid rgb(200,200,200);
}

#logo
{
    position: fixed;
    left: 2em;
    width: 8em;
    letter-spacing: 0.5em;
    text-align: center;
    font-weight: bold;
}

#title
{
    position: fixed;
    left: 11.5em;
    padding-left: 1em;
    padding-right: 1em;
}

#navigator, #update, #xhtml
{
    border: thin solid white;
    outline: thin solid rgb(220,220,220);
    padding-left: 1em;
    padding-right: 1em;
    color: white;
    background-color: rgb(140,140,140);
}

#xhtml:active, #xhtml:hover
{
    background-color: rgb(160,000,000);
    color: white;
}

#navigator
{
    position: fixed;
    left: 10.5em;
}

#bar, #trailer
{
    height: 2em;
}

#bar
{
    position:fixed;
    left:2em;
    right:2em;
    top: 1.5em;
    padding-top: 0.3em;
}

#trailer
{
    text-align:right;
    position:fixed;
    left:2em;
    right:2em;
    bottom: 1.5em;
}

#lang
{
    text-align:right;
    position:fixed;
    right:2em;
    border: thin solid white;
    outline: thin solid rgb(220,220,220);
    padding-left: 1em;
    padding-right: 1em;
    color:white;
    background-color: rgb(140,140,140);
}

#menu
{
    position:fixed;
    width: 8.1em;
    left: 2em;
    top: 5em;
    bottom: 5em;
}

a[href^="http://"]:before,

a[href^="https://"]:before
{
    content: "\2197\00A0"
}

#menu a
{
    text-decoration: none;
    display:block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: thin solid white;
    outline: thin solid rgb(200,200,200);
    color:white;
    background-color: rgb(140,140,140);
    opacity: 0.75;
}

#menu a.active, #menu a:hover
{
    color: white;
    background-color: rgb(160,000,000);
    opacity: 1;
}

div#menu a[rel=level1]
{
    margin-bottom: 1em;
}

div#menu a[rel=level2]
{
    margin-bottom: 1em;
}

div#menu a[rel=level3]
{
    margin-bottom: 0.4em;
}

#main a
{
    text-decoration: underline;
    color:inherit;
    background-color: inherit;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

#lang a, #trailer a
{
    text-decoration: none;
    color:inherit;
    background-color:inherit;
}

#lang a
{
    padding-left: 0.2em;
    padding-right: 0.2em;
    border: thin solid transparent;
    color:white;
}

#lang a:active, #lang a:hover
{
    color: white;
    background-color: rgb(160,000,000);
}

#main a:hover, #main a:active
{
    background-color: rgb(230,230,210);
    text-decoration: none;
}

#menu a.blank
{
    text-decoration: none;
    background: rgb(250,250,250);
    position: absolute;
    bottom: 0em;
    opacity: 1;
}

#menu a.blank:before
{
    content: '';
}

#main
{
    position:fixed;
    top: 5em;
    left: 11.5em;
    bottom: 5em;
    right: 2em;
    padding-top: 1em;
    padding-bottom: 5em;
    padding-left: 3em;
    padding-right: 2.5em;
    border: thin solid rgb(200,200,200);
    outline: thin solid white;
    z-index: 2;
    color: rgb(060,060,060);
    background: rgb(250,250,250);
    overflow: auto;
/* unfortunately, opacity rendering makes the frame slooooow */
/* opacity: 0.9; */
    line-height:1.8em;
}
}