/* Dancentral stylesheet */

body {
  background-color:#fad500;
  font-family: helvetica, arial, sans-serif; 
  margin: 20px;
}

/* branding */
#branding h1 a {
  background: transparent url('../images/welcome_yellow_dc.jpg') no-repeat top left;
  display: block; width: 800px; height: 110px; text-indent: -9000px;
}
#branding h2 { color: #441111; font-size: 16px; padding: 5px 0px; background-color: white; background-color: rgba(255,255,255,0.00); }

/* video player */
#wrapper { border: 10px solid #000000; width: 855px; height: 344px; background:#fad500 url('../images/player_loading.png') top right no-repeat; }
#video { width: 425px; height: 344px; position: absolute; left: 460px; background-image: url('../images/player_select.png'); }
ul#tracklist { height: 344px; overflow: hidden; }

/* link colours */
a, a:link { color: #004B91; }
a:visited { color: #743399; }
a:hover   { color: #FF4B33; }

.left { float: left; }
.right { float: right; }
.hidden { display: none; }

h2, h3 { width: 875px; }
#nowplaying { margin-left: 30px; color: #d0d0d0; background-color: black }

.feedback { font-size: 11px; color: #66666; }
.disclaimer { font-size: 11px; color: #66666; }

#footer a, #footer a:visited { font-size: 11px; color: #FF2406; }
#footer a:hover { color: #FF4B33; }

/* adapted from: jquery.columnview-1.1.1.js */
.containerobj { border: 1px solid #ccc; height:5em; overflow-x:auto; overflow-y:hidden; white-space:nowrap; position:relative; }
.containerobj div { height:100%; overflow-y:scroll; overflow-x:hidden; position:absolute; }
.containerobj a { display:block; clear:both; white-space:nowrap; min-width:150px; }
.containerobj a canvas { padding-left:1em; }
.containerobj .feature { min-width:200px; }
.containerobj .feature a { white-space:normal; }
.containerobj .hasChildMenu { }
.containerobj .active { background-color:#3671cf; color:#fff; }
.containerobj .inpath { background-color:#d0d0d0; color:#000; }
.containerobj .hasChildMenu .widget { color:black; position:absolute; right:0; text-decoration:none; font-size:0.7em; }

/* overrides */
.containerobj { width: 428px; height: 342px; }
.containerobj div { background-color:#fad500; }
.containerobj a { text-decoration: none; font-size: 16px; line-height: 23px; }
.containerobj a, .containerobj a:link, .containerobj a:active, .containerobj a:visited { color: black; }

.containerobj a:hover { background-color: #bbb; color: #000; }
.containerobj .active { background-color: #bbb; color: #fff; }
.containerobj .inpath { background-color: #bbb; color: #000; }

/* EOF */