/* =============================================================================
   de Parade Reset
   ========================================================================== */

@font-face {font-family: 'deParade';src: url('../fonts/deParade.eot');src: url('../fonts/deParade.eot?#iefix') format('embedded-opentype'),url('../fonts/deParade.woff') format('woff'),url('../fonts/deParade.ttf') format('truetype');}
@font-face {font-family: 'deParadeBold';src: url('../fonts/deParadeBold.eot');src: url('../fonts/deParadeBold.eot?#iefix') format('embedded-opentype'),url('../fonts/deParadeBold.woff') format('woff'),url('../fonts/deParadeBold.ttf') format('truetype');}

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'deParade', sans-serif; color: #000; font-weight: 500; }
body { font-size: 12px; line-height: 16px; margin: 0; background-color: transparent; }
::-moz-selection { background: #879EE8; color: #fff; text-shadow: none; }
::selection { background: #879EE8; color: #fff; text-shadow: none; }
a { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
ul { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
form { margin: 0; }

.chromeframe { background: #600; color: #C90; padding: 10px; text-align: center; z-index: 1050; position: fixed; top: 0px; left: 0px; }
.chromeframe a { color: #FF0; text-decoration: underline; font-weight: bold; }


/* ===== Primary Styles ========================================================
   Author: Marvin de Bruin - Festina Lente Collective
   ========================================================================== */

body { min-width: 952px; width: 100%; height: 100%; position: relative; cursor: default; }
.park { display: none; width: 50%; height: 50%; position: absolute; cursor: pointer; background-color: #333; overflow: hidden; }
.park > img { position: absolute; }
.go_to_site { display: none; }
.border { display: inline-block; position: absolute; width: 100%; left: 0; height: 36px; background-image: url(../img/border_background.gif); background-repeat: repeat-x; cursor: pointer; }
.border-bottom { background-position: 0 18px; }
.border > .block { display: inline-block; width: 28px; height: 36px; background-color: #000; }
.park > .city { margin: 36px 28px 36px 28px; position: absolute; }
.park > .city > .label { display: inline-block; width: 232px; height: 24px; background-color: #000; color: #FFF; padding: 12px 10px 0px 10px; font-size: 22px; text-transform: uppercase; }
.park > .city > .label > .when { display: inline-block; float: right; font-size: 12px; text-transform: lowercase; }
.park > .city > .location { background-color: #FFF; width: 148px; height: 16px; padding: 2px 10px 0px 10px; text-transform: uppercase; font-size: 11px; }
.park-2 > .city, .park-3 > .city { bottom: 0px; }
.park-1 > .city, .park-3 > .city { right: 0px; }
.park-1 > .city > .label, .park-3 > .city > .label { float: right; clear: right; text-align: right; }
.park-1 > .city > .label > .when, .park-3 > .city > .label > .when { float: left; }
.park-1 > .city > .location, .park-3 > .city > .location { float: right; clear: right; text-align: right; }
.logo { position: absolute; display: none; width: 280px; height: 72px; left: 50%; margin-left: -140px; background-color: #000; cursor: pointer; color: #FFF; }
.logo > .sublogo { display: block; text-align: center; text-transform: uppercase; padding-top: 2px; }

/* OFFLINE MODE */

#header { position: absolute; left: 50%; top: 18px; width: 784px; height: 100px; margin-left: -392px; background-color: #FFF; z-index: 10; text-align: center; }
#header > h1 { display: inline-block; width: 280px; height: 54px; background-image: url(../img/logo.gif); text-indent: -99999px; padding: 0; margin: 0; cursor: pointer; }
#header > .date { text-align: left; }
#header > .date > h2 { padding: 0; margin: 0 0 0 16px; font-size: 14px; }
#header > .date > ul > li { display: inline-block; float: left; width: 196px; text-align: center; text-transform: uppercase; }
#header > .button { display: inline-block; width: 50px; height: 50px; font-size: 50px; line-height: 50px; cursor: pointer; }
#header > .prev { float: left; clear: left; }
#header > .next { float: right; clear: right; }
#header > .button:hover { color: #E6E6E6; }
#slide_holder { overflow: hidden; cursor: pointer; }
#slide_info { position: absolute; display: inline-block; bottom: 18px; background-color: #FFF; left: 50%; max-width: 774px; padding: 2px 8px 0 8px; text-transform: uppercase; }