/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
html { overflow:-moz-scrollbars-vertical; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; }
a { outline: none; color: #fff; }

h1, h2,
#header #header-link strong { display: none; }

body { font: 12px Verdana, Arial, Helvetica, sans-serif; background: #000 url(/images/skin2/bg.jpg) top center no-repeat; color: #999; }
#container { position: relative; width: 1191px; min-height: 1490px; padding: 130px 0 0; margin: 0 auto; }

#container #header { position: absolute; top: 0; left: 0; width: 100%; height: 130px; background: url(/images/skin2/header.jpg) 0 0 no-repeat; }
#container #header #header-link { position: absolute; width: 100%; height: 102px; }
#container #header ul { position: absolute; bottom: 0; left: 0; width: 100%; height: 28px; background: url(/images/skin2/bg-menu.jpg) 0 0 no-repeat; }
#container #header li { display: inline; height: 28px; line-height: 28px; margin: 0 25px 0 25px; }
#container #header li a { font: bold 14px/27px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
#container #header li a:hover { text-decoration: underline; }
#container #header #search { position: absolute; left: 952px; margin: 0; }
#container #header #search form input { height: 16px; width: 190px; border: none; }
#container #header #search form a { position: absolute; display: block; width: 18px; height: 20px; left: 205px; top: 4px; background: url(/images/skin2/btn-search.jpg) 0 0 no-repeat; }
* html #container #header #search form a { top: -2px; }

#container h3 { display: block; height: 25px; padding: 0 0 0 8px; margin: 25px 0 0 0; font: bold 12px/24px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: url(/images/skin2/bg-title.jpg) 0 0 no-repeat; }
#container h3 a { float: right; font: 10px/25px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 12px; color: #fff; text-decoration: none; }
#container h3 a:hover { text-decoration: underline; }

/* Default clip specs */
#container .clip { position: relative; display: inline; float: left; width: 104px; padding: 120px 7px 7px; margin: 12px 33px 0 0; border: 1px solid #333; }
#container .clip h4 { margin: 0 0 3px; }
#container .clip h4 a { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #5674b9; text-decoration: none; }
#container .clip h4 a:hover { text-decoration: underline; }
#container .clip p { font: 10px Verdana, Arial, Helvetica, sans-serif; }
#container .clip img { position: absolute; top: 0; left: 0; }
#container .last-clip { margin: 12px 0 0!important; }

#container #being-watched { position: relative; float: left; width: 722px; }
#container #being-watched .clip { margin: 12px 30px 0 0; } /* Clip specs only in being-watched module */

#container #sponsors { position: relative; float: left; width: 383px; margin: 0 0 0 85px; }

/*** Navbar ***/
#container ul.navbar { margin: 40px 0; text-align: center; }
#container ul.navbar li { display: inline; padding: 3px 6px; margin: 0 1px; color: #959595; border: 1px solid #333; }
#container ul.navbar li a { color: #959595; text-decoration: none; }
#container ul.navbar li a:hover { color: #fff; }
#container ul.navbar .current { background: #161d2e; }

/*** Footer ***/
#container #footer { padding: 50px 20px; text-align: center; font-size: 10px; }
#container #footer p { margin: 0 0 5px; }
#container #footer p a { color: #fff; }


/*** Exceptions for listing page ***/
#container #main-column { float: right; display: inline; width: 1038px; margin: 0;  }
#container #main-column .clip { margin: 12px 30px 0 0; }
#container #main-column #being-watched { width: 570px; }
#container #categories-column { float: right; display: inline; width: 120px; padding: 10px; margin: 25px 10px 0 0; border: 1px solid #333; }
#container #categories-column h4 { margin: 0 0 12px; font-weight: bold; color: #5674b9; }
#container #categories-column ul li a { color: #898989; text-decoration: none; }
#container #categories-column ul li a:hover { color: #5674b9; }



/*** Categories page ***/
#container #categories { padding: 25px 0 0 90px; }
#container #categories .category { float: left; display: inline; width: 230px; margin: 0 21px 12px 0; border: 1px solid #2d2b59; }
#container #categories .category img { width: 230px; height: 280px; }
#container #categories .category p { line-height: 30px; text-align: center; }
#container #categories .category p a { text-decoration: none; color: #555; }
#container #categories .category p a:hover { color: #5674b9; }



/* Video player */
#container #video-holder { float: left; display: inline; width: 722px; }
#container #video-holder #video-player { border: 0px solid #9b9b9b; margin: 10px auto; }
#container #video-holder .video-options { text-align: center; }
#container #video-holder .video-specs { width: 588px; margin: 10px auto; padding: 10px; border: 1px solid #333; font-size: 10px; }
#container #video-holder .video-specs p { margin: 0 0 5px; }
#container #video-holder .video-specs p strong { color: #5674b9; }
#container #video-holder .video-specs p a { color: #898989; text-decoration: none; }
#container #video-holder .video-specs p a:hover { color: #fff; }


/* Star-rating-vote */
#star-rating-holder { float: right; color: #5674b9; }

.star-rating-vote,
.star-rating-vote a:hover,
.star-rating-vote a:active,
.star-rating-vote a:focus,
.star-rating-vote li.current-rating{ background: url(/images/skin2/star-rating.gif) left -1000px no-repeat; }
.star-rating-vote{ position:relative; width:75px !important; height:15px !important; overflow:hidden !important; list-style:none; margin:0 !important; padding:0 !important; background-position: left top; display: block; float: left; }
.star-rating-vote li{ display: inline; background: none !important; border: 0 !important; }
ul.star-rating-vote a,
ul.star-rating-vote li.current-rating{ position:absolute; top:0; left:0; text-indent:-9999px; height:15px !important; line-height:15px !important; outline:none; overflow:hidden; border: none; padding: 0 !important; margin: 0 !important; }
.star-rating-vote a:hover,
.star-rating-vote a:active,
.star-rating-vote a:focus{ background-position: left bottom; }
.star-rating-vote a.rate-stars-1{ width:10%; z-index:11; }
.star-rating-vote a.rate-stars-2{ width:20%; z-index:10; }
.star-rating-vote a.rate-stars-3{ width:30%; z-index:9; }
.star-rating-vote a.rate-stars-4{ width:40%; z-index:8; }
.star-rating-vote a.rate-stars-5{ width:50%; z-index:7; }
.star-rating-vote a.rate-stars-6{ width:60%; z-index:6; }
.star-rating-vote a.rate-stars-7{ width:70%; z-index:5; }
.star-rating-vote a.rate-stars-8{ width:80%; z-index:4; }
.star-rating-vote a.rate-stars-9{ width:90%; z-index:3; }
.star-rating-vote a.rate-stars-10{ width:100%; z-index:2; }
.star-rating-vote li.current-rating{ z-index:1; background-image: url(/images/skin2/star-rating.gif) !important; background-position: left center !important; background-repeat: no-repeat;}