body { margin: 0px; padding: 10px; font-family: Arial, Helvetica, "sans-serif"; font-size: 12px; }
img { border: none; }
form { margin: 0px; padding: 0px; }

.clear { clear: both; }
.play { font-family: Georgia, Times, "Times New Roman", serif; }
.work { font-family: Arial, Helvetica, "sans-serif"; }

#container { width: 800px; margin: 20px 40px; text-align: left; position: relative; }

#header { position: relative; height: 135px; }
#header #logo { position: absolute; top: 0px; left: 0px; }
#header #logo a { display: block; }
#header #nav { position: absolute; top: 0px; left: 200px; font-size: 12px; line-height: 17px; }
#header #nav .work { font-weight: bold; }
#header #nav .play { font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; font-weight: normal; }
#header #nav ul { list-style: none; padding: 0px; margin: 0px; cursor: pointer; }
#header #nav ul li { float: left; width: 200px; }
#header #nav ul li a { display: block; text-decoration: none; color: #bbb; }
#header #nav ul li a:hover { color: #666; }
#header #nav ul .active ul a { color: #bbb; font-weight: normal; }
#header #nav ul .active ul a:hover { color: #666; font-weight: normal; }
#header #nav ul .active a, #header #nav ul ul .selected a { color: #666; }

#home { position: relative; background: url('/images/home-background.png') no-repeat center center; width: 742px; height: 283px; margin: 0px 50px 25px 50px; }
#home ul { list-style: none; padding: 0px; margin: 0px; cursor: pointer; }
#home ul li { float: left; width: 283px; height: 283px; }
#home ul li a { display: block; text-decoration: none; color: #fff; line-height: 283px; text-align: center; font-size: 24px; }

#contentouter { position: relative; }

#content { position: relative; float: left; width: 550px; margin: 0px 50px 0px 0px; padding: 0px; }
#content h1 { color: #666; font-size: 36px; margin: 0px 0px 20px 0px; line-height: 36px; padding: 0px 50px 0px 0px; }
#content h1 small { font-size: 12px; }
#content h1 a { color: #666; text-decoration: underline; font-weight: normal; }
#content .date { float: right; font-size: 13px; color: #666; padding-top: 10px; }
#content h2 { color: #bbb; margin: 10px 0px; font-size: 18px; }
#content h2 a { color: #bbb; text-decoration: underline; font-weight: normal; }
#content h3 { color: #666; font-size: 18px; margin: 20px 0px 0px 0px; line-height: 20px; padding: 15px 0px 0px 0px; border-top: 1px solid #ccc; }
#content h3 a { color: #666; text-decoration: underline; font-weight: normal; }
#content h4 { font-size: 14px; font-weight: normal; line-height: 1.5em; color: #666; }
#content h4 a { color: #666; text-decoration: underline; font-weight: normal; }
#content p { font-size: 12px; line-height: 1.5em; color: #999; }
#content p a { color: #999; text-decoration: underline; font-weight: normal; }
#content ol, #content ul { color: #999; line-height: 1.5em; }
#content li { }
#content li a { font-weight: normal; }
#content a { color: #666; text-decoration: underline; font-weight: normal; }
#content a:hover { color: #000; text-decoration: underline; }
#content input, #content textarea, #content select { font-family: Arial, Helvetica, "sans-serif"; }
#content label { font-weight: bold; }
#content table p { margin: 0px; padding: 0px; background: none; }
#content form b { color: #f00; }

#content.play {  }
#content.play h1 a { color: #000; font-weight: bold; text-decoration: none; }
#content.work { width: 600px; }
#content.work #events { margin: 0px; }
#content.work #events .item { margin: 0px 20px 0px 0px; }
#content.work #events .item p, #content.work #events .item p a { color: #666; }

#content #events { }
#content #events .item { float: left; width: 180px; margin: 0px 20px 20px 0px; }
#content #events .item .icon { width: 50px; height: 50px; background-image: url("/images/big-dot.png"); background-repeat: no-repeat; background-position: top left; margin: 0px 0px 15px 0px; }
#content #events .item .body-design_podge { background-color: #fff; }
#content #events .item h1 { font-size: 18px; margin: 0px; line-height: 20px; padding: 0px; }
#content #events .item h2 { color: #666; font-size: 14px; margin: 0px; line-height: 20px; padding: 0px; }
#content #events .item h2 em { color: #aaa; font-style: normal; }
#content #events .item .link { margin: 5px 0px 20px 0px; }
#content #events .item .link a { font-weight: normal; color: #ccc; }
#content #events .item p { color: #fff; }
#content #events .item p a { color: #fff; font-weight: normal; text-decoration: underline; }

