@font-face {
    font-family: 'Soundabout';
    src: url('/media/fonts/soundabout.eot');
    src: url('/media/fonts/soundabout.eot?iefix') format('eot'),
         url('/media/fonts/soundabout.woff') format('woff'),
         url('/media/fonts/soundabout.ttf') format('truetype'),
         url('/media/fonts/soundabout.svg#webfont6o1h3215') format('svg');
    font-weight: normal;
    font-style: normal;
}

.soundabout {
    font-family: Soundabout;
    font-size: 150%;
}


html, body {
    height: 100%;
}

body {
    background: #fdd11e;
    color: white;

    font-family: 'DejaVu Sans', sans-serif;
    font-size: 10pt;

    margin: 0;
    padding: 0;
}

#contentholder {
    background-color: #111;
    width: 1000px;
    min-height: 150ex;

    margin-left: auto;
    margin-right: auto;

    text-align: center;
    border-left: 1px solid #2e2e2e;
    border-right: 1px solid #2e2e2e;
}

#content {
    float: left;
    width: 600px;

    text-align: justify;

    padding-left: 1ex;
    padding-right: 1ex;

    margin-left: auto;
    margin-right: auto;

    margin-bottom: 4ex;
}

#headline {
    background-image: url(/media/img/header.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;

    min-width: 540px;
    max-width: 100%;
    height: 210px;
    margin-bottom: 2ex;
    text-align: left;
}

#headline h1 {
    padding: 0 0.5ex;
    margin: 0;
    padding-left: 110px;
    font-size: 35pt;
    font-family: Soundabout;
    color: #fff;
}

#presskitholder {
    position: relative;
    right: 0;
    top: 0;
}

#presskit {
    position: absolute;
    right: 1ex;
    top: 1ex;

    color: #fff;
    font-size: 150%;
    font-weight: bold;
}

#presskit a {
    color: inherit;
}

.copyright {
    font-size: xx-small !important;
    color: #2e2e2e;
}

div.intro .copyright {
    text-align: right;
}

div#copyright {
    font-size: xx-small;
    text-align: right;
    color: #2e2e2e;
    padding: 0.2ex;
}

div#copyright a {
    color: inherit;
    text-decoration: none;
}

div#facebookbox {
    margin-left: 5px;
    margin-top: 40px;
}


td {
    vertical-align: top;
}

th {
    text-align: left;
}

