body {
 color: #000;
 background: #fff;
 margin: 0;
 padding: 10px;
 font-family: Helvetica;
}

h1, h2, h3, h4, h5 { display: inline; }
h4 { color: #666; }
h5 { color: #999; }
a { color: #000; }

#media {
  position: absolute;
  top: 130px;
  left: 400px;
  width: 250px;
  font-size: 12px;
}
#player { position: relative; height: 200px; width: 355px; margin-bottom: 10px; border: solid 2px #666; }
#player video { position: absolute; top: 0px; left: 0px; height: 200px; }
.matte { position: absolute; top: 0px; left: 0px; width: 100%; height: 200px; }
div.controls { margin-bottom: 10px; }
div.slider { 
  height:30px; 
  background-color:#ccc; 
  width:350px; 
  position: relative; 
  color: #999; 
  font-size: 30px; 
  text-align: center;
}
div.slider div.handle { 
  position: absolute; 
  top: 0px;
  width:30px; 
  height:30px; 
  line-height: 35px;
  font-weight: bold; 
  background-color: #333; 
  cursor: move; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#credits {
  position: absolute;
  bottom: 10px;
  right: 10px;
}