body { margin: 0; font-family: Tahoma, Verdana, Arial, Sans-Serif; background: #7f855f url(background.jpg) no-repeat -60px -170px; padding: 50px; }
h1 { color: #62634b; margin-bottom: -15px; padding-bottom: 0; width: 500px; padding-top: 130px; letter-spacing: -2px; font-weight: normal; clear: both; }
h2 { color: #62634b; font-weight: normal; padding: 0; margin-bottom: -12px; }
p { color: #d4cd9d; width: 500px; line-height: 140%; }
p a { color: #d4cd9d; }
#loading { color: #d4cd9d; font-size: 15pt; left: 125px; position: absolute; top: 139px; }
#loading.fail { background: #9f422f;}
#video { width: 400px; height: 300px; padding-top: 10px;}
#videowrap { background-color: #000; border: 1px solid #d4cd9d; color: #7f855e; height: 300px; line-height: 140%; text-align: center; width: 400px; }
#tracks { position: absolute; top: 205px; left: 580px; color: #7f855e; }
#tracks li { line-height: 150%; }
#tracks li.selected { background: #9f422f; }
#tracks a { text-decoration: none; color: #d4cd9d; }
#tracks a:hover { background-color: #d4cd9d; color: #9f422f; }
#tracks span { color: #bd7f4c; padding-left: 5px; }
#controls { list-style: none; padding: 20px 0; margin: 0 0 0 -5px; }
#controls li { float: left; }
#controls a { display: block; width: 68px; height: 35px; text-indent: -1000px; background: url(controls.png) no-repeat 50% -226px; }
#controls a#back { background-position: 50% -286px; }
#controls a#play { background-position: 50% -111px; }
#controls a#stop { background-position: 50% -1px; }
#controls a#forward { background-position: 50% -163px; }
#controls a#next { background-position: 50% -348px; }