@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
         url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChopinScript';
    src: url('fonts/chopinscript-webfont.eot');
    src: url('fonts/chopinscript-webfont.svg#chopinscriptregular') format('svg');
         url('fonts/chopinscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chopinscript-webfont.woff') format('woff'),
         url('fonts/chopinscript-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Orial';
    src: url('fonts/orial_bold-webfont.eot');
    src: url('fonts/orial_bold-webfont.svg#orial_bold') format('svg');
         url('fonts/orial_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orial_bold-webfont.woff') format('woff'),
         url('fonts/orial_bold-webfont.ttf') format('truetype'),
    font-weight: bold;
    font-style: normal;

}

* {
    margin: 0;
    padding: 0;
}

body {
}

h1, h2, h3 {
    font-family: Orial;
}

h1 {
    padding: 0px;

    background: url('img/rule2.png') no-repeat;
    background-size: 180px 40px;

    word-spacing: -20px;
}

h1 a {
    padding: 15px;
    display: block;
}

h2 {
    word-spacing: -15px;
}

h3 {
    padding: 15px;

    word-spacing: -10px;
}

h3 a {
    color: #411;
    text-decoration: none;
}

h4 {
    font-family: sans-serif;
    text-align: left;
}

p {
    padding: 10px;
    font-family: sans-serif;
}

ul {
    font-family: sans-serif;
    padding: 0px 40px;
}

li {
    font-family: sans-serif;
}

#banner_col1 {
    width: 50%;
    float: left;
    margin-right: -400px;
    background: #fff;
}

#banner_col1_inner {
    margin-right: 400px;

    height: 500px;
    background: url('img/grass_left_tileable_small.jpg') repeat-x right top;
    background-size: 300px 500px;
}

#banner_col2 {
    width: 800px;
    float: left;
    position: relative;
    z-index: 10;

    height: 500px;
    background: url('img/DSC_1566_small.jpg') no-repeat;
    background-size: 800px 500px;
}

#banner_col2 #bannerline1 {
    margin-top: 130px;
    padding-left: 0px;

    font-family: Orial;
    font-size: 300%;
    word-spacing: -40px;
}

#banner_col2 #bannerline2 {
    margin-top: -10px;
    padding-left: 0px;

    font-family: Orial;
    font-size: 150%;
    word-spacing: -10px;
}

#banner_col2 #bannerline3 {
    margin-top: 8px;
    padding-left: 0px;

    font-family: Orial;
    font-size: 600%;
    word-spacing: 0px;
}

#banner_col2 #bannerline4 {
    margin-top: -20px;
    padding-left: 225px;

    font-family: Orial;
    font-size: 100%;
    word-spacing: -8px;
    color: #000;
}

#banner_col2 #bannerline4 a {
    padding-bottom: 4px;

    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 4px #000;
}

#banner_col2 #bannerline4 a:hover {
    border-bottom: 4px solid #fff;
}

#banner_col3 {
    width: 50%;
    float: right;
    margin-left: -400px;
}

#banner_col3_inner {
    margin-left: 400px;

    height: 500px;
    background: url('img/grass_right_tileable_small.jpg') repeat-x left top;
    background-size: 270px 500px;
}

#navparent {
    clear: both;

    width: 100%;

    background: url('img/grass_bottom_tileable_small.jpg') repeat center 500px;
    background-size: 800px 250px;
}

#nav {
    padding: 15px 0;

    width: 100%;

    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 8px #000;

}

#nav ul {
    list-style-type: none;
    text-align: center;
}

#nav ul li {
    padding: 0px 40px;
    display: inline-block;
    vertical-align: middle;
}

#nav ul li.sep {
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
}

#nav ul li.sep img {
    display: block;
    margin: auto;
}

#nav a {
    text-decoration: none;
    color: #000;
    text-shadow: 1px 1px #fff;

    font-family: BebasNeue;
    font-size: 200%;
}

#nav a:hover {
    color: #600;
    border-bottom: 4px solid #600;
}

#skydiv {
    width: 100%;

    background: url('img/sky2_tileable_v2.jpg') repeat center top;
}

.content {
    margin: 0 auto;
    padding: 60px 15px;

    width: 800px;
}

.venue {
    margin: 45px auto;
    padding: 25px;

    width: 650px;

    background-color: rgba(230, 230, 255, 0.5);
    box-shadow: 1px 1px 8px #aaa;
}

.venue h2, .venue h4 {
    padding-left: 10px;
}

.venue_image {
    display: inline-block;
    vertical-align: middle;
}

.venue_content {
    display: inline-block;
    vertical-align: middle;

    padding: 15px;
    
    width: 400px;
}

.rightBebas {
    float: right;

    font-family: BebasNeue;
    text-align: right;
    word-spacing: 5px;
}

.accom {
    margin: 45px auto;
    padding: 25px;

    width: 650px;

    background-color: rgba(230, 230, 255, 0.5);
    box-shadow: 1px 1px 8px #aaa;
}

.accom_content {
    display: inline-block;
    vertical-align: middle;

    margin: 0;
    padding: 15px;
    
    width: 435px;
}

#followedby {
    clear: both;

    font-family: ChopinScript;
    font-size: 150%;
    text-align: center;

    background: url('img/rule4.png') no-repeat center center;
}

ul#registrylist {
    padding: 50px;
    list-style-type: none;
    text-align: center;
}

ul#registrylist li {
    margin: auto;
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
    font-family: sans-serif;
}

ul#registrylist li a {
    display: inline-block;
}

ul#registrylist li a img {
    display: block;
}