/*
   Common
*/
body,
input,
textarea,
select {
    font-family: Calibri,Helvetica,Arial,sans-serif;
    font-size: 100%;
}
body {
    background-color: #888;
    color: #000;
    margin: 0;
}
a {
    text-decoration: none;
    font-weight: bold;
    color: purple;
}
a:link {
}
a:visited {
}
a:hover {
    text-decoration: underline;
}
a:active {
}

input {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
dt {
    font-weight: bold;
    font-size: 100%;
}
dd {
    font-size: 90%;
}
input[type="text"] {
    width: 20em;
}
code.block {
  background: #eee;
  color: #006;
  border: 1px solid black;
  padding: 0.6em;
  margin: 0.6em;
  display: block;
}


/*
   Wrapper -- Page Design
*/
#wrapper {
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    background-color: #dfd;
}
#wrapper,
#masthead {
    -moz-border-radius: 3em;
    border-radius: 3em;
}

#wrapper ul,
#wrapper ol,
#wrapper dl,
#wrapper p {
    margin: 1em;
}

/*
   Masthead
*/
#masthead {
    background-color: white;
    font-size: 32px;
    border: 10px solid #fff;
    border-width: 0.5em 1em;
    background-image: url('gerfsmall.png');
    background-position: right 50%;
    background-repeat: no-repeat;
}
#masthead h1 {
    display: block;
    padding: 0;
    margin: 0;
}
#masthead h1 a {
    color: #000;
    text-decoration: none;
}

/*
   Footer
*/
#footer {
    clear: both;
    background-color: white;
    font-size: 70%;
    padding: 1em;
    border: 1px solid #ccc;
    text-align: right;
}
#footer a {
    display: block;
}

/*
   Navigation
*/
#navigation {
    float: right;
    margin: 1em;
    border: 1px solid #ddf;
    background: #ffd;
}
#navigation h2 {
    display: block;
    padding: 0.2em;
    margin: 0;
}

#navigation ul {
    margin: 0;
    padding: 0;
}
#navigation li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#navigation li a {
    padding: 0.15em 1em;
    display: block;
}
#navigation li a:hover {
    background-color: #ddf;
}


/*
   Content -- The main text area.
*/
#content {
}

/*
   Box Class
*/
.box {
    background-color: #ffd;
    max-width: 25em;
    margin: 1em auto;
    border: 1px solid #ddf;
}
.box ul,
.box ol,
.box dl,
.box input,
.box p {
    margin-left: 1em;
    margin-right: 1em;
}
.box .header {
    margin: 0;
    padding: 0.2em 0.4em;
    background-color: #ddf;
    display: block;
}

/*
   Translation Gag.
*/
#content .translation {
    margin-top: 0.5em;
    padding: 0 0.5em;
    color: #888;
    font-style: italic;
    font-size: 80%;
}
#content .translation .label {
    font-weight: bold;
    font-style: normal;
}
#content .untranslated {
    margin-bottom: 0;
}

/*
   RSS
*/
a.rss_logo {
    float: right;
    margin: 0 0.2em;
    padding: 0.2em 0.4em 0.0em;
    line-height: 1.7em;
    border: 1px solid;
    border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
    color: #ffffff;
    background-color: #ff6600;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 60%;
    text-align: center;
    text-decoration: none;
}

a.rss_logo:hover {
    background-color: #ee5500;
}

/*
   The clearfix hack from: http://www.webtoolkit.info/css-clearfix.html
*/
#header:after,
#access:after,
.comment:after,
form:after,
.pql:after,
.pqr:after,
.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#header,
#access,
.comment,
form,
.pql, .pqr,
.clearfix {
  display: inline-block;
}

html[xmlns] #header,
html[xmlns] #access,
html[xmlns] .comment,
html[xmlns] form,
html[xmlns] .pql,
html[xmlns] .pqr
html[xmlns] .clearfix {
  display: block;
}

* html #header,
* html #access,
* html .comment,
* html form,
* html .pql,
* html .pqr,
* html .clearfix {
  height: 1%;
}