/*--== FOR MOBILE ===================================================--*/ body.mobile {text-align: center;} body.mobile #main.fullWidth {max-width: 320px; min-width: 320px; background: #333; box-shadow: none;} /*-- STICKY SIDE NAV --*/ body.mobile a.support-label {position: static; display: inline-block; text-align: center; border-radius: 0; min-width: 155px; max-width: 155px; margin: 4px 0 0; padding-left: 0; padding-right: 0; border: 0; box-shadow: none;} body.mobile a.support-label:hover {border: 0;} body.mobile a.support-label.pvlocker, body.mobile a.support-label.live-chat, body.mobile a.support-label {display: none;} /*-- NAV --*/ body.mobile #main.fullWidth #navigation {height: auto; padding-top: 5px;} body.mobile #main.fullWidth #navigation #logo-sm {float: none;} body.mobile #main.fullWidth #navigation ul li a {text-shadow: 0 -1px 0 #111; border-radius: 0px; margin: 2px 0px 0px 2px; width: 117px; padding-top: 6px; padding-bottom: 8px; line-height: normal; background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top, #555 0%, #222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #555 0%,#222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #555 0%,#222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #555 0%,#222 100%); /* IE10+ */ background: linear-gradient(to bottom, #555 0%,#222 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#222',GradientType=0 ); /* IE6-9 */ } body.mobile #main.fullWidth #navigation ul li a.call-to-action { background-image: -moz-linear-gradient(bottom,rgba(144, 104, 0, 1),rgba(255, 223, 147, .9)); background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(144, 104, 0, 1)),to(rgba(255, 223, 147, .9))); } body.mobile #main.fullWidth #navigation ul li a.call-to-action.members { background-image: -moz-linear-gradient(bottom,rgba(144, 104, 0, 0.3),rgba(255, 223, 147, 0.3)); background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(144, 104, 0, 0.3)),to(rgba(255, 223, 147, 0.3)));} body.mobile #main.fullWidth #navigation ul {padding: 0;} body.mobile #main.fullWidth #navigation ul li {display: block; text-align: center;} body.mobile #main.fullWidth #navigation .call-to-action {} body.mobile #main.fullWidth #navigation .call-to-action.members {margin-right: 0;} body.mobile #main.fullWidth #navigation form {margin: 0 auto; line-height: auto; height: auto; display: block; float: none; text-align: center;} body.mobile #main.fullWidth #navigation form input[type=text] {width: 110px; margin-top: 5px; margin-bottom: 5px;} body.mobile #main.fullWidth #navigation li ul.oneColumn {left: 13%;} body.mobile #main.fullWidth #navigation li ul.oneColumn li a {background: transparent;} /*-- SLIDER --*/ body.mobile #main.fullWidth #slider {padding-bottom: 0; padding-top: 0;} body.mobile #main.fullWidth #slider #logo-lg {width: 320px; height: auto; background: transparent; margin: 0;} body.mobile #main.fullWidth #slider #logo-lg h1 {display: none;} body.mobile #main.fullWidth #slider #logo-lg .call-to-action {width: 290px; border-radius: 0; padding: 15px; margin-top: 10px;} body.mobile #main.fullWidth #slider .peKenBurns {width: 320px;} body.mobile #main.fullWidth #slider .peKenBurns .peKb_slides { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} body.mobile #main.fullWidth #slider .peKenBurns .peKb_controls .peKb_holder {} body.mobile #main.fullWidth #slider .peKenBurns .peKb_videoClose {display: none;} body.mobile #main.fullWidth #slider .peKenBurns .peKb_slides .peKb_caption {display: none;} body.mobile #main.fullWidth #slider #summary .other p a.button {white-space: nowrap; margin-bottom: 5px; display: inline-block;} body.mobile #main.fullWidth #slider #trailer {width: 320px;} /*-- TUBE BOXES --*/ body.mobile #main.fullWidth #content {width: auto; margin: 0;} body.mobile #main.fullWidth #content .tubeBox {margin: 0; border-radius: 0;} body.mobile #main.fullWidth #content div#column {display: none;} body.mobile #main.fullWidth #content .tubeBox { background: #444444; /* Old browsers */ background: -moz-linear-gradient(left, #444444 0%, #2b2b2b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#444444), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #444444 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #444444 0%,#2b2b2b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #444444 0%,#2b2b2b 100%); /* IE10+ */ background: linear-gradient(to right, #444444 0%,#2b2b2b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#2b2b2b',GradientType=1 ); /* IE6-9 */ } body.mobile #main.fullWidth #content .tubeBox div a {height: 120px;} /*-- FOOTER --*/ body.mobile #main.fullWidth #footer {min-width: 300px; max-width: 300px; padding: 10px;} body.mobile #main.fullWidth #footer p {width: auto; padding: 0; margin-bottom: 0; text-align: center; font-size: .8em !important;} body.mobile #main.fullWidth #footer p:last-of-type {text-align: left;} body.mobile #main.fullWidth #footer #banners {margin: 0 auto 30px;} body.mobile #main.fullWidth #footer #banners a img {-webkit-box-reflect: none;} body.mobile #main.fullWidth #footer #banners a {display: none;} body.mobile #main.fullWidth #footer #banners a.banner-option-two {display: block; width: 300px height: 250px; line-height: 250px; text-align: center; border: solid 1px #222;} /*-- EPISODE PAGE --*/ body.mobile #main.fullWidth #slider .peKenBurns.episode {margin: 0; width: 320px !important; height: 180px !important;} body.mobile #main.fullWidth #slider .peKenBurns.episode .peKb_slides, body.mobile #main.fullWidth #slider .peKenBurns.episode .peKb_slides .peKb_frame {width: 320px !important; height: 180px !important; padding: 0; margin: 0; height: auto;} body.mobile #main.fullWidth #slider .peKenBurns.episode .peKb_slides .peKb_active #trailer embed {width: 320px; height: 180px !important; margin: 0;} body.mobile #main.fullWidth #slider .peKenBurns.episode .peKb_shadow {display: none;} body.mobile #main.fullWidth #slider #hyper-space {width: auto; margin: 0; height: auto;} body.mobile #main.fullWidth #slider #hyper-space .hyper-spot {margin: 5px; width: 150px; height: auto; float: left;} body.mobile #main.fullWidth #slider #hyper-space .hyper-spot img {width: 150px; height: auto;} body.mobile #main.fullWidth #slider #summary {width: 320px; margin-top: 5px;} body.mobile #main.fullWidth #slider #summary .sponsor-promo h1 span {display: block;} body.mobile #main.fullWidth #slider #summary .sponsor-promo, body.mobile #main.fullWidth #slider #summary .pvl-promo {border-radius: 0; padding: 0;} body.mobile #main.fullWidth #slider #summary .sponsor-promo .button, body.mobile #main.fullWidth #slider #summary .pvl-promo .button {height: auto !important; padding: 0; line-height: normal;} body.mobile #main.fullWidth #slider #summary .sponsor-promo .button a {padding: 2px 6px 8px; height: auto; line-height: normal;} body.mobile #main.fullWidth #slider #summary div.description, body.mobile #main.fullWidth #slider #summary div.other {width: auto; margin: 0; padding: 0 15px 15px; border: 0;} /*-- PAGINATION --*/ body.mobile #main.fullWidth .sectionHdr {text-align: center;} body.mobile #main.fullWidth .sectionHdr h1 {float: none; text-align: center; display: block; margin-bottom: 5px;} body.mobile #main.fullWidth .sectionHdr ul.sorting {float: none; margin: 0; text-align: center; clear: both;} body.mobile #main.fullWidth .sectionHdr ul.sorting li {margin-bottom: 5px; float: none; display: inline-block;} body.mobile #main.fullWidth .sectionHdr .button {float: none; display: inline-block;} /*-- SERIES --*/ body.mobile #main.fullWidth #content .tubeBox.reality div a {border-radius: 0px;} /*-- SEARCH RESULTS --*/ body.mobile #main.fullWidth #content .search-results {border-bottom: 0; margin-bottom: 0px;} body.mobile #main.fullWidth #content .search-results h1 {float: none; font-size: 14px; color: #FFDF93; padding-top: 5px; margin-top: 10px;} body.mobile #main.fullWidth #content .search-results h1 a.button {float: none; display: block; margin-top: 5px;} body.mobile #main.fullWidth #content .search-results h1 a.call-to-action {margin-top: 8px !important;} /*-- SIGN UP PAGE --*/ body.mobile #main.fullWidth #slider #signup-login {width: auto; margin: 10px auto;} body.mobile #main.fullWidth #slider #signup-login ul {width: 240px; text-align: center; margin-bottom: 10px;} body.mobile #main.fullWidth #slider #signup-login ul h1 {width: auto;} body.mobile #main.fullWidth #slider #signup-login ul.signup li input[type=text] {width: 180px;} body.mobile #main.fullWidth #slider #signup-login ul.signup form li span {width: auto;} body.mobile #main.fullWidth #slider #signup-login ul.signup a.call-to-action, #main.fullWidth #slider #signup-login ul li input {width: auto; height: auto;} body.mobile #main.fullWidth #slider #signup-login ul.signup li input.width-auto[type=submit] {font-size: 20px; margin-right: 0;} body #main.fullWidth #slider #signup-login ul.signup form li input.call-to-action {width: 240px; height: auto; white-space: normal;} #main.fullWidth #slider #signup-login ul {height: auto;} /*-- MESSAGES --*/ body.mobile #main.fullWidth #content #messages li a {} body.mobile #main.fullWidth #content #messages li {line-height: 30px;} /*-- PLAY BUTTON --*/ .mobile-play-butn {position: absolute; z-index: 500; left: 16%; top: 9%;} /*--== TOP NAV AREA ==========--*/ #main.fullWidth #navigation .translate {float: none; margin: 0px auto; padding: 10px 0px; display: block; text-align: center;} #main.fullWidth #navigation .translate span {margin: 10px auto; display: block;} /*--== TUBE BOX ===================--*/ #main.fullWidth #content .tubeBox {width: 160px; margin: 0; overflow: hidden;} #main.fullWidth #content .tubeBox div a img {width: 160px; height: 120px;} #main.fullWidth #content .tubeBox div a {height: auto;} #main.fullWidth #content .tubeBox.genres div a {height: 100px !important;} #main.fullWidth #content .tubeBox.genres div a img {height: 100px !important;} body.mobile #main.fullWidth #slider video {height: auto; margin: 0 0 1px !important;} body.mobile #main.fullWidth #content .tubeBox.mobile_ad {display: block; float: none; width: 320px; height: 50px; padding: 10px 0; text-align: center;} body.mobile #main.fullWidth #content .tubeBox.mobile_ad img {width: 300px; height: 50px;} /*-- gay/straight toggle buttons --*/ #main.fullWidth #navigation .orientationToggle .butnStraightToggle {right:65px;top:5px;} #main.fullWidth #navigation .orientationToggle .butnGayToggle {right:25px;top:5px;}