#timeline { border-top: 1px solid #ccc; }
#timeline .decade { background: #f5f5f5; padding-top: 10px; }
#timeline .decade .item { float: left; width: 150px; margin-right: 10px; }
#timeline .decade .item a { display: block; color: #999; text-decoration: none; font-size: 13px; font-weight: bold; padding: 5px 5px 10px 5px; }
#timeline .decade .item a:hover { color: #333; }
#timeline .decade .selected { float: left; width: 150px; margin-right: 10px; }
#timeline .decade .selected a { display: block; background: #666; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; padding: 5px 5px 10px 5px; }

#timeline .row { background: #fff; padding-top: 10px; }
#timeline .row .empty { float: left; width: 160px; }
#timeline .row .empty .heading { border-bottom: 1px solid #ccc; }
#timeline .row .empty .heading .inner { padding: 5px; color: #ccc; font-size: 24px; font-weight: bold; }
#timeline .row .empty .body { padding: 10px 15px 5px 5px; }
#timeline .row .item { float: left; width: 160px; }
#timeline .row .item .heading { border-bottom: 1px solid #ccc; }
#timeline .row .item .heading .inner { padding: 5px; background: #ccc; color: #fff; font-size: 24px; font-weight: bold; margin-right: 10px; }
#timeline .row .item .body { padding: 10px 15px 5px 5px; }
#timeline .row .item .body .title { font-size: 15px; color: #666; }
#timeline .row .item .body .title a { color: #666; }
#timeline .row .item .body .description p { color: #999; line-height: 18px; }
#timeline .row .item .body .description p a { color: #999; }

#timeline .row .item .body .related { margin: 10px 0px 0px 0px; }
#timeline .row .item .body .related .designpodge { background: #666 url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .musicpodge { background: #ec1c24 url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .digitalpodge { background: #0ae url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .bladderedagain { background: #f96a13 url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .stodgepodge { background: #b97 url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .swedishpodge { background: #9ff url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .podgeamsterdam { background: #fc92ff url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .sportspodge { background: #00a551 url("/images/dot.png") no-repeat top left; width: 13px; height: 13px; }
#timeline .row .item .body .related .link { margin: 10px 0px 20px 0px; font-family: Georgia, Times, "Times New Roman", serif; color: #333; }
#timeline .row .item .body .related .link a { color: #333; }

#quote { background: url("/images/quote.png") no-repeat top left; width: 356px; height: 378px; margin: 50px 20px 0px 0px; }
#quote .inner { padding: 30px 30px 0px 30px; }
#quote .inner p { font-size: 24px; text-align: center; line-height: 32px; }
#quote-source { position: absolute; top: 365px; left: 365px; line-height: 18px; font-size: 11px; }
#quote-source .person { font-size: 18px; color: #666; font-weight: bold; line-height: 25px; }
#quote-source .position { color: #666; }
#quote-source .link { color: #aaa; }
#quote-source .link a { color: #aaa; font-weight: normal; }

