charset "utf-8"; /* Forces firefox to keep the vertical scroll bar at any time */ html { overflow:-moz-scrollbars-vertical; overflow-x: hidden; } /* 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} body { background: #000 url(../images/bg-general.jpg) top center repeat-y; } a { outline: none; } /* Clears floated divs */ .clear { clear: both; height: 0; font-size: 0; line-height: 0; } /* Hides the H1 for SEO purposes */ h1 { position: absolute; left: -9000px; } /* Header is absolute because it's larger than safe zone (980px), to avoid horizontal scrolling in 1024 */ #header-index { position: absolute; width: 1130px; height: 650px; left: 50%; margin-left: -565px; background: url(../images/bg-header-index-blog.jpg) top left no-repeat; } *:first-child+html #header-index { margin-left: -566px; } #header-index #flash { position: absolute; width: 442px; height: 247px; top: 200px; left: 275px; } #header-index #joinnow { position: absolute; width: 347px; height: 92px; bottom: 23px; right: 75px; background: url(../images/btn-joinnow-index.jpg) top left no-repeat; } #header-index #joinnow:hover { background-position: bottom; } #header-index #joinnow span { position: absolute; left: -9102px; } #blog-top { position: absolute; width: 84px; height: 50px; bottom: 0; left: 83px; } #blog-top span { display: none; } #header { position: absolute; width: 1130px; height: 443px; left: 50%; margin-left: -564px; background: url(../images/bg-header-blog.jpg) top left no-repeat; } *:first-child+html #header { margin-left: -565px; } #header #joinnow { position: absolute; width: 347px; height: 92px; bottom: 17px; right: 99px; background: url(../images/btn-joinnow.jpg) top left no-repeat; } #header #joinnow:hover { background-position: bottom; } #header #joinnow span { position: absolute; left: -9102px; } #header-links { position: relative; margin: 3px 80px 0 0; text-align: right; color: #8e8e8e; font: 12px Arial, Helvetica, sans-serif; } #header-links a { color: #8e8e8e; text-decoration: none; } #header-links a:hover { color: #fff; } #menu { position: relative; width: 980px; height: 41px; margin: 0 auto; top: 443px; } #menu li { display: inline; float: left; width: 128px; height: 35px; } #menu li a { display: block; width: 128px; height: 35px; } #menu li a:hover { background-position: center center; } #menu li a strong { position: absolute; left: -9000px; } #menu li#blog { display: inline; float: left; width: 84px; height: 42px; } #menu li#blog a { display: block; float: left; width: 84px; height: 42px; background: url(../images/mnu-blog.jpg) top left no-repeat; } #menu li#blog a:hover { background-position: bottom; } .menu-index { top: 650px!important; } #mnu-home { background: url(../images/mnu-home.jpg) top center no-repeat; } #mnu-pictures { background: url(../images/mnu-pictures.jpg) top center no-repeat; } #mnu-about { background: url(../images/mnu-about.jpg) top center no-repeat; } #mnu-store { background: url(../images/mnu-store.jpg) top center no-repeat; } #mnu-bonus { background: url(../images/mnu-bonus.jpg) top center no-repeat; } #mnu-links { background: url(../images/mnu-links.jpg) top center no-repeat; } #mnu-join { background: url(../images/mnu-join.jpg) top center no-repeat; } /* Putting #page-xxx in the id of a page will put this same page's menu in its "active" state */ #page-home #mnu-home, #page-pictures #mnu-pictures, #page-about #mnu-about, #page-store #mnu-store, #page-bonus #mnu-bonus, #page-links #mnu-links, #page-join #mnu-join { background-position: bottom; } #container { position: relative; width: 980px; margin: 444px auto 0 auto; color: #fff; } .index { margin: 650px auto 0 auto!important; } #container .separator { position: relative; width: 100%; height: 1px; background: url(../images/separator.gif) top left no-repeat; } #container #whoweare { width: 663px; height: 230px; padding: 58px 0 0 317px; background: url(../images/bg-whoweare.jpg) top left no-repeat; } #container #whoweare div { width: 580px; height: 145px; overflow: auto; } #container #whoweare h2 { width: 166px; height: 26px; margin: 0 0 20px 0; background: url(../images/tit-whoweare.gif) top left no-repeat; } #container #whoweare h2 strong { position: absolute; left: -9000px; } #container #whoweare p { width: 550px; font: 11px/18px Arial, Helvetica, sans-serif; margin: 0 0 12px 0; } #container #latestupdates { position: relative; width: 920px; padding: 18px 30px 0 30px; background: url(../images/bg-latestupdates.gif) top left no-repeat; } #container #latestupdates h2 { width: 186px; height: 26px; margin: 0 0 10px 0; background: url(../images/tit-latestscenes.gif) top left no-repeat; } #container #latestupdates h2 strong { position: absolute; left: -10002px; } #container #latestupdates .scene { margin: 0 0 18px 0; } #container #latestupdates .scene h3 { margin: 18px 0 8px 0; font: bold 14px Arial, Helvetica, sans-serif; } #container #latestupdates .scene h3 span { font-size: 16px; font-weight: normal; font-style: italic; } #container #latestupdates .scene h3 strong { display: block; font-size: 20px; } #container #latestupdates .scene img { border: 1px solid #fff; } #container #latestupdates .scene .screenshot-holder { position: relative; display: block; float: left; } #container #latestupdates .scene .screenshot-holder img { position: absolute; top: 0; left: 0; } #container #latestupdates .scene .playbutton { position: absolute; display: block; top: 0; left: 0; width: 438px; height: 245px; background: url(../images/playbutton.png) center center no-repeat; } * html #container #latestupdates .scene .playbutton { background: url(../images/playbutton-square.jpg) center center no-repeat; } #container #latestupdates .scene .flashcontent { float: left; display: inline; border: 1px solid #fff; height: 245px } #container #latestupdates .scene .pic { margin: 15px 9px 0 0; } #container #latestupdates .scene .lastpic { margin: 15px 0 0 0; } #container #latestupdates .scene .specs { position: relative; float: right; width: 462px; height: 245px; background: url(../images/bg-specs.jpg) top left no-repeat; } #container #latestupdates .scene .playmovie { position: absolute; width: 194px; height: 45px; top: 9px; left: 21px; background: url(../images/btn-playmovie.jpg) top left no-repeat; } #container #latestupdates .scene .playmovie:hover { background-position: bottom; } #container #latestupdates .scene .playmovie strong { position: absolute; left: -9078px; } #container #latestupdates .scene .info { position: absolute; top: 13px; left: 265px; font: 13px Arial, Helvetica, sans-serif; } #container #latestupdates .scene .info span { display: block; } #container #latestupdates .scene .info a { color: #fff; } #container #latestupdates .scene .description { position: absolute; width: 420px; height: 115px; padding: 0 10px 0 0; left: 18px; top: 70px; overflow: auto; } #container #latestupdates .scene .description p { font: 11px/20px Arial, Helvetica, sans-serif; } #container #latestupdates .scene .downloadbig { position: absolute; width: 202px; height: 43px; bottom: 0; left: 10px; background: url(../images/btn-downloadbig.gif) top left no-repeat; } #container #latestupdates .scene .downloadsmall { position: absolute; width: 205px; height: 43px; bottom: 0; right: 25px; background: url(../images/btn-downloadsmall.gif) top left no-repeat; } #container #latestupdates .scene .downloadbig strong, #container #latestupdates .scene .downloadsmall strong { position: absolute; left: -10092px; } #container #latestupdates .scene .downloadbig:hover, #container #latestupdates .scene .downloadsmall:hover { background-position: bottom; } #container #photoshoot { width: 920px; margin: 18px 0 0 0; width: 920px; padding: 18px 30px; background: url(../images/bg-latestphotoshoot.gif) top left no-repeat; } #container #photoshoot h2 { width: 220px; height: 26px; margin: 0 0 10px 0; background: url(../images/tit-latestphotoshoot.gif) top left no-repeat; } #container #photoshoot h2 strong { position: absolute; left: -9000px; } #container #photoshoot .last { margin: 10px 0 0 0!important; } #container #photoshoot .clear { margin: 0 0 10px 0; } #container #photoshoot .photoset { float: left; display: inline; width: 216px; margin: 10px 18px 0 0; } #container #photoshoot .photoset img { border: 1px solid #fff; } #container #photoshoot .photoset h3 { width: 216px; text-align: center; font: 14px Arial, Helvetica, sans-serif; } #container #photoshoot .photoset h3 strong { display: block; font-size: 20px; } #container #photoshoot .photoset h3 a { color: #fff; } #container #unlock { width: 100%; height: 307px; margin: 0 0 15px 0; background: url(../images/bg-unlock.jpg) top left no-repeat; } #container #unlock a { display: block; width: 100%; height: 100%; } #container #unlock a strong { position: absolute; left: -9092px; } #container #unlock-small { position: relative; display: block; width: 920px; height: 108px; margin: 0 auto; background: url(../images/bg-unlock-small.jpg) top left no-repeat; } #container #unlock-small strong { position: absolute; left: -9000px; } #container #aboutus { background: url(../images/bg-aboutus-top.jpg) top left no-repeat; } #container #aboutus div { width: 574px; padding: 50px 90px 190px 316px; background: url(../images/bg-aboutus-bottom.jpg) bottom left no-repeat; } #container #aboutus h2 { width: 166px; height: 26px; margin: 0 0 20px 0; background: url(../images/tit-whoweare.gif) top left no-repeat; } #container #aboutus h2 strong { position: absolute; left: -9000px; } #container #aboutus p { width: 574px; margin: 0 0 12px 0; font: 12px/20px Arial, Helvetica, sans-serif; } #container #aboutus p strong { color: #ef8c14; } #container #aboutus p em { font-weight: bold; } #container #bonus { width: 100%; background: url(../images/bg-bonus.jpg) top left no-repeat; padding: 90px 0 0 0; } #container #bonus .bonus-box { position: relative; width: 384px; height: 258px; padding: 69px 20px 0 418px; margin: 0 auto 20px auto; background: url(../images/bg-bonusbox.jpg) top left no-repeat; } #container #bonus .bonus-box .bonus-title { position: absolute; height: 36px; top: 15px; left: 22px; } #container #bonus .bonus-box .bonus-title strong { position: absolute; left: -9000px; } #container #bonus .bonus-box .bonus-img1 { position: absolute; display: block; width: 190px; height: 233px; top: 70px; left: 21px; } #container #bonus .bonus-box .bonus-img2 { position: absolute; display: block; width: 190px; height: 233px; top: 70px; left: 211px; } #container #bonus .bonus-box .bonus-link { position: absolute; display: block; height: 18px; bottom: 25px; left: 418px; } #container #bonus .bonus-box .bonus-link strong { position: absolute; left: -9082px; } #container #bonus .bonus-box p { position: relative; width: 380px; margin: 0 0 12px 0; font: 12px/22px Arial, Helvetica, sans-serif; } #container #bonus #bonus-maledigital .bonus-title { width: 642px; background: url(../images/tit-bonus-maledigital.gif) top left no-repeat; } #container #bonus #bonus-maledigital .bonus-link { width: 274px; background: url(../images/btn-bonus-maledigital.gif) top left no-repeat; } #container #bonus #bonus-bisexdigital .bonus-title { width: 524px; background: url(../images/tit-bonus-bisexdigital.gif) top left no-repeat; } #container #bonus #bonus-bisexdigital .bonus-link { width: 272px; background: url(../images/btn-bonus-bisexdigital.gif) top left no-repeat; } #container #links { width: 920px; margin: 18px 0 0 0; width: 920px; padding: 18px 30px; background: url(../images/bg-latestphotoshoot.gif) top left no-repeat; } #container #links h2 { width: 62px; height: 26px; margin: 0 0 10px 0; background: url(../images/tit-links.gif) top left no-repeat; } #container #links h2 strong { position: absolute; left: -9000px; } #container #general { width: 920px; margin: 18px 0 0 0; padding: 18px 30px; background: url(../images/bg-latestphotoshoot.gif) top left no-repeat; font: 12px Arial, Helvetica, sans-serif; } #container #general h2 { margin: 0 0 12px 0; font: bold 22px Arial, Helvetica, sans-serif; } #container #general p { margin: 0 0 12px 0; } #container #general a { color: #8a8a8a; } #container #general a:hover { color: #fff; } #page-login #container #general { background: url(../images/bg-login.jpg) top left no-repeat; padding: 40px 100px; width: 780px; margin: 0 0 30px 0; } #page-login #container #general h2 { width: 775px; } #container #general .loginbox { width: 500px; margin: 20px 0 0 130px; padding: 20px 20px; background: #333; } #container #general .loginbox h2 { margin: 0 0 20px 0px; } #container #general .loginbox p { text-align: center; } #container #general .loginbox strong { display: block; } #container #general .loginbox input { font-family: Arial, Helvetica, sans-serif; padding: 5px; } #container #footer { padding-bottom: 30px; font: bold 10px Arial, Helvetica, sans-serif; } #container #footer p { text-align: center; color: #8a8a8a; } #container #footer p a { color: #8a8a8a; text-decoration: none; } #container #footer p a:hover { color: #fff; } #container #footer p.copyright { margin: 0 0 12px 0; } #container #footer ul { position: relative; width: 100%; margin: 0 0 20px 0; text-align: center; } #container #footer ul li { display: inline; padding: 0 8px 0 5px; font-size: 12px; border-right: 1px solid #8a8a8a;} #container #footer ul .last { border: none; margin: 0; } #container #footer ul a { color: #8a8a8a; text-decoration: none; } #container #footer ul a:hover { color: #fff; } ul.navbar { position: relative; list-style-type: none; text-align: center; margin: 0 0 30px 0; font-size: 20px; } ul.navbar li { position: relative; width: 21px; height: 21px; display: inline; margin: 0 1px 2px 0; } ul.navbar li a { color: #fff!important; text-decoration: none; } ul.navbar li a:hover { color: #e6450f!important; } ul.navbar li.previous { height: 23px; width: 21px; } ul.navbar li.next { height: 23px; width: 21px; } ul.navbar li.page { text-align: center; line-height: 21px; font-weight: bold; color: #999; } ul.navbar li.page a { text-decoration: none; font-weight: bold; color: #a44313; } ul.navbar span { display: none; } /* ul.navbar { position: relative; width: 300px; height: 23px; margin: 10px auto 20px auto; list-style-type: none; } ul.navbar li { position: relative; float: left; width: 21px; height: 21px; display: block; margin: 0 1px 2px 0; } ul.navbar li a { display: block; width: 21px; height: 21px; color: #fff!important; } ul.navbar li.previous { background: url(../images/btn-nav-left.gif) top left no-repeat; height: 23px; width: 21px; } ul.navbar li.next { background: url(../images/btn-nav-right.gif) top left no-repeat; height: 23px; width: 21px; } ul.navbar li.page { border: 1px solid #e8850f; background: #e8850f; text-align: center; line-height: 21px; font-weight: bold; color: #fff; } ul.navbar li.page a { background: #7e2e0b; text-decoration: none; font-weight: bold; color: #a44313; } ul.navbar li.page a:hover { background-color: #e8850f; color: #fff; } ul.navbar span { display: none; } */ .nav-movies { position: relative; width: 960px; height: 204px; margin: 10px auto; background: url(../images/bg-navbar-movies.jpg) top left no-repeat; } .nav-movies .previous-movies { position: absolute; height: 108px; width: 270px; top: 0; left: 0; } .nav-movies .next-movies { position: absolute; height: 108px; width: 270px; top: 0; right: 0; } .nav-movies a strong { display: none; } .nav-movies .join-movies { position: absolute; width: 320px; height: 170px; top: 0; left: 315px; } .nav-movies2 { position: relative; display: block; width: 960px; height: 54px; margin: 0 auto 30px auto; background: url(../images/bg-btn-join.jpg) top left no-repeat; } .nav-movies2 strong { display: none; } .seeall-updates { position: relative; display: block; width: 960px; height: 54px; margin: 0 auto 50px auto; background: url(../images/bg-seeall-updates.jpg) top left no-repeat; } .seeall-updates strong { position: absolute; left: -9000px; } .seeall-photoshoots { position: relative; display: block; width: 960px; height: 54px; margin: 0 auto 50px auto; background: url(../images/bg-seeall-photoshoots.jpg) top left no-repeat; } .seeall-photoshoots strong { position: absolute; left: -9000px; } .fcf-linkbox { position: relative; width: 90%; padding: 10px; font: 12px Arial, Helvetica, sans-serif; } .fcf-link-left { position: relative; float: left; display: inline; padding: 5px; width: 185px; } .fcf-link-right { position: relative; float: left; display: inline; padding: 5px; width: 550px;} .fcf-link-right p { line-height: 16px; margin: 0 0 14px 0; } .fcf-link-right p a { color: #bbb; } .fcf-link-right p a:hover { color: #f3d14e; } .fcf-clear { clear: both; height: 0; line-height: 0; font-size: 0; }