/** * Reset CSS by Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /** * Common styles */ html, body { height:100%; } body { background:#000; color:#FFF; font-family:Trebuchet MS; font-size:12px; } a { color:#FDD600; text-decoration:none; } a:hover { color:#FDFB06; text-decoration:underline; } img { vertical-align:middle; } .textCenter { text-align:center; } #errorBox { background:#DF9999; color:#AF2020; border:1px solid #AF2020; border-radius:5px; -moz-border-radius:5px; padding:4px 10px; margin:10px; } #sortBy { line-height:20px; margin-top:20px; text-align:center; } #sortBy a { margin:0px 10px;} #preloader { visibility:hidden; } .cleaner { visibility:hidden; clear:both; } .hover { display:none; } /** * Layout */ #page { width:1000px; margin:auto; height:auto!important; height:100%; min-height:100%; } #header { position:relative; background:url(/static/img/gfx/header.jpg) no-repeat top left; height:228px; } #header h1 { position:absolute; top:0px; height:200px; width:800px; padding:10px; font-size:24px; text-indent:-99999999px; } #partners { position:absolute; right:30px; top:10px; } #partners img { margin:0px; } #miscDescription { position:absolute; top:115px; left:270px; color:#000; font-family:Trebuchet MS; font-size:12px; } #miscDescription h2 { text-indent:-999999px; height:1px; } #container { background:url(/static/img/gfx/page_background.jpg) repeat-y center bottom; } #sidebar { width:272px; float:left; } #sidebar ul { } #sidebar li { font-size:1.8em; color:#ED1BEC; display:inline; } #content { width:680px; float:right; margin:0px 30px 0px 0px; } #videosBox { width:690px;} * html #videosBox { width:696px; } #footer { text-align:center; margin:0px; clear:both; background:url(/static/img/gfx/footer.jpg) no-repeat top center; height:29px; padding-top:44px; } .pagination { clear:both; text-align:center; color:#777; } .pagination strong { color:#FFF; } /** * Videos Thumbnails */ #videosBox {} #videosBox .videoMiniBox { float:left; width:300px; margin:10px; position:relative; height:200px; } #videosBox .videoMiniBox .videoMiniDetails { position:absolute; bottom:0px; width:300px; background:#555; opacity:0.7; border-top:1px solid #FFF; } #videosBox .videoMiniBox h3 { font-size:13px; margin:3px; } #videosBox .videoMiniBox p { margin:2px 3px; font-size:10px; font-family:Tahoma, Verdana, Arial; } #videosBox .videoMiniBox .rand1, #videosBox .videoMiniBox .rand2, #videosBox .videoMiniBox .rand3 { background-repeat:no-repeat; background-position:center center; height:200px; position:relative; } #videosBox .videoMiniBox .rand1 { background-image:url(/static/img/gfx/tv1.jpg); } #videosBox .videoMiniBox .rand1 img { width:206px; height:156px; position:absolute; top:19px; left:46px; } #videosBox .videoMiniBox .rand1 .videoMiniDetails { width:206px; position:absolute; bottom:25px; left:46px; } #videosBox .videoMiniBox .rand2 { background-image:url(/static/img/gfx/tv2.jpg); } #videosBox .videoMiniBox .rand2 img { width:209px; height:157px; position:absolute; top:26px; left:13px; } #videosBox .videoMiniBox .rand2 .videoMiniDetails { width:209px; position:absolute; bottom:17px; left:13px; } #videosBox .videoMiniBox .rand3 { background-image:url(/static/img/gfx/tv3.jpg); } #videosBox .videoMiniBox .rand3 img { width:224px; height:174px; position:absolute; top:13px; left:13px; } #videosBox .videoMiniBox .rand3 .videoMiniDetails { width:224px; position:absolute; bottom:13px; left:13px; } /** * Video Lightbox */ #overlay { position:absolute; top:0; left:0; height:100%; width:100%; background:#000; opacity:0; filter:alpha(opacity=0); z-index:50; } #lbxVideo { position:absolute; opacity:0; filter:alpha(opacity=0); left:-9999em; z-index:51; top:50%; left:50%; margin-left:-350px; margin-top:-281px; background:url(/static/img/gfx/lbxVideo.jpg) no-repeat top left; height:582px; width:700px; } #videoBox { background:url(/static/img/gfx/lbxVideo.jpg) no-repeat top left; height:494px; width:700px; padding-top:80px; } #videoBox h2 { font-size:40px; text-align:center; color:#FFF; font-weight:bold; font-family:Helvetica, Arial, sans-serif; margin:9px auto; } #watch-this-vid { width:343px; margin-left:176px; margin-top:80px; } #watch-this-vid { margin-top:0px; } #watch-player-div { height:263px; } #videoDetails { margin:40px 104px 0px; font-size:13px; font-family:Helvetica, Arial, sans-serif; line-height:20px; } #videoDetails p { float:left; } #skullRating { background:url(/static/img/icons/skulls/skull1.png) top left repeat-x; float:left; margin-left:4px; width:75px; height:20px; position:relative; overflow:hidden; } #skullRating li { width:15px; height:20px; /*\*/float:left;/* */ } #skullRating li a { display:block; width:15px; height:20px; line-height:20px; text-indent:-9999px; z-index:20; position:absolute; overflow:hidden; } #skullRating li a:hover { background:url(/static/img/icons/skulls/skull.png) left center; z-index:9999; left:0px; } #skullRating a.rating-one { left:0px; } #skullRating a.rating-one:hover { width:15px; } #skullRating a.rating-two { left:15px; } #skullRating a.rating-two:hover { width:30px; } #skullRating a.rating-three { left:30px; } #skullRating a.rating-three:hover { width:45px; } #skullRating a.rating-four { left:45px; } #skullRating a.rating-four:hover { width:60px; } #skullRating a.rating-five { left:60px; } #skullRating a.rating-five:hover { width:75px; } #skullRating li.current-rating { background:url(/static/img/icons/skulls/skull.png) left center; position:absolute; height:20px; display:block; text-indent:-9000px; z-index:1; } a:active{ outline:none; } #videoDescription { margin:15px 104px 0px; font-size:12px font-family:Helvetica, Arial, sans-serif; -moz-border-radius:5px; border-radius:5px; padding:10px; border:1px solid #FDD600; background:#000; -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; } #videoDescription #videoTitle { display:block; font-size:16px; color:#FDD600; font-weight:bold; } #closeBox { cursor:pointer; position:absolute; right:-15px; top:-15px; } /** * Scrollbar */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height:100%; background: url(/static/img/gfx/scroll/scrollbar.png) no-repeat 5px 0px; } .jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; background: url(/static/img/gfx/scroll/elevator.png) no-repeat; height:63px!important; width:45px; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height:66px; background: url(/static/img/gfx/scroll/arrow_up.png) no-repeat 0 0; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height:66px; background: url(/static/img/gfx/scroll/arrow_down.png) no-repeat 3px 0; } #sidebar a { position:relative; background-position:0 0; background-repeat:no-repeat; display:block; width:273px; font-size:1px; } #sidebar img { position:absolute; left:0px; top:0px; display:block; font-size:1px; visibility:hidden; } #sidebar a:hover img { position:absolute; visibility:visible; } #sidebar #show1 { background-image:url(/static/img/gfx/menu/1.jpg); height:106px; } #sidebar #show10 { background-image:url(/static/img/gfx/menu/10.jpg); height:107px; } #sidebar #show9 { background-image:url(/static/img/gfx/menu/9.jpg); height:82px; } #sidebar #show12 { background-image:url(/static/img/gfx/menu/12.jpg); height:71px; } #sidebar #show13 { background-image:url(/static/img/gfx/menu/13.jpg); height:90px; } #sidebar #show11 { background-image:url(/static/img/gfx/menu/11.jpg); height:88px; } #sidebar #show1 img { margin-top: 22px; margin-left: 25px } #sidebar #show10 img { margin-top: 11px; margin-left: 25px } #sidebar #show9 img { margin-top: 15px; margin-left: 43px } #sidebar #show13 img { margin-top: 12px; margin-left: 53px } #sidebar #show11 img { margin-top: 11px; margin-left: 25px } #sidebar #show12 img { margin-top: 9px; margin-left: 58px } #header #vibLink { margin-top: 16px; display:block; left: 0px; margin-left: 28px; position: absolute; top: 0px }