html, body { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; }
body { background-color: #000; color: #fff; font-family: sans-serif; font-size: 96%; }
a { color: #fff; font-weight: bold; text-decoration: none; }
a:hover { color: #f93f4a; }

#video-info { position: absolute; z-index: 100; height: 150px; opacity: 0.9; width: 100%; top: 0; left: 0; padding: 20px 0 10px 20px; }
#video-info .title, #video-info .url { display: inline; }
#video-info .title a { font-size: 14pt; text-decoration: underline; font-weight: bold; }
#video-info .url a { color: #555; display: inline; margin-left: 20px; }
#video-info .description { font-size: 9pt; color: #acacac; text-align: left; width: 400px; padding-top: 20px; padding-left: 20px; clear: left; }

#about { display: none; position: absolute; z-index: 100; width: 100%; top: 30%; text-align: center; background-color: #fff; color: #000; padding: 150px 0; }
#about .title a { font-family: sans-serif; font-weight: bold; letter-spacing: 8px; font-size: 2em; color: #f0f0f0; }

body { background: #000 url(images/hype-header-bg.png) repeat-x; }
#container { width: 1075px; height: 750px; margin: 0 auto; background: url(images/hype-bg.jpg) no-repeat 0 75px; padding: 80px 0 0; } /* 180px left/right */
#header { height: 75px; position: absolute; top: 0; text-align: center; }
#player { height: 550px; padding: 0; margin: 0 auto; margin-top: 120px; border: 3px solid #fff; -webkit-border-radius: 3px; background-color: #fff; }
#megaplaya { width: 765px; height: 98%; float: left; padding-top: 8px; }

#videos { width: 300px; height: 100%; overflow: scroll; overflow-x: hidden; float: left; background-color: #eee; }
#videos ul { margin: 0; padding: 0; }
#videos li { display: none; font-size: 9pt; color: #000; list-style: none; padding: 8px 10px 5px 6px; margin: 0; background-color: #f9f9f9; border-bottom: 1px solid #eaeaea; }
#videos li:hover, #videos li a:hover, #videos img:hover { cursor: pointer; }
#videos li a { color: #000;}
#videos li.selected { background-color: #e0ffe0; border-color: #9f9; }
#videos li .thumbnail img { width: 152px; float: left; margin-right: 6px; box-shadow: 1px 1px 1px #aaa; }
#videos li .title { font-size: 10pt; }
#videos li .details { color: #aaa; margin-top: 3px; }
#videos li .details a { color: #909a90; font-weight: bold; }
#videos li .clear { clear: both; }
#videos li .post_title { margin-top: 6px; margin-left: 165px; padding: 3px; background-color: #f9f9f9; box-shadow: 1px 1px 1px #aaa; }
/*#videos li.selected .post_title { background-color: transparent; }*/
#videos li .post_title a { font-weight: normal; font-size: 8pt; }

.toggles { font-size: 14pt; padding: 12px 16px; float: right; background: #e0e0e0; color: #777; position: relative; top: -52px; right: 6px; box-shadow: 2px 2px 0px #999; }
.toggles:hover { color: #aaa; }
.toggles.selected { color: #333; background-color: #efefef; text-shadow: 3px; box-shadow: 2px 3px 0px #999; }