body {
    font-family:Bitstream Vera Sans,Arial,Verdana,sans-serif; font-size:11pt;
    margin: 3pt;
}

pre {
    font-family:Bitstream Vera Sans Mono,Courier New,monospace; font-size:10pt;
    margin-top:0pt;
}

pre.ferm { 
    font-size: 8pt;
    background-color: #fff0ff;
    border: 1px solid #f8e0f0;
    width: auto;
}

/* navigation */

#nav {
    background-color: #edf4ea; color:black;
    border-top: 1px solid #d0e0d0;
    border-bottom: 1px solid #d0e0d0;
    text-align: center;
    padding: 2pt 0pt 2pt 0pt;
    margin: 0 -4pt 0 -4pt;
    white-space:nowrap;
}

#nav > p {
    margin: 1pt;
    padding: 0pt;
}

#nav > p > a {
    text-decoration: none;
    color: blue;
    margin: 1pt;
    padding: 2pt;
}

#nav > p > a:hover {
    text-decoration: underline;
    color: red;
}

/* links */

a:link {
    text-decoration:underline;
}

a:hover {
    color:red;
}

/* heading */

h1 {
    text-align:left;
    margin: 3pt;
    padding: 4pt;
}

h2 {
    text-align:left;
    margin-top:5pt;
    margin-bottom:2pt;
}

/* normal text */

body > p {
    max-width:600pt;
}

body > ul > li { 
                 max-width:500pt;
}

p.legal {
    font-size:9pt;
}

/* index page */

div.box {
    max-width:400pt;
    margin:8pt;
    padding:4pt;
}

#aboutbox {
}

a.more {
    display:block;
    font-size:10pt;
}

#projectlist {
}

#googlebombs {
}

#links {
}

/* project stuff */

p.project-description {
    font-style:italic;
}

/* news */

div.newsitem {
    border-width:1px;
    border-style:solid;
    border-color:#d8f8cf;
    background-color:#e8ffe0;
    margin-bottom:2pt;
    padding:4pt;
    max-width:600pt;
}

div.newsitem > div.date {
    font-weight:bold;
    display:inline;
}

div.newsitem > div.date:after {
    content: ": "
}

div.newsitem > div.text {
    display:inline;
}

div.newsitem > div.download {
    display:list-item;
    margin-left:16pt;
}

/* other markup */

div.notice { 
    border-width:1px;
    border-style:solid;
    border-color:#f8d8d0;
    background-color:#ffefe8;
    margin:10pt;
    margin-left:50pt;
    padding:4pt;
    max-width:500pt;
}

div.notice h3 { 
    margin:2pt;
}

div.notice p { 
    margin:2pt;
}

.code { 
    font-family:Courier New,Courier,monospace,fixed;
    font-size:10pt;
}

div.code {
    border-width:1px;
    border-style:solid;
    border-color:#e0e0e0;
    background-color:#f0f0f0;
    margin:10pt;
    margin-left:10pt;
    padding:4pt;
    max-width:550pt;
    white-space:pre;
}

span.code {
    border-width:1px;
    border-style:solid;
    border-color:#f0f0f0;
    background-color:#f8f8f8;
    margin:1pt;
    padding:0pt;
}

ul.quotes li { 
    margin-top:5pt;
    margin-bottom:3pt;
}

ul.quotes span.response {
    font-style:italic;
    font-size:9pt;
}

/* navigation */

div.nav {
    position:absolute;
    top:15pt;
    right:14pt;
}

div.nav a {
    text-decoration:underline;
    color:blue;
}

div.nav a:hover {
    color:red;
}

div.copyright, div.copyright a {
    text-align:right;
    text-decoration:none;
    font-size:6pt;
    color:lightgray;
}