body {background:#573;font-size:100%;color:white; font-family:"Century Schoolbook L","Lucida Bright",Georgia,serif;} #container {position:absolute;} #header {text-align:center;color:white;margin-bottom:10px;} #footer {color:white;width:150px;margin:-25px auto 0 auto;} h1 {font-size:150%;margin-top:10px;margin-bottom:0px;} #video-container {border-radius:15px;} #video {border-radius:15px;} #video-controls {position:relative;top:-50px;height:25px; background-color:#369;padding:5px;opacity:0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s;} #video-container:hover #video-controls {opacity:.75;} #play-pause {position:relative;top:-3px;display:inline-block;cursor:pointer;font-size:135%;width:30px;} #seek-bar {display:inline-block;} #button {text-align:center;background:#039;border:0;height:24px;width:150px;padding-top:5px; border-radius:3px;} #button:hover {cursor:pointer;}