/**************************** * Developed By: Jake Alger * * Company: Unkind Studios * * Version: 1.0 * ***************************/ * { margin: 0; padding: 0; } html { background:#000 url(../images/background.jpg) no-repeat 50% 0; } body { color:#8d95a1; font-size: 11px; font-family: Verdana, Tahoma, Arial, sans-serif; } h1 a#logo { text-indent: -9000px; width: 289px; height: 150px; margin-top: 72px; float: left; } h2 { font-family: tahoma; text-indent: -9000px; font-size: 12px; color:#c5afa0; float: left; } img { border: 0; vertical-align: bottom; } a { color:#fff; outline-style: none; outline-width: medium; text-decoration: none; overflow: hidden; } ul { list-style-type: none; } li { display: inline; } select { font-size: 10px; font-weight: normal; color: #12395A; } option { padding: 0 5px; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } div#wrapper { width: 980px; padding-left: 45px; margin: 0 auto; text-align: left; } div#stalk-us { width: 210px; margin-top: 25px; float: right; } div#stalk-us h2 { width: 123px; height: 29px; background: url(../images/header-stalk-us.png) no-repeat; } div#stalk-us ul { clear: left; } div#stalk-us ul li { } div#stalk-us ul li a { width: 46px; height: 46px; text-indent: -9000px; float: left; display: inline; margin: 10px 0 0 20px; } div#stalk-us ul li a#twitter { background: url(../images/icon-twitter.png) no-repeat; } div#stalk-us ul li a#facebook { background: url(../images/icon-facebook.png) no-repeat; } div#stalk-us ul li a#rss { background: url(../images/icon-rss.png) no-repeat; } span a#s9-for-sale { margin: 120px 22px 0 0; float: right; width: 74px; height: 22px; text-indent: -9000px; } span#advertisement-top a { float: right; margin-top: 35px; } span a#member-join { width: 140px; height: 72px; clear: both; margin: 83px 0 0 60px; display: inline; text-indent: -9000px; background: url(../images/button-member-join.png) no-repeat; float: left; } ul#navigation { clear: both; width: 980px; float: left; } ul#navigation li { } ul#navigation li a { width: 140px; height: 32px; display: inline; margin-left: 17px; text-indent: -9000px; float: left; } ul#navigation li a#home { background: url(../images/navi-home.png) no-repeat 0 -32px; } ul#navigation li a#home:hover, ul#navigation li a#home.selected { background: url(../images/navi-home.png) no-repeat 0 0; } ul#navigation li a#lounge { background: url(../images/navi-lounge.png) no-repeat 0 -32px; } ul#navigation li a#lounge:hover, ul#navigation li a#lounge.selected { background: url(../images/navi-lounge.png) no-repeat 0 0; } ul#navigation li a#shop { background: url(../images/navi-hardyshop.png) no-repeat 0 -32px; } ul#navigation li a#shop:hover, ul#navigation li a#shop.selected { background: url(../images/navi-hardyshop.png) no-repeat 0 0; } ul#navigation li a#previews { background: url(../images/navi-previews.png) no-repeat 0 -32px; } ul#navigation li a#previews:hover, ul#navigation li a#previews.selected { background: url(../images/navi-previews.png) no-repeat 0 0; } ul#navigation li a#scenes { background: url(../images/navi-behindscenes.png) no-repeat 0 -32px; } ul#navigation li a#scenes:hover, ul#navigation li a#scenes.selected { background: url(../images/navi-behindscenes.png) no-repeat 0 0; } ul#navigation li a#contact { background: url(../images/navi-contact.png) no-repeat 0 -32px; } ul#navigation li a#contact:hover, ul#navigation li a#contact.selected { background: url(../images/navi-contact.png) no-repeat 0 0; } div#whats-up { margin-top: 20px; width: 980px; float: left; } div#whats-up h2 { width: 124px; height: 28px; margin: 0 30px 0 17px; display: inline; background: url(../images/header-whats-up.png) no-repeat; } div#whats-up p { margin-top: 5px; color:#585f68; float: left; } div#whats-up p a { color:#0094fc; font-weight: bold; text-decoration: underline; } div#whats-up ul { margin-top: 5px; float: right; } div#whats-up ul li { } div#whats-up ul li a { width: 10px; height: 20px; text-indent: -9000px; float: left; margin-right: 10px; } div#whats-up ul li a#last { background: url(../images/arrow-left.png) no-repeat; } div#whats-up ul li a#next { background: url(../images/arrow-right.png) no-repeat; } div#membership-options { width: 187px; margin-top: 27px; float: left; } div#membership-options h2 { width: 187px; height: 43px; background: url(../images/header-membership-options.png) no-repeat; } div#membership-options ul { margin: 0 0 25px 7px; display: inline; float: left; } div#membership-options ul li { } div#membership-options ul li a { width: 170px; height: 47px; float: left; text-indent: -9000px; margin-top: 20px; } div#membership-options ul li a#gold { background: url(../images/membership-gold.png) no-repeat; } div#membership-options ul li a#platinum { background: url(../images/membership-platinum.png) no-repeat; } div#membership-options ul li a#ultimate { background: url(../images/membership-ultimate.png) no-repeat; } div#membership-options ul li a#ppv { background: url(../images/membership-ppv.png) no-repeat; } div#membership-options span.ad { text-align: center; width: 187px; float: left; } div#middle-column { width: 585px; margin: 27px 0 0 15px; display: inline; float: left; } div#episode-previews { width: 585px; height: 290px; background: url(../images/episode-previews-bg.png) no-repeat 100% 100%; float: left; } div#episode-previews h2 { width: 585px; height: 35px; background: url(../images/header-opisode-previews.png) no-repeat; } div#episode-previews span#video-player { clear: left; width: 300px; margin-top: 5px; float: left; } div#episode-previews div#info { width: 195px; margin: 42px 60px 0 0; float: right; } div#episode-previews div#info h3 { font-size: 17px; font-family: verdana; color:#0094fc; } div#episode-previews div#info p { margin-top: 30px; } div#episode-previews div#info span a#watch-now { width: 147px; height: 37px; margin-top: 40px; text-indent: -9000px; background: url(../images/button-watch-now.png) no-repeat; float: left; } div#latest-news { width: 275px; height: 314px; margin-top: 25px; float: left; background: url(../images/latest-news-bg.png) no-repeat 0 100%; } div#latest-news h2 { width: 150px; height: 32px; background: url(../images/header-latest-news.png) no-repeat; } div#latest-news dl { clear: left; padding: 38px 0 5px 25px; width: 240px; float: left; } div#latest-news dl dt { font-size: 15px; color:#0094fc; } div#latest-news dl dd { font-size: 10px; color:#fff; } div#latest-news div#news-content { width: 255px; height: 175px; overflow: hidden; position: relative; float: left; } div#latest-news p { padding: 0 10px 0 20px; clear: both; width: 230px; float: left; margin-top: 10px; } div#latest-news span a#read-more { width: 84px; height: 20px; text-indent: -9000px; float: left; display: inline; margin: 15px 0 0 20px; background: url(../images/button-read-more.png) no-repeat; } div#latest-news div#scrollbar { width: 15px; float: left; } div#gallery { width: 275px; display: inline; float: left; margin: 25px 0 0 10px; } div#gallery h2 { width: 105px; height: 27px; background: url(../images/header-gallery.png) no-repeat; } div#gallery span a#view-more { width: 84px; height: 20px; text-indent: -9000px; float: right; background: url(../images/button-view-more.png) no-repeat; } div#gallery ul { margin-top: 15px; width: 275px; float: left; } div#gallery ul li { float: left; margin: 7px 0 0 5px; } div#decagon-sale { margin: 15px 0 0 -20px; width: 612px; height: 493px; float: left; background: url(../images/decagon-sale.png) no-repeat 0 0; } div#decagon-sale span a { margin: 160px 0 0 184px; display: inline; float: left; text-indent: -9000px; width: 93px; height: 49px; } div#right-column { width: 193px; margin-top: 30px; float: left; } div#hardy-gear { } div#hardy-gear h2 { width: 176px; height: 32px; background: url(../images/header-gethardygear.png) no-repeat; } div#hardy-gear span { margin-top: 15px; float: left; } div#ad-port { margin-top: 40px; float: left; } div#ad-port h2 { width: 131px; height: 29px; background: url(../images/header-ad-port.png) no-repeat; } div#ad-port span { width: 193px; margin-top: 15px; float: left; text-align: center; } span#footer-ad { width: 980px; margin-top: 25px; float: left; } #behind { width: 660px; margin-top: 25px; float: left; } #behind h2 { width: 153px; height: 24px; margin-bottom: 55px; background: url(../images/h2-behind.png) no-repeat; } #behind div.person { width: 180px; margin: 0 0 10px 40px; display: inline; float: left; } #behind div.person h3 { margin-left: 8px; display: inline; height: 16px; float: left; padding-left: 20px; font-family: tahoma; font-size: 13px; text-decoration: underline; color:#ffffff; background: url(../images/icon-user.png) no-repeat; } #behind div.person p { float: left; width: 180px; margin: 10px 0 10px 0; } #behind div.person ul { line-height: 15px; float: left; width: 180px; } #behind div.person ul li { display: block; color:#ffffff; } #behind div.person ul li a { color:#fffffff; } #behind #about { width: 583px; float: left; margin-left: 40px; display: inline; } #behind #about h4 { width: 583px; height: 33px; text-indent: -9000px; float: left; background: url(../images/h4-aboutus.png) no-repeat; } #behind #about p { margin: 5px 0 0 7px; display: inline; float: left; } /** * jQuery lightBox Plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /** * JavaScript Scroller */ div#scrollbar { display: block; } div#scrollbar { position: relative; width: 11px; height: 175px; font-size: 1px; } div#track { position: absolute; top: 12px; width: 13px; height: 156px; background-color: #0b0101; } div#dragBar { position: absolute; top: 1px; width: 11px; height: 11px; background:#3e0000 url(../images/dragbar.png) no-repeat 0 0; } span#up { position: absolute; left: 0; top: 0; } span#down { position: absolute; left: 0; bottom: 0; } div#scrollbar, div#track, div#dragBar, span#up, span#down { -moz-user-select: none; -khtml-user-select: none; } div#scrollbar img { display: block; }