.body-events { background: #666; }
.body-events #header #nav ul li a { display: block; text-decoration: none; color: #ccc; }
.body-events #header #nav ul li a:hover { color: #fff; }
.body-events #header #nav ul .active ul a { color: #ccc; font-weight: normal; }
.body-events #header #nav ul .active ul a:hover { color: #fff; font-weight: normal; }
.body-events #header #nav ul .active a, .body-events #header #nav ul ul .selected a { color: #fff; }
.body-events #content h1 { color: #fff; font-size: 36px; margin: 0px 0px 20px 0px; line-height: 36px; padding: 0px 50px 0px 0px; font-weight: normal; }
.body-events #content h2 { color: #ccc; margin: 10px 0px; font-size: 18px; font-weight: normal; }
.body-events #content h4 { font-size: 14px; font-weight: normal; line-height: 1.5em; color: #fff; }
.body-events #content p { font-size: 12px; line-height: 1.5em; color: #ccc; }
.body-events #right { margin-top: 60px; }
.body-events #right h1 { color: #fff; font-size: 15px; margin: 0px 0px 20px 0px; font-weight: normal; }
.body-events #right .heading { font-size: 15px; }
.body-events #right .heading a { color: #fff; font-weight: normal; }
.body-events #right .title { font-size: 24px; color: #fff; margin: 2px 0px 5px 0px; }
.body-events #right .source { font-size: 15px; color: #ccc; }
.body-events #content .date { float: right; font-size: 13px; color: #ccc; padding-top: 10px; }

.body-digital_podge { background-color: #0ae; }
.body-digital_podge #header #nav ul li a { display: block; text-decoration: none; color: #8ef; }
.body-digital_podge #header #nav ul li a:hover { color: #fff; }
.body-digital_podge #header #nav ul .active ul a { color: #8ef; font-weight: normal; }
.body-digital_podge #header #nav ul .active ul a:hover { color: #fff; font-weight: normal; }
.body-digital_podge #header #nav ul .active a, .body-digital_podge #header #nav ul ul .selected a { color: #fff; }
.body-digital_podge #content h1 { color: #fff; font-size: 36px; margin: 0px 0px 20px 0px; line-height: 36px; padding: 0px 50px 0px 0px; font-weight: normal; }
.body-digital_podge #content h2 { color: #8ef; margin: 10px 0px; font-size: 18px; font-weight: normal; }
.body-digital_podge #content h4 { font-size: 14px; font-weight: normal; line-height: 1.5em; color: #fff; }
.body-digital_podge #content p { font-size: 12px; line-height: 1.5em; color: #8ef; }
.body-digital_podge #right { margin-top: 60px; }
.body-digital_podge #right h1 { color: #fff; font-size: 15px; margin: 0px 0px 20px 0px; font-weight: normal; }
.body-digital_podge #right .heading { font-size: 15px; }
.body-digital_podge #right .heading a { color: #fff; font-weight: normal; }
.body-digital_podge #right .title { font-size: 24px; color: #fff; margin: 2px 0px 5px 0px; }
.body-digital_podge #right .source { font-size: 15px; color: #8ef; }
.body-digital_podge #footer { padding: 0px; margin: 100px 0px 20px 0px; color: #8ef; font-size: 11px; }
.body-digital_podge #footer a { color: #8ef; text-decoration: none; }
.body-digital_podge #footer a:hover { color: #8ef; text-decoration: none; }
.body-digital_podge #content .date { float: right; font-size: 13px; color: #8ef; padding-top: 10px; }

.body-sports_podge { background-color: #00a551; }
.body-sports_podge #header #nav ul li a { display: block; text-decoration: none; color: #11f068; }
.body-sports_podge #header #nav ul li a:hover { color: #fff; }
.body-sports_podge #header #nav ul .active ul a { color: #11f068; font-weight: normal; }
.body-sports_podge #header #nav ul .active ul a:hover { color: #fff; font-weight: normal; }
.body-sports_podge #header #nav ul .active a, .body-sports_podge #header #nav ul ul .selected a { color: #fff; }
.body-sports_podge #content h1 { color: #fff; font-size: 36px; margin: 0px 0px 20px 0px; line-height: 36px; padding: 0px 50px 0px 0px; font-weight: normal; }
.body-sports_podge #content h2 { color: #11f068; margin: 10px 0px; font-size: 18px; font-weight: normal; }
.body-sports_podge #content h4 { font-size: 14px; font-weight: normal; line-height: 1.5em; color: #fff; }
.body-sports_podge #content p { font-size: 12px; line-height: 1.5em; color: #11f068; }
.body-sports_podge #right { margin-top: 60px; }
.body-sports_podge #right h1 { color: #fff; font-size: 15px; margin: 0px 0px 20px 0px; font-weight: normal; }
.body-sports_podge #right .heading { font-size: 15px; }
.body-sports_podge #right .heading a { color: #fff; font-weight: normal; }
.body-sports_podge #right .title { font-size: 24px; color: #fff; margin: 2px 0px 5px 0px; }
.body-sports_podge #right .source { font-size: 15px; color: #11f068; }
.body-sports_podge #footer { padding: 0px; margin: 100px 0px 20px 0px; color: #11f068; font-size: 11px; }
.body-sports_podge #footer a { color: #11f068; text-decoration: none; }
.body-sports_podge #footer a:hover { color: #11f068; text-decoration: none; }
.body-sports_podge #content .date { float: right; font-size: 13px; color: #11f068; padding-top: 10px; }

.body-music_podge { background-color: #ec1c24; }
.body-music_podge #header #nav ul li a { display: block; text-decoration: none; color: #ffa2a1; }
.body-music_podge #header #nav ul li a:hover { color: #fff; }
.body-music_podge #header #nav ul .active ul a { color: #ffa2a1; font-weight: normal; }
.body-music_podge #header #nav ul .active ul a:hover { color: #fff; font-weight: normal; }
.body-music_podge #header #nav ul .active a, .body-music_podge #header #nav ul ul .selected a { color: #fff; }
.body-music_podge #content h1 { color: #fff; font-size: 36px; margin: 0px 0px 20px 0px; line-height: 36px; padding: 0px 50px 0px 0px; font-weight: normal; }
.body-music_podge #content h2 { color: #ffa2a1; margin: 10px 0px; font-size: 18px; font-weight: normal; }
.body-music_podge #content h4 { font-size: 14px; font-weight: normal; line-height: 1.5em; color: #fff; }
.body-music_podge #content p { font-size: 12px; line-height: 1.5em; color: #ffa2a1; }
.body-music_podge #right { margin-top: 60px; }
.body-music_podge #right h1 { color: #fff; font-size: 15px; margin: 0px 0px 20px 0px; font-weight: normal; }
.body-music_podge #right .heading { font-size: 15px; }
.body-music_podge #right .heading a { color: #fff; font-weight: normal; }
.body-music_podge #right .title { font-size: 24px; color: #fff; margin: 2px 0px 5px 0px; }
.body-music_podge #right .source { font-size: 15px; color: #ffa2a1; }
.body-music_podge #footer { padding: 0px; margin: 100px 0px 20px 0px; color: #ffa2a1; font-size: 11px; }
.body-music_podge #footer a { color: #ffa2a1; text-decoration: none; }
.body-music_podge #footer a:hover { color: #ffa2a1; text-decoration: none; }
.body-music_podge #content .date { float: right; font-size: 13px; color: #ffa2a1; padding-top: 10px; }

.body-stodge_podge { background-color: #b97; }
.body-stodge_podge #header #nav ul li a { display: block; text-decoration: none; color: #d8c698; }
.body-stodge_podge #header #nav ul li a:hover { color: #fff; }
.body-stodge_podge #header #nav ul .active ul a { color: #d8c698; font-weight: normal; }
.body-stodge_podge #header #nav ul .active ul a:hover { color: #fff; font-weight: normal; }
.body-stodge_podge #header #nav ul .active a, .body-stodge_podge #header #nav ul ul .selected a { color: #fff; }
.body-stodge_podge #content h1 { color: #fff; font-size: 36px; margin: 0px 0px 20px 0px; line-height: 36px; padding: 0px 50px 0px 0px; font-weight: normal; }
.body-stodge_podge #content h2 { color: #d8c698; margin: 10px 0px; font-size: 18px; font-weight: normal; }
.body-stodge_podge #content h4 { font-size: 14px; font-weight: normal; line-height: 1.5em; color: #fff; }
.body-stodge_podge #content p, .body-stodge_podge #content a { font-size: 12px; line-height: 1.5em; color: #d8c698; }
.body-stodge_podge #right { margin-top: 60px; }
.body-stodge_podge #right h1 { color: #fff; font-size: 15px; margin: 0px 0px 20px 0px; font-weight: normal; }
.body-stodge_podge #right .heading { font-size: 15px; }
.body-stodge_podge #right .heading a { color: #fff; font-weight: normal; }
.body-stodge_podge #right .title { font-size: 24px; color: #fff; margin: 2px 0px 5px 0px; }
.body-stodge_podge #right .source { font-size: 15px; color: #d8c698; }
.body-stodge_podge #footer { padding: 0px; margin: 100px 0px 20px 0px; color: #d8c698; font-size: 11px; }
.body-stodge_podge #footer a { color: #d8c698; text-decoration: none; }
.body-stodge_podge #footer a:hover { color: #d8c698; text-decoration: none; }
.body-stodge_podge #content .date { float: right; font-size: 13px; color: #d8c698; padding-top: 10px; }

.body-bladdered_again { background-color: #f96a13; }
.body-bladdered_again #header #nav ul li a { display: block; text-decoration: none; color: #ffbf80; }
.body-bladdered_again #header #nav ul li a:hover { color: #fff; }
.body-bladdered_again #header #nav ul .active ul a { color: #ffbf80; font-weight: normal; }
.body-bladdered_again #header #nav ul .active ul a:hover { color: #fff; font-weight: normal; }
.body-bladdered_again #header #nav ul .active a, .body-bladdered_again #header #nav ul ul .selected a { color: #fff; }
.body-bladdered_again #content h1 { color: #fff; font-size: 36px; margin: 0px 0px 20px 0px; line-height: 36px; padding: 0px 50px 0px 0px; font-weight: normal; }
.body-bladdered_again #content h2 { color: #ffbf80; margin: 10px 0px; font-size: 18px; font-weight: normal; }
.body-bladdered_again #content h4 { font-size: 14px; font-weight: normal; line-height: 1.5em; color: #fff; }
.body-bladdered_again #content p { font-size: 12px; line-height: 1.5em; color: #ffbf80; }
.body-bladdered_again #content a { color: #fff; }
.body-bladdered_again #right { margin-top: 60px; }
.body-bladdered_again #right h1 { color: #fff; font-size: 15px; margin: 0px 0px 20px 0px; font-weight: normal; }
.body-bladdered_again #right .heading { font-size: 15px; color: #fff; }
.body-bladdered_again #right .heading a { color: #fff; font-weight: normal; }
.body-bladdered_again #right .title { font-size: 24px; color: #fff; margin: 2px 0px 5px 0px; }
.body-bladdered_again #right .source, .body-bladdered_again #right .source a { font-size: 15px; color: #ffbf80; font-weight: normal; }
.body-bladdered_again #footer { padding: 0px; margin: 100px 0px 20px 0px; color: #ffbf80; font-size: 11px; }
.body-bladdered_again #footer a { color: #ffbf80; text-decoration: none; }
.body-bladdered_again #footer a:hover { color: #ffbf80; text-decoration: none; }
.body-bladdered_again #content .date { float: right; font-size: 13px; color: #ffbf80; padding-top: 10px; }

.body-design_podge { background-color: #666; }
.body-podge_sweden { background-color: #b7d4e4; }
.body-podge_amsterdam { background-color: #fc92ff; }

#right { float: left; width: 200px; margin: 85px 0px 0px 0px; }
#right h1 { color: #666; font-size: 13px; margin: 0px 0px 20px 0px; }
#right h1 small { font-size: 12px; }
#right p { font-size: 12px; line-height: 1.5em; color: #999; }
#right a { color: #000; text-decoration: none; font-weight: bold; }
#right a:hover { color: #666; text-decoration: underline; }
#right .item { margin: 0px 0px 5px 0px; padding: 10px 0px; border-bottom: 1px solid #ccc; }
#right .indentitem { margin: 0px; padding: 5px 10px 10px 10px; border-bottom: 1px solid #ccc; }
#right .selected { background: #f5f5f5; }
#right .date { font-size: 11px; color: #bbb; }
#right .heading { font-size: 15px; margin: 5px 0px; }
#right .heading a { color: #666; }
#right .source { font-size: 15px; color: #bbb; }

#right #nextprev { margin: 20px 0px 0px 0px; background: #eee; color: #999; text-align: center; padding: 5px 0px; font-size: 14px; font-weight: normal; }
#right #nextprev a { color: #999; background: #eee; font-weight: normal; }
#right #nextprev .disabled { color: #333; font-weight: bold; }
#right #nextprev a:hover { color: #333; background: #eee; text-decoration: none; font-weight: normal; }

/*
#nextprev { background: #eee; color: #000; text-align: center; }
#nextprev a { color: #000; }
#nextprev a:hover { color: #666; }
*/

#footer { padding: 0px; margin: 100px 0px 20px 0px; color: #ccc; font-size: 11px; }
#footer a { color: #ccc; text-decoration: none; }
#footer a:hover { color: #ccc; text-decoration: none; }