@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);

/* Global */
body {
    margin: 15px 0 0 0;
    padding: 0;
    background: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
}

a {
    text-decoration: none;
    color: #c00;
}

p, ul, li {
    font-size: 1em;
}

a:hover {
    text-decoration: underline;
}

#container {
    width: 760px;
    margin: 0 auto 0 auto;
    background: #dcdcdc;
}

h1, h2, h3, h4, h5, h6 {
    margin: 5px 0;
}

/* Header */
.header {
    width: 100%;
    height: 178px;
}

.header > h1 {
    background: url(top.png);
    /*background-size: contain;*/
    height: 178px;
    text-indent: -9999px
}

/* Navigation */
.navigation {
    height: 53px;
    background: #292b2d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MmIyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #292b2d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292b2d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #292b2d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #292b2d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #292b2d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #292b2d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292b2d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}

.navigation > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navigation > ul > li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 107px;
    height: 53px;
    border-right: 1px solid #000;
}

.navigation > ul > li:nth-last-child(1) {
    border: 0;
}

.navigation > ul > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 107px;
    height: 53px;
    padding: 13px 0 0 0; /*28px;*/
    background: url(menu_background.png) no-repeat;
    overflow: hidden;
    text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.99);
    font-size: 16px;
    font-weight: bold;
}


.navigation > ul > li > a.active, .navigation > ul > li > a:hover {
    color: #c00;
    background: url(menu_background_hover.png) no-repeat;
}

/* Content */
.content {
    margin-bottom: 5px;
}

.content > div {
    width: 740px;
    margin: auto auto;
}

.image {
    width: 310px;
    float: right;
    padding: 10px;
}

.image > img {
    border: 1px solid #c4c4c4;
    padding: 3px;
    background: #fff;
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.image > p {
    font-size: .7em;
    margin-top: 0;
    font-style: italic;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c4c4c4;
}

/* Footer */
.footer {
    height: 33px;
    font-size: 12px;
    background: #292929; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MjkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #292929 0%, #1c1c1c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #292929 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #292929 0%,#1c1c1c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #292929 0%,#1c1c1c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #292929 0%,#1c1c1c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-8 */
    border-top: 1px solid #151515;
    border-bottom: 1px solid #2a2a2a;
    color: #fff;
}

.footer > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 500px;
    float: left;
    padding-top: 8px;
}

.footer > ul > li {
    display: inline;
    padding: 0;
    margin: 0 10px;
}

.footer > p {
    display: block;
    float: right;
    text-align: right;
    width: 230px;
    margin: 0;
    padding: 8px 10px 0 0;
    font-size: 1em;
}

/* Registration */
form {
    margin: 20px 0;
}

.input {
    height: 40px;
}

.input > label:not(.error) {
    display: block;
    line-height: 35px;
    font-weight: bold;
    width: 200px;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.input > label:not(.no):not(.error):after {
    content: ":";
}

.input > input, .input > select, .input > p > input {
    padding: 5px;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
}

.input > div {
    float: left;
}

.clear {
    clear: both;
}

.small {
    font-size: .8em;
}

/* Events */
.events {
    width: 100%;
    font-size: .75em;
    border-spacing: 0;
    border-collapse: collapse;
}

.events  th {
    text-align: left;
    font-size: 1.25em;
    border-top: 1px dashed #c4c4c4;
    border-bottom: 1px dashed #c4c4c4;
    padding: 10px 0;
}

.events  td {
    padding: 10px 0;
}

.book {
    background: #c00;
    color: #fff;
    padding: 7px 13px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
}

/* Form error validation */
label.error {
    display: inline;
    float: inherit;
    font-size: 10px;
    color: #c00;
}

input.error, select.error {
    border-color: #c00;
}

input[type="submit"], input[type="reset"] {
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-right: 10px;
}

@media (max-width: 600px) {
    #container {
        width: 100%;
    }

    .navigation {
        display: none;
    }

    .content > div {
        width: 95%;
    }

    .input > label:not(.error) {
        display: inline;
        text-align: left;
    }

    .input > label:after {
        content:"\a";
        white-space: pre;
    }
    
    .footer > ul {
        display: none;
    }
}