/* 1   browser reset
------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, cite, code, del, em, img, strong, sub, sup, dl, dt, dd, ol, ul,
li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    margin:         0;
    padding:        0;
    border:         0;
    outline:        0;
    font-weight:    inherit;
    font-style:     inherit;
    font-size:      100%;
    font-family:    inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style:     none;
}
table {
    border-collapse:collapse;
    border-spacing: 0;
}
th, td {
    text-align:     left;
    font-weight:    normal;
}

/* 2    typography
------------------------------------------------------------------------------*/
@font-face {
    font-family: 'DeliciousBold';
    src: url('Delicious-Bold.eot');
    src: local('Delicious'), local('Delicious-Bold'), url('Delicious-Bold.woff') format('woff'), url('Delicious-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'DeliciousRoman';
    src: url('Delicious-Roman.eot');
    src: local('Delicious'), local('Delicious-Roman'), url('Delicious-Roman.woff') format('woff'), url('Delicious-Roman.ttf') format('truetype');
}


body {
    color:      #fafafa;
    background: #fafafa;
    font:       1em/1.6em DeliciousBold,Arial,Helvetica,sans-serif;
}
p {
    margin:     0.5em 0 0 0;
    padding:    0 0 0.5em 0;
    line-height: 1.2em;
    border-bottom: 1px solid #fafafa;
}

.lvl0 {
    font-size:  3em;
}

.lvl1 {
    font-size:  2.25em;
}

.lvl2 {
    font-size:  1.875em;
}

.lvl3 {
    font-size:  1.5em;
}

.lvl4 {
    font-size:  1.125em;
    font-family: DeliciousRoman,Arial,Helvetica,sans-serif;
}

.lvl5 {
    font-size:  0.875em;
    font-family: DeliciousRoman,Arial,Helvetica,sans-serif;
}

.lvl6 {
    font-size:  0.75em;
    width:      100%;
    overflow:   hidden;
    font-family: DeliciousRoman,Arial,Helvetica,sans-serif;
}

a {
    color:      #fafafa;
    text-decoration: underline;
}
a:hover {
    color:      transparent;
    text-shadow: 0 0 1px #fafafa;
}

/* 3    layout - container
------------------------------------------------------------------------------*/
body {
    overflow:   hidden;
}

#body,
#film,
#altbg {
    position:   absolute;
    top:        0;
    left:       0;
    bottom:     0;
    right:      0;
    width:      100%;
    min-height: 100%;
    height:     auto;
    height:     100%; 
}

#body {
    z-index:    2;
    overflow:   auto;
}

#film {
    z-index:    0;
}

#altbg {
    background: #000;
}

#page-margins {
    width:      940px;
    margin:     3em auto;
}

.col {
    float:          left;
    margin:         0 2em 0 0;
}