a:link { color: #009; }
a:visited { color: #306; }
a:hover {
    text-decoration: none;
    background: transparent url(/media/img/scrolling.gif) repeat-x bottom;
}

a img { border-width: 0px; }

input[type='submit'], input[type='button'] {
    border: 2px ridge #fdd11e;
    background: #ffe;
    color: black;
    cursor: pointer;
}

dl.sections dt {
    border: 1px solid #fdd11e;

    background-color: #fdd11e;
    background-image: url(/media/img/intro.jpg);
    background-repeat: no-repeat;
    background-position: top left;

    padding: 0.3ex;
    padding-left: 2ex;
    margin-bottom: 0;
    margin-top: 1em;
    font-size: larger;

    color: #2e2e2e;
}

dl.sections dd {
    margin-left: 2ex;
    margin-top: 0;

    border-left: 1px solid #fdd11e;
    padding: 0.5ex;

    background: white;
    color: black;
}

dt {
    font-weight: bold;
}

.intro, .errormsg {
    color: black;
    margin-bottom: 1ex;
    padding: 1ex;

    border: 1px solid #fdd11e;
    background-color: #fdd11e;
    background-image: url(/media/img/intro.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.errormsg {
    border-color: #f00 !important;
    border-width: 2px;
    background-color: #fee !important;
    color: black !important;
}

.errorbox {
    background-color: #fee !important;
    background-image: none !important;
}

h2 {
    border: 1px solid #fdd11e;

    background-color: #fdd11e;
    background-image: url(/media/img/intro.jpg);
    background-repeat: no-repeat;
    background-position: top left;

    padding: 0.3ex;
    padding-left: 2ex;
    margin-bottom: 0;
    margin-top: 3ex;
    font-size: large;

    color: black;
}

div.contentblock , h2 + div  {
    margin-left: 2ex;
    margin-top: 0;
    padding: 1ex;
    border-bottom: 1px solid #fdd11e;
    border-left: 1px solid #fdd11e;

    background: white;
    color: black;
}

div.contentblock p , h2 + div p, div.intro p, h2 + div dd  {
    line-height: 150%;
}

h2 + div > p {
    margin-top: 0;
}

h4 {
    margin-bottom: 2ex;
}

li p {
    margin-top: 0;
    margin-bottom: 0;
}

h3 {
    font-size: 110%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.2em;
    border-bottom: 1px solid #fdd11e;
}

ul {
    margin-top: 3ex;
}

ol li, ul li {
    margin-top: 1ex;
}

ul.socials li {
    padding: 0 0.2ex;
}

ul.socials li {
    display: inline;
    font-family: Soundabout;
    font-size: 150%;
    padding: 0 1ex;
}

ul.socials li a {
    text-decoration: none;
    color: black;
}

ul.socials img {
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
}


hr {
    height: 1px;
    border: 0px;
    background-color: #fdd11e;
}

hr.imgpusher, hr.floatpusher, hr.transition {
    clear: both;
    height: 0;
    width: 100%;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

.hidden {
    visibility: hidden;
    display: none;
    height: 0;
    width: 0;
}

code.block, code.php, code.vim, code.python {
    white-space: pre;
    display: block;
    padding-left: 0.5ex;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
    padding: 1ex 0.5ex;
}

code.block, code.php, code.vim, code.python, code.literal {
    border-left: 2px solid #2e2e2e;
    background-color: #fdd11e;
    color: black;
    font-size: smaller;
}

pre, blockquote {
    margin: 0 2ex 0 4ex;
    padding: 0;
    overflow: auto;
    font-size: smaller;
}

blockquote {
    font-style: italic;
}

.note {
    font-size: 80%;
    color: #2e2e2e;
}

.vEmailField, .vLargeTextField, .vTextField, .vURLField {
    width: 90%;
    border: 1px solid #fdd11e;
}

fieldset {
    border: none;
}


form table {
    border-collapse: collapse;
    width: 100%;
}

form td {
    padding: 0.4ex;
    vertical-align: top;
    text-align: left;
}

form .error {
    color: red;
    background-color: #fcc;
}

form .labels {
    width: 30%;
}

form .fields {
    width: 70%;
}

form input, form textarea {
    width: 80%;
}

#languages input.flag {
    width: 32px;
    height: 16px;
}


a.rss {
    background-image: url(/media/img/feed-icon-16x16.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-right: 15px;
}

div.copyright, #languages {
    font-size: small;
    margin-left: 3ex;
    margin-top: 2ex;
    color: #aaa;
}

div.copyright a {
    text-decoration: none;
    color: inherit;
}

img.flickrimg {
    clear: both;
    float: right;
    margin: 0.5ex 0 0.5ex 0.5ex;
}

img.flickrimg.opposite {
    float: left;
    margin: 0.5ex 0.5ex 0.5ex 0;
}

.newsfooter {
    text-align: right;
}

.note {
    font-size: x-small;
    color: #808080;
}

.wrong-language {
    border: 2px solid #fdd11e;
    background-color: white;
    color: black;
    padding: 0.2ex 0.4ex;
    box-shadow: 5px 5px 10px #ff950e;
    border-radius: 5px;
}


/* Main menu */

#left-hand-navigation
{
    float: left;
    width: 250px;
    text-align: left;
}

#menu
{
    padding:0;
    margin-bottom: 5px;
    width: 11em;
}

#menu ol
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

#menu li
{
    display: inline;
}

#menu ol.level-one a,
#menu ol.level-one span
{
    display: block;
    border: solid #2e2e2e;
    border-width: 0 0 1px 1px;
    padding: 2px 10px 2px 4px;
    margin: 0 0 4px 1.4em;
    width: 80%;
    color: #4B5A6A;
    background-color: #fdd11e; 
    text-transform: uppercase
}

#menu ol.level-one a:hover
{
    color:black;
    text-decoration:underline;
}

#menu ol.level-one a.selected,
#menu ol.level-one span.selected
{
    color:black;
    border-left:3px solid #ff950e;
}

#menu ol.level-one li.selected a,
#menu ol.level-one span
{
    font-style:italic;
    font-weight: bold;
}

#menu ol.level-two a, #menu ol.level-two span
{

    background-image: none;
    background-color: transparent;
    display: block;
    border: 0;
    border-bottom: 1px solid #DDD;
    padding: 0.1em;
    margin: 0 3em 0px 1.5em;
    color: #eee;
    background: none;
    width: 80%;
    font-size: 90%;
    text-transform: none;
}

#menu ol.level-two a:hover
{
    text-decoration: underline;
    color: #fff;
}

#menu ol.level-two li.selected span.selected
{
    background-image: none;
    background-color: transparent;
    color: #fff;
    border-left: 0;
    font-style: italic;
}

#menu li ol
{
    margin-bottom: 7px
}

#menu a
{
    text-decoration: none;
}

/* End of main menu */


.newsnav, .newslink {
    border-top: 1px solid white;
    padding-top: 1ex;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: smaller;
}

.newslink {
    text-align: right;
    color: #847;
}

.newsnav {
    text-align: center;
}

.newsnav .previtem {
    float: left;
}

.newsnav .nextitem {
    float: right;
}

.comment p {
    margin-top: 0.3ex;
    margin-bottom: 1ex;
}

.comment .signature, .newscontent .comments {
    font-size: smaller;
    padding-left: 3ex;
    color: #847;
}

.signature {
    text-align: left;
}

.newscontent .comments {
    float: right;
    margin-bottom: 0;
    width: 100%;
    text-align: right;
}

.comment .author {
    font-weight: bold;
}


.news img, #news img, img.news {
    float: right;
    clear: right;
    margin-left: 1ex;
    margin-bottom: 1ex;
}

h2 .humandate {
    padding: 0.3ex;
    margin-left: 1ex;
    font-size: small;
    float: right;
}

h2 a {
    text-decoration: none;
}