body {
    background: #000;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    font-family: Anaheim, sans-serif;
    overflow: hidden;
}

body.view-narrow {
    font-size: 4px;
}

h2 {
    float: left;
    margin: 0;
    color: #4d4d4d;
    font-size: 3em;
    font-weight: normal;
    text-transform: uppercase;
}

h2.en {
    float: right;
}

.section {
    position: relative;
    overflow: hidden;
}

.section > .title,
.footer {
    position: relative;
    overflow: auto;
    padding: 20px 10px;
    background: #f6f8f9; /* Old browsers */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f8f9), color-stop(0.5, #e5ebee), color-stop(0.51, #d7dee3), to(#f5f7f9));
    background: -webkit-linear-gradient(#f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -moz-linear-gradient(#f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -o-linear-gradient(#f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: linear-gradient(#f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */    
    color: #4d4d4d;
    z-index: 100;
}

.event {

    position: relative;
    padding: 10px 10px 10px 219px;
    border-bottom: solid 1px #fff;
    line-height: 72px;
}

.event .img-wrapper {
    width: 189px;
    height: 145px;
    float: left;
    margin-left: -209px;
    line-height: 145px;
    text-align: center;
}

.event .img-wrapper{
    max-height: 145px;
}

.event img {
    max-width: 189px;
    max-height: 145px;
    vertical-align: middle;
}

.event .category {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    background: #fff;
    font-size: 2em;
    color: #000;
    line-height: 1.3em;
}

.event .datetime {
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    border-right: solid 1px #fff;
    font-size: 3em;
}

.datetime small {
    font-size: 18px;
}

.view-narrow .datetime small {
    font-size: 9px;
}

.event .date {
    color: #ffd900;
}

.event .title,
.event .location {
    font-size: 3em;
}

.event .title,
.event .location {
    display: block;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event .location {
    font-size: 2em;
    color: #ffd900;
}

.view-narrow .event .location {
    width: 54%;
}

.poster-bg {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #000;
    text-align: center;
    z-index: 200;
    opacity: 0;
}

.poster {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    font-size: 3em;
    text-align: center;
}

.footer a {
    color: #4d4d4d;
    text-decoration: none;
}

.templates {
    display: none;
}

.view-narrow .section > .title,
.view-narrow .footer {
    padding: 5px;
}

.view-narrow .event {
    min-height: auto;
    padding: 5px;
    line-height: 16px;
}

.view-narrow .event .location,
.view-narrow .event .category {
    font-size: 3em;
}

.view-narrow .img-wrapper {
    display: none;
}