* {margin: 0; padding: 0}
html {overflow-y: scroll}
body {font: 13px/18px Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif; background: #d0e6ee url('../images/bg.png') center repeat-y}
.wrapper {width: 960px; margin: 0 auto; position: relative}
#wrap {background: url('../images/controlsbg.png') repeat-x top}
 @font-face {font-family: 'VegaSHOP'; src: url('../fonts/VegaSHOP-Light.eot');  src: local('VegaSHOP-Light'), url('../fonts/VegaSHOP-Light.otf') format('opentype')}
 img {border: 0}
.b {font-weight: bold}
.i {font-style: italic}
.red {color: #ed1c24}
h1 {font-family: VegaSHOP; font-size: 32px; font-weight: normal; padding: 0 0 7px 0}
a:link, a:visited {text-decoration: none; font-weight: bold; color: #000}
a:hover, a:active {text-decoration: underline}
a.audio {font-weight: normal; color: #47818E}
p {padding: 0 0 6px 0}
.orange {color: #f96502}
 html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 265px; z-index: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 .controls {margin: 0 10px; height: 48px; width: 100%; color: #fff}
.title {margin: 15px 0 0 0; float: left}
#nu {color: #868686}
.tussen {color: #868686; margin-left: 12px}
.menu {float: right; margin: 11px 0 0 0}
.menu li {display: inline; float: left; margin: 0 0 0 21px}
.bleft {background: url('../images/bleft.png') no-repeat; width: 10px; height: 26px; display: block; float: left}
.mtitle {display: block; float: left; background: url('../images/bmid.png') repeat-x; height: 26px; padding: 0 4px}
.mitem {position: relative; display: block; padding: 3px 0 0 0}
.menu li a:link, .menu li a:visited {color: #393a38; font-weight: bold; font-style: italic; text-decoration: none}
.menu li a:hover, .menu li a:active {color: #2c2d2b}
.bright {background: url('../images/bright.png') no-repeat; width: 10px; height: 26px; display: block; float: left}
.active .bleft {background: url('../images/bhleft.png') no-repeat; width: 10px; height: 26px; display: block; float: left}
.active .mtitle {display: block; float: left; background: url('../images/bhmid.png') repeat-x; height: 26px; padding: 0 4px}
.active .bright {background: url('../images/bhright.png') no-repeat; width: 10px; height: 26px; display: block; float: left}
 .controlroom {position: relative; height: 322px}
.logo_gamezone_radio {text-indent: -9999px; outline-style: none; background: url('../images/logo_framed.png') no-repeat; width: 94px; height: 76px; position: absolute; top: 40px; left: 92px}
.monitor {background: url('../images/monitor.png') no-repeat; width: 141px; height: 139px; position: absolute; top: 160px; left: 80px}
.monitor p {position: relative; padding: 37px 0 0 10px; font-size: 11px; font-weight: bold; line-height: 13px; text-align: center; width: 100%; color: #47818e}
.screen {background: url('../images/screen.png') no-repeat; width: 423px; height: 281px; position: absolute; top: 5px; left: 275px}
.amplifier {background: url('../images/amplifier.png') no-repeat; width: 93px; height: 254px; position: absolute; top: 51px; left: 755px}
.slides {position: absolute; top: 35px; left: 21px}
.slides li {display: inline; position: absolute; z-index: 0}
.slides li.active {display: block; z-index: 1}
.list {position: absolute; bottom: -26px; width: 100%; text-align: center}
.list li {display: inline-block; text-indent: -9999px; outline-style: none; background: url('../images/list_item.png'); height: 15px; width: 15px}
.list li a {}
.list li.activetab {background: url('../images/list_item_current.png')}
#player {position: absolute; top: 35px; left: 22px}
#player object {outline-style: none}
#live {position: relative; float: left; padding: 4px 12px; margin: 65px 0 0 22px; z-index: 2; background: #fff}
 .deck {position: relative; float: left; height: 100%; width: 100%; padding: 18px 0}
.content {position: relative; float: left; width: 642px; margin-right: 30px}
 #latest {position: relative; display: block; padding: 12px 0}
.report {position: relative; display: inline}
.author {position: relative; float: left; width: 100px; line-height: 13px}
.details {font-size: 11px}
.message {position: relative; width: 511px; float: left; margin: 0 0 20px 31px}
.left {margin: 0 0 20px 0px}
.right {float: right}
.msgcontent {background: url('../images/rep_bg.png') repeat-y; min-height: 80px; padding: 13px 24px 40px}
.msgtop {background: url('../images/rep_top.png') top no-repeat; height: 10px}
.msgbottom {background: url('../images/rep_bottom.png') no-repeat; height: 10px}
.msgarrow {position: absolute; top: 30px; left: -12px; background: url('../images/rep_arrow.png') no-repeat; width: 20px; height: 26px}
.msgarrow_r {position: absolute; top: 30px; right: -12px; background: url('../images/rep_arrow_r.png') no-repeat; width: 20px; height: 26px}
.tag, #morelink {padding: 8px 0; position: absolute; bottom: 10px;; font-size: 11px}
#loader {position: absolute; top: 5px; left: 190px; width: 100%; text-align: center}
.sidetag {font-size: 11px; position: relative; float: left; padding: 0 6px 0 0}
.tag a:link, .tag a:visited, .sidetag a:link, .sidetag a:visited {color: #4e4d4d; font-weight: normal; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity:80)}
.tag a:hover, .tag a:active, .sidetag a:hover, .sidetag a:active {text-decoration: none; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity:100)}
.ytag_left_therealityx, .ytag_bg_therealityx, .ytag_right_therealityx, .ytag_left_theparty8, .ytag_bg_theparty8, .ytag_right_theparty8, .ytag_left_campzone2010, .ytag_bg_campzone2010, .ytag_right_campzone2010 {display: block; float: left; height: 23px}
.ytag_left_therealityx {background: url('../images/ytag_left_therealityx.png') no-repeat; width: 5px}
.ytag_bg_therealityx {background: url('../images/ytag_bg_therealityx.png') repeat-x; padding: 2px 2px}
.ytag_right_therealityx {background: url('../images/ytag_right_therealityx.png') no-repeat; width: 5px}
.ytag_left_theparty8 {background: url('../images/ytag_left_theparty8.png') no-repeat; width: 5px}
.ytag_bg_theparty8 {background: url('../images/ytag_bg_theparty8.png') repeat-x; padding: 2px 2px}
.ytag_right_theparty8 {background: url('../images/ytag_right_theparty8.png') no-repeat; width: 5px}
.ytag_left_campzone2010 {background: url('../images/ytag_left_campzone2010.png') no-repeat; width: 5px}
.ytag_bg_campzone2010 {background: url('../images/ytag_bg_campzone2010.png') repeat-x; padding: 2px 2px}
.ytag_right_campzone2010 {background: url('../images/ytag_right_campzone2010.png') no-repeat; width: 5px}
.msgavatar {position: relative; float: right; margin: 0 0 10px 25px}
.morereports {position: relative; width: 642px}
.morereports p {padding: 0}
.oldreport {position: relative; display: block; width: 100%; padding: 3px 3px 6px 0; border-bottom: #bbd7df solid 1px}
.reptitle {display: block}
.repdetails {display: block; font-size: 11px}
.archive {margin: 0 0 0 131px}
 .topleft {position: absolute; left: 0; bottom: 19px; background: url('../images/topleft.png'); width: 129px; height: 20px}
.topright {position: absolute; right: -131px; bottom: 0; background: url('../images/topright.png'); width: 129px; height: 20px}
 .sidebar {position: relative; float: left; width: 280px; margin: 0 0 10px 7px}
.sidebar h1 {padding: 0 0 11px 0}
.twitter {margin: 0 0 3px 0}
.tweet {margin: 0 8px 3px 18px; padding: 0}
.tweetsbg {position: absolute; bottom: 0; left: 16px; width: 100%; background: url('../images/tweetsbg.png'); height: 126px}
.tweetdetails {display: block; font-size: 11px; color: #325765}
.tweetdetails a:link, .tweetdetails a:visited {color: #325765}
.line {margin: 0 0 3px 14px; padding: 0}
.crew {margin: 0 0 0 14px}
.crew li {display: block}
.banner {margin: 6px 0 0 18px}
.sbcontent {margin: 0 0 0 14px}
.overzicht li {display: block}
.lu {margin: 0 0 0 14px}
 input.field, input.pass {width: 250px; height: 22px; font: 13px/18px Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif; margin: 6px 0 2px 0; padding: 5px 5px 0px 5px}
#user_session_submit {padding: 3px 8px; margin: 6px 0 0 0}
.fields-off, .protected-off {color: #8c8c8c}
.fields-on, .protected-on {color: #000}
 body#admin .message textarea {width: 325px; font: 13px/18px Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif; height: 90px; padding: 5px 5px 0px 5px}
body#admin .message input {width: 325px; height: 22px; font: 13px/18px Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif; margin: -5px 0 2px 0; padding: 5px 5px 0px 5px}
body#admin .message button {padding: 3px 8px; position: absolute; right: 24px; bottom: 21px}
body#admin .message select {position: absolute; top: 1px; height: 29px; padding: 5px 5px 3px 5px; width: 120px; right: 0}
.tweetcontent {margin: -18px 8px 3px 18px; color: #8d9ea4}
#tweetmessage {width: 246px; font: 13px/18px Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif; height: 90px; margin: 3px 0 0 0; padding: 5px 5px 0px 5px}
#counter-tweetmessage {font-size: 16px; font-weight: bold; text-align: right}
.charcount-limit {color: #d01f1b}
 .footer {position: relative; clear: both; width: 100%; height: 265px; margin-top: -265px; background: #393a38; color: #fff; font-size: 11px}
.footer a:link, .footer a:visited {padding: 4px 6px; color: #393a38; background: #7f817e}
.footer a:hover, .footer a:active {background: #b9bab8; text-decoration: none}
.footer h2 {font-size: 17px; padding: 0 0 18px 0}
.footnote {margin: 16px 0 0 0; width: 300px; padding: 0 20px 0 0; float: left}
.copyright {clear: both; padding: 24px 0 0 0; width: 100%; text-align: center}
.note2 {margin: 8px 0 0 0}
h2.note3 {margin: 0 0 5px 0}
.copyright a:link, .copyright a:visited {color: #fff; text-decoration: none; background: none; padding: 0; font-weight: normal}