/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-===============================================================

Color scheme:
#eb0190 --> bright pink
#b6006f --> medium dark pink
#6e0043 --> dark pink

Border radius:
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

Isolated border radius:
-webkit-border-top-left-radius: 1px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px;

Box shadows:
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
box-shadow: 0px 0px 8px rgba(0,0,0,0.5);

text-shadow: 2px 2px 2px #333333;  


===============================================================--*/




/*--== GENERAL ==============================================================--*/
body {line-height: 1.7em; font-size: 14px; font: 14px normal Helvetica, sans-serif;
	background: #bebdbd; color: #444;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;}
	
.clear {clear: both;}

.disabled {opacity: 0.5;}
.disabled:hover {color: #999 !important; cursor: default;}

#main {height: auto; min-height: 100%; max-width: 1300px; min-width: 1300px; margin: 0 auto; position: relative; background-color: #e2e1e1; overflow: hidden;

	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}
#main.warning {background-color: transparent;}

#main.episodes {padding-top: 55px;}
#main #content_drawer h1 .data {font-size: .6em; text-transform: none;}

#content_drawer {min-height: 600px; padding: 40px;}

span.label {position: absolute; top: 0; right: 0; padding: 4px 9px; color: #fff; font-size: .8em; font-weight: bold;}
div.title {position: absolute; color: #fff; bottom: 0; left: 0; z-index: 10; width: 85%; padding: 10px 15px; overflow: hidden; height: 32px; font-size: .9em; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); white-space: nowrap; text-overflow: ellipsis;}
div.time {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px 15px; z-index: 10; font-size: .9em; font-weight: normal;}
div.rating {position: absolute; bottom: 0; right: 0; color: #fff; padding: 10px 15px; z-index: 10; font-size: .9em; font-weight: normal;}
.featured div.title {width: 94%;}

span.down_arrow {font-size: .6em; display: inline-block; vertical-align: middle; color: #bbb;}


/*-- page gradient caps --*/
.t_gradient {width: 100%; min-height: 12%; position: absolute; z-index: 1; top: 0; left: 0;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: rgba(0,0,0,0.7);
}
.t_gradient.interior {min-height: 55px;}

.bl_gradient {width: 100%; min-height: 30%; position: absolute; z-index: 1; bottom: 0; left: 0;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}


/*-- sorting --*/
ul.sorting {float: right; display: inline-block; width: auto; margin-left: 30px;}
ul.sorting li {float: left;}
#main ul.sorting li a {margin: 0 3px; font-size: 12px; font-weight: bold; line-height: normal; height: auto; vertical-align: middle; display: inline-block; padding: 5px 14px 6px; text-shadow: 0 1px 0 #fff; color: #999;

	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	
	-webkit-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
	-moz-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
	box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
	
	background: rgba(255,255,255,0.4);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#main ul.sorting li a.active {background: rgba(0,0,0,0.7); color: #fff; text-shadow: 0 -1px 0 #000;}
#main ul.sorting li a.active:hover {color: #fff; cursor: default;}

ul.sorting li ul.menu {position: absolute; z-index: 100; right: 10%; background: rgba(0,0,0,0.9); padding: 20px; width: 65%; margin: -100px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

ul.sorting li.niche {margin-right: 0;}
#main ul.sorting li a.previous_button {margin: 0 8px 0 0;}
#main ul.sorting li a.next_button {margin: 0 0 0 8px;}
#main ul.sorting li.pages {margin: 0 1px;}
#main ul.sorting li.pages span {margin: 0; display: inline-block;}

#main ul.sorting li ul.menu li {float: none; padding: 0; margin: 0; text-align: center;}
#main ul.sorting li ul.menu li .menu_box {float: left; margin: 5px; min-height: 170px; width: 200px;}
#main ul.sorting li ul.menu li .menu_box p { min-height: 25px; border-bottom: dotted 1px #444; display: block;}
#main ul.sorting li ul.menu li .menu_box p:last-of-type {border-bottom: none;}
#main ul.sorting li ul.menu li .menu_box a {background: none; color: #eee; text-shadow: none; font-size: .5em; font-weight: normal;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}
	
#main ul.sorting li ul.menu li .menu_box h1 {color: #fff !important; font-size: 1.1em !important; font-weight: bold !important; background: rgba(255,255,255,0.2); margin-bottom: 5px !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;}
	
ul.sorting.bottom {float: right; display: inline-block; margin-right: 20px; width: auto;}
#main ul.sorting.bottom li.pages span {margin: 0 2px;}
#main ul.sorting.bottom li a {font-size: 12px;}

#main ul.sorting li span a {background: #ccc; color: #666; margin: 0; }

	
/*-- interior pagination --*/
.pagination.interior {display: inline-block; width: auto; margin: 12px 0 0 12px;}
.pagination.interior li { float:left; margin:0 1px; list-style:none; }
.pagination.interior li a { display:block; width:12px; height:0; padding-top:12px;float:left; overflow:hidden;
	background-image:url(/images/s9/buttons/pagination.png);
	background-position:0 0;
}
.pagination.interior li.current a { background-position:0 -12px;}	


/*--== color scheme ==============================================================--*/

#main span.label {background: #b6006f }
#main a {color: #b6006f; text-decoration: none;}
#main a:hover {color: #999;}
#main ul.sorting li a:hover, #main ul.sorting li ul.menu li .menu_box a:hover {color: #b6006f}
#main.signup #content_drawer form ul h1, #main.join #content_drawer form ul h1 {color: #b6006f}

body #main .footer a, body #main.home .footer a:visited {color: #b6006f !important;}
body #main .footer p span {color: rgba(255,255,255,0.3); margin: 0 10px;}


/*--== navigation area ==================--*/
#navigation {height: auto; min-height: 80px; width: auto; position: absolute; top: 0; left: 5%; z-index: 100; text-shadow: 0 1px 2px #000;}

.logo { margin: 0px 25px; min-width: 225px; height: 54px !important; float: left;}

#navigation ul {height: 22px; min-width: 225px; float: left; margin: 15px 25px; line-height: 22px;}
#navigation ul li {display: inline-block; margin-right: 20px;}
#navigation ul li a {color: #fff; text-decoration: none;}
#navigation ul li a:hover {color: #fff; text-shadow: 0 1px 8px #eb0190;}

#navigation .search_area {height: auto; width: auto; float: left; margin: 12px 25px; line-height: normal;} 
#navigation .search_area input#search {background: rgba(0,0,0,0.1); border: solid 2px rgba(255,255,255,0.7); margin: 0; padding: 6px 10px; line-height: auto; min-width: 150px; color: #fff; position: relative; font-size: .8em; 
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;}
#navigation .search_area input#search:active, #navigation .search_area input#search:hover {background: #fff; border: solid 2px #ccc; color: #888;}
#navigation .search_area #search_butn {width: 20px; height: 20px; position: absolute; top: 17px; right: 30px; background: url(/images/s9/buttons/butn-search.png) no-repeat;}

#navigation ul.dropdown li ul.menu {position: absolute; z-index: 100; background: rgba(0,0,0,0.9); padding: 20px; top: 0; left: 30%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;}
#navigation ul.dropdown li ul.menu li {margin: 0;}	
#navigation ul.dropdown li ul.menu li a {text-align: center; display: inline-block; min-width: 80px; background: #222; margin: 0 2px; text-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
#navigation ul.dropdown li ul.menu li a:hover, #navigation ul.dropdown li ul.menu li a.active:hover {text-shadow: none; background: rgba(255,255,255,0.5);}
#navigation ul.dropdown li ul.menu li a.active {background: #555;}

/*--== featured slider area ==================--*/
#main.home .slider .play_button {background-image: url(/images/s9/buttons/butn_play.png); height: 108px; width: 108px; position: absolute; z-index: 5; top: 42%; left: 47%; text-align: center;}
#main.home .slider .play_button a.play, #main.home .slider .play_button a.details, #main.home .slider .play_button a.play_full  { position: absolute; text-align: center; color: #fff; width: 108px; font-weight: bold; font-size: 1.2em; font-weight: normal; text-shadow: 0 1px 3px #000;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;}
#main.home .slider .play_button a.play, .slider .play_button a.play_full {bottom: -25px; height: 30px; padding-top: 100px;}
#main.home .slider .play_button a.details {bottom: -50px; background: rgba(0,0,0,0.5);  padding: 3px 10px 5px; width: 88px;font-size: .7em; font-weight: bold;}
#main.home .slider .play_button a.details:hover {background: rgba(0,0,0,0.9);}

#main.home ol.bjqs-markers li a {color: #fff;}    



/*--== drawers ==================--*/

#content_drawer h1 {font-size: 2em; text-transform: capitalize; color: #999; text-shadow: 0 -1px 0 #fff; margin: 0 10px; line-height: normal;}

#content_drawer h1 a {font-size: .6em;}

.drawer { height: 270px; width: 1200px; padding: 0px; margin:25px auto;  position:relative; z-index:0; background-color: ;
	
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

/*--== content slider ==================--*/

.slides { position:absolute; top:0px; left:0px; z-index:100;}

.slides_container { width: 1200px; padding: 0; margin: 0; overflow:hidden; position:relative; display:none; }

.slides_container .slide {width: 1200px; height: 260px; overflow: hidden; margin: 0 auto; padding: 5px;}

/*-- slide style one --*/
.slides_container .slide .featured.style_one {width: 500px; height: 250px; float: left; margin: 5px; overflow: hidden; position: relative}

/*-- slide style two --*/
.slides_container .slide .featured.style_two {width: 500px; height: 250px; float: left; margin: 5px; overflow: hidden; position: relative}
.slides_container .slide .left, .slides_container .slide .right  {float: left; width: 340px;}

/*-- slide style three --*/
.slides_container .slide .featured.style_three {width: 387px; height: 250px; float: left; margin: 5px 5px 5px 5px; text-align: center; overflow: hidden; position: relative}
.slides_container .slide .featured.style_three:last-of-type {width: 386px;}
.slides_container .slide .featured.style_three .play_button {background-image: url(/images/s9/buttons/butn_play.png); height: 108px; width: 108px; position: absolute; z-index: 5; top: 25%; left: 37%; text-align: center;}


/*-- slide style thumb area --*/
.slides_container .thumb {margin: 5px;	width: 160px; height: 120px; float: left; position: relative; overflow: hidden;}
.slides_container .slide.top_twentyfive {padding: 12px 10px;}
.slides_container .slide.top_twentyfive .thumb { margin: 5px;	width: 160px; height: 120px; float: left; position: relative}
.slides_container .slide.top_twentyfive .thumb.summary {height: 225px; width: 212px; margin: 12px; overflow: hidden; background: #ffffff; position: relative;}
.slides_container .slide.top_twentyfive .thumb.summary a {height: 110px; overflow: hidden; display: block;}
.slides_container .slide.top_twentyfive .thumb.summary .number {position: absolute; top: 8px; left: 10px; color: #fff; font-weight: bold; font-size: 1.4em; text-shadow: 0 1px 3px #000;}
#content_drawer .drawer .slides .slides_container .slide .thumb.summary p {padding: 0; margin: 0; font-size: 1.1em; text-transform: none; color: #888; font-weight: normal; margin: 8px 10px 8px; overflow: hidden; line-height: normal; height: 70px;}
#content_drawer .drawer .slides .slides_container .slide .thumb.summary h1 {margin: 0 10px; color: #999; font-size: .8em; height: 12px; line-height: normal;}
#content_drawer .drawer .slides .slides_container .slide .thumb.summary h1 a {font-size: 1em; text-decoration: none; font-weight: bold; display: inline-block;}
#content_drawer .drawer .slides .slides_container .slide .thumb.summary h1 a:hover {color: #333;}
#content_drawer .drawer .slides .slides_container .slide.top_twentyfive .thumb.summary h1 span.time {display: inline-block; text-transform: none;}

.slides_container .slide.sites_all {padding: 12px 12px;}
.slides_container .slide.sites_all .thumb { margin: 5px; width: 160px; height: 120px; float: left; position: relative}
.slides_container .slide.sites_all .thumb.site {height: 220px; width: 168px; margin: 14px; overflow: hidden; background: #ffffff; position: relative;}
.slides_container .slide.sites_all .thumb.site a {height: 197px; overflow: hidden; display: block;}

#content_drawer .drawer .slides .slides_container .slide.sites_all .thumb.site h1 {margin: 5px 5px; color: #999; font-size: .8em; height: 12px; line-height: normal; text-align: center;}
#content_drawer .drawer .slides .slides_container .slide.sites_all .thumb.site h1 a {font-size: .9em; text-decoration: none; font-weight: bold; display: inline-block;}
#content_drawer .drawer .slides .slides_container .slide.sites_all .thumb.site h1 a:hover {color: #333;}

.slides.sites.gallery .slides_container .slide.sites_all .thumb.site a {height: 220px;}
.slides.sites.gallery .slides_container .slide.sites_all .thumb.site a img {width: 170px; height: auto;}


/*-- next/prev buttons --*/
.slides .next { position:absolute; top:107px; right: -25px; width:24px; height:43px; display:block; z-index:101;}
.slides .prev {  position:absolute; top:107px; left:-25px; width:24px; height:43px; display:block; z-index:101; }


/*-- pagination --*/
.slides.sites .pagination {width: 128px;}
.pagination { margin:10px auto 0; width:70px;}
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px;float:left; overflow:hidden;
	background-image:url(/images/s9/buttons/pagination.png);
	background-position:0 0;
}
.pagination li.current a { background-position:0 -12px;}



/*--== FOOTER =========================================================*/
.footer {height: auto; margin: 15px auto 0; text-align: center; padding: 15px 15px 30px; line-height: 22px; background: #444; color: #eee; text-shadow: 0 1px 2px #000;
	background: rgb(14,14,14); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(104,104,104,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(104,104,104,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(104,104,104,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(104,104,104,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(104,104,104,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(14,14,14,1) 0%,rgba(104,104,104,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#686868',GradientType=0 ); /* IE6-9 */
}
.footer a {font-weight: bold;}
.footer a:hover {color: #eb0190;}
	
	
	


/*--== EPISODES =========================================================*/
#main.episodes #content_drawer .thumbs {padding: 0px; margin: 0 auto 20px; width: 1228px;}
#main.episodes #content_drawer .thumbs .thumb { margin: 13px !important; width: 160px; float: left; position: relative; border: solid 8px rgba(255,255,255,0.5);}
#main.episodes #content_drawer .thumbs .thumb.summary {height: 159px; width: 212px; margin: 12px; overflow: hidden; background: #ffffff; position: relative; border: solid 3px rgba(255,255,255,0.5); }
#main.episodes #content_drawer .thumbs .thumb.summary a {height: 159px; overflow: hidden; display: block;}
#main.episodes #content_drawer .thumbs .thumb.summary p {padding: 0; margin: 0; font-size: 1.1em; text-transform: none; color: #888; font-weight: normal; margin: 8px 10px 8px; overflow: hidden; line-height: normal; height: 70px;}
#main.episodes #content_drawer .thumbs .thumb.summary h1 {margin: 0 10px; color: #999; font-size: .8em; height: 12px; line-height: normal;}
#main.episodes #content_drawer .thumbs .thumb.summary h1 a {text-decoration: none; font-weight: bold; display: inline-block;}
#main.episodes #content_drawer .thumbs .thumb.summary h1 a:hover {color: #333;}
#main.episodes #content_drawer .thumbs .thumb.summary h1 span.time {display: inline-block; text-transform: none;}
#main.episodes #content_drawer .thumbs .thumb.summary a img {width: 212px; height: 159px;}

#main.episodes.pornstars #content_drawer .thumbs .thumb {background: #fff;}

/*--== EPISODE DETAILS =========================================================*/
.episode_details {margin: 0px auto; padding: 30px 50px; background: #222; font-size: 11px; color: #fff;}
.episode_details h1 {font-size: 2.5em; font-weight: bold;}
.episode_details h1 span.data {color: #888; font-size: medium; font-weight: normal; }
.episode_details h1 span.data a {font-style: italic;}

#main .episode_details ul.sorting li a {margin: 0 3px; font-size: .5em; font-weight: bold; line-height: normal; height: auto; vertical-align: middle; display: inline-block; padding: 5px 14px 6px; text-shadow: 0 -1px 0 #000; color: #eee;

	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	background: rgba(255,255,255,0.2);
}
#main .episode_details ul.sorting li a:hover {background: rgba(255,255,255,0.3);}
#main .episode_details ul.sorting li a.active {background: rgba(255,255,255,0.7); color: #555; text-shadow: 0 1px 0 #fff;}
#main .episode_details ul.sorting li a.active:hover {color: #000; cursor: default;}

.episode_details .summary {margin: 20px auto; font-size: 1.3em;}
.episode_details .summary .thumb {float: left; border: solid 5px #fff; margin-right: 20px;}
.episode_details .summary p {margin-bottom: 7px; line-height: normal;}
.episode_details .summary p strong {font-weight: bold;}
.episode_details .summary p.clips {padding: 5px 20px 7px; margin-top: 10px; background: rgba(255,255,255,1); display: inline-block; text-shadow: 0 1px 0 #fff;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;}
.episode_details .summary p.clips strong {color: #444; margin-right: 10px;}
.episode_details .summary p.clips a {margin: 0 5px; font-weight: bold;}
.episode_details .summary p.clips a:hover {color: #555;}

.episode_details .summary p a.rating_empty {color: #555;}
.episode_details .summary p a.rating_full {color: #B6006F;}
.episode_details .summary p a.rating_empty:hover, .episode_details .summary p a.rating_full:hover {color: #fff;}


/*--== ALL SERIES =========================================================*/
#main.series .episode_details h1 {margin-bottom: 15px;}
#main.series .episode_details .thumb {margin: 5px;  width: 160px; min-height: 300px; float: left; position: relative; overflow: hidden;}
#main.series .episode_details .thumb h1 {padding: 10px; color: #999; text-align: center; font-size: 1em; height: 25px; line-height: normal; background: #333;
    
        -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
                
                    -moz-border-radius-bottomright: 5px;
                        -moz-border-radius-bottomleft: 5px;
                            
                                border-bottom-right-radius: 5px;
                                    border-bottom-left-radius: 5px;}
                                        
#main.series .episode_details .thumb h1 a {text-decoration: none; font-weight: bold; display: inline-block;}
#main.series .episode_details .thumb h1 a:hover {color: #fff;}
#main.series .episode_details .thumb h1 span {display: block;}





/*--== SIGN UP PAGE =========================================================*/
#main.signup #content_drawer {text-align: center; min-height: 350px;}
#main.signup #content_drawer form ul {float: left; padding: 25px 40px; margin: 20px 5px; background: rgba(255,255,255,0.6); min-height: 210px; min-width: 316px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
	-moz-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
	box-shadow: 0px -1px 0px rgba(255,255,255,0.6);}
	
#main.signup #content_drawer form ul h1 {margin: 0 0 20px; padding: 0 0 5px; font-size: 1.4em; font-weight: bold; text-shadow: 0 1px 0 #fff; text-align: left; border-bottom: solid 1px #ccc;}
#main.signup #content_drawer form ul li {font-size: 1.3em; margin-bottom: 15px; color: #555; text-shadow: 0 1px 0 #fff; text-align: left;}

#main.signup #content_drawer form ul li input#username_id, #main.signup #content_drawer form ul li input#password {width: 98%; margin-top: 5px;}
#main.signup #content_drawer form input#continue {width: 316px; font-size: 1.4em;}

/*--== SIGN UP FORMS on HOMEPAGE =========================================================*/
#main.join #content_drawer {text-align: left; min-height: auto;}
#main.join #content_drawer form ul {float: left; padding: 25px 40px; margin: 10px; background: rgba(255,255,255,0.6); min-height: 190px; min-width: 290px;
    
        -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
                border-radius: 15px;
                    
                        -webkit-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
                            -moz-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
                                box-shadow: 0px -1px 0px rgba(255,255,255,0.6);}
                                    
#main.join #content_drawer form ul h1 {margin: 0 0 20px; padding: 0 0 5px; font-size: 1.4em; font-weight: bold; text-shadow: 0 1px 0 #fff; text-align: left; border-bottom: solid 1px #ccc;}
#main.join #content_drawer form ul li {font-size: 1.3em; margin-bottom: 10px; color: #555; text-shadow: 0 1px 0 #fff; text-align: left;}

#main.join #content_drawer form ul li input#username_id, #main.signup #content_drawer form ul li input#password {width: 98%; margin-top: 5px;}
#main.join #content_drawer form input#continue {width: 60%; font-size: 1.4em;}


/*--== MESSAGES =========================================================*/

#main.messages #content_drawer {text-align: center; min-height: 350px;}
#main.messages #content_drawer .message {padding: 25px 40px 40px; margin: 20px auto; background: rgba(255,255,255,0.6); min-height: 210px; width: 700px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
	-moz-box-shadow: 0px -1px 0px rgba(255,255,255,0.6);
	box-shadow: 0px -1px 0px rgba(255,255,255,0.6);}
	
#main.messages #content_drawer .message h1 {color: #444; font-weight: bold;}
#main.messages #content_drawer .message p {font-size: 1.3em; line-height: 1.5em; color: #666; margin: 20px 0 30px;}
#main.messages #content_drawer .message p a.button {background: rgba(0,0,0,0.1); padding: 10px 30px 15px; font-weight: bold; text-shadow: 0 1px 0 #fff;

	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;}

#main.messages #content_drawer .message p a.button:hover {color: #fff; background: rgba(0,0,0,0.8); text-shadow: 0 -1px 0 #000;}





/*--== PROMOS =========================================================*/
#navigation .promo {position: absolute; right: -250px; background: none; margin: 0; padding: 0; border: none; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	

.promo { min-height: 50px; padding: 15px; margin:0 auto;  position:relative; z-index:0; text-align: center; line-height: 50px; text-transform: uppercase; font-size: .8em; letter-spacing: 1px; color: #999; font-weight: bold; border-bottom: solid 1px rgba(0,0,0,0.3);
	
	-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,0.8);
	-moz-box-shadow: 0px 1px 0 rgba(255,255,255,0.8);
	box-shadow: 0px 1px 0 rgba(255,255,255,0.8);
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}





	


/*--== TOUR / MEMBERS =========================================================*/
#main.tour #my-slideshow .bjqs li .play_button a.play_full {display: none;}
#main.tour #navigation ul li a.logout {display: none;}

#main.members #navigation ul li a.login, #main.members #navigation ul li a.signup {display: none;}
#main.members #my-slideshow .bjqs li .play_button a.play_full {display: inline-block;}
#main.members #navigation ul li a.logout {display: inline-block;}
#main.members #my-slideshow .bjqs li .play_button a.play {display: none;}


/*--== EROTIC STORIES / MEMBERS =========================================================*/
#bookshelf {
height: 800px;
width: 768px;
margin: 20px auto 40px;
padding: 0;
background: url(/images/pvpd/books/bg-shelf.png) repeat-y center top;}

.bookshelf {
    background: url(/images/pvpd/books/bg-shelf.png) repeat-y center top;
}

#bookshelf .shelfRow {
height: 195px;
width: 768px;
margin: 0 auto;
position: relative;
}

#bookshelf .shelfRow .shelf {
position: absolute;
left: 0;
top: 0;
width: 768px;
height: 50px;
z-index: 1;
}

#bookshelf .shelfRow .shelf .left {
height: 50px;
width: 30px;
float: left;
background: url(/images/pvpd/books/shelf-left.png) no-repeat;
}

#bookshelf .shelfRow .shelf .middle {
background: url(/images/pvpd/books/shelf-middle.png) repeat-x;
float: left;
height: 50px;
width: 92.1%;
}

#bookshelf .shelfRow .shelf .right {
background: url(/images/pvpd/books/shelf-right.png) repeat-x;
float: left;
height: 50px;
width: 31px;
}

#bookshelf .shelfRow .bookRow {
position: absolute;
left: 37px;
bottom: -3px;
width: 700px;
height: 154px;
z-index: 99;
}

#bookshelf .shelfRow .bookRow .book {
background: #555 url(/images/pvpd/books/book-cover.png) no-repeat left top;
height: 154px;
width: 133px;
float: left;
margin: 0 20px;
position: relative;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
text-align: center;
display: inline;
moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;
cursor: pointer;
}

#bookshelf .shelfRow .bookRow .book .ribbon {
background: url(/images/pvpd/books/book-ribbon.png) no-repeat;
height: 56px;
width: 45px;
position: absolute;
left: -23px;
top: 0;
}

#bookshelf .none {
display: ;
}

#bookshelf .shelfRow .bookRow .book .title {
margin: 0 0 0  0;
height: 25px;
width: 100px;
overflow: hidden;
font-stretch: wider;
color: white;
text-transform: capitalize;
white-space: normal;
position: relative;
}

#bookshelf .shelfRow .bookRow .book .thumb {
height: 60px;
width: 90px;
border: 3px solid white;
margin-left: 21px;
margin-top: 5px;
moz-box-shadow: 0 0 4px black;
-webkit-box-shadow: 0 0 4px black;
box-shadow: 0 0 4px black;
}

#bookshelf .shelfRow .bookRow .book .number {
color: #666;
text-transform: uppercase;
font-size: 11px;
margin-top: 20px;
}

/*-- BOOK INTERIOR --*/
#story {
width: 768px;
margin: 20px auto;
padding: 0;
position: relative;
}

#story .left, #story .right {
width: 75px;
position: absolute;
top: 0;
}

#story, #story .left, #story .right, #story .storyContent {
height: 800px;
}

#story .storyContent {
font: 18px/30px "Times New Roman",Times,serif;
margin: 0 auto;
width: 618px;
background: #F1F1F1 url(/images/pvpd/books/page-bg.png) repeat-x;
padding: 20px 0;
height: 757px;
overflow: hidden;
}

#story .left {
background: url(/images/pvpd/books/page-left.png) no-repeat;
left: 0;
}

#story .right {
background: url(/images/pvpd/books/page-right.png) no-repeat;
right: 0;
}

#story .storyContent h1 {
font-size: 24px;
font-weight: bold;
color: #333;
text-transform: capitalize;
text-align: center;
margin: 20px 0 20px;
}

#story .storyContent p {
margin-bottom: 20px;
color: #5D5C5C;
}

#story .storyContent .page {
height: 40px;
margin-top: 20px;
padding-top: 20px;
border-top: 5px dotted #DDD;
position: relative;
}

#story .storyContent .page .button {
-webkit-border-radius: 5px;
background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#E6E6E6));
border-top: solid 1px #CCC;
text-transform: capitalize;
font-weight: normal;
color: #8B8B8B;
font-size: 13px;
}

.button_holder {
    padding: 8px 15px;
    margin: 0 15px;
    width: 50px;
    float: left;
}

#story .storyContent .page .button, #story .storyContent .page .number {
float: left;
color: #333;
font: 18px "Times New Roman",Times,serif;
font-weight: bold;
padding: 8px 15px;
margin: 0 15px;
cursor: pointer;
}

#story .storyContent .page .button {
-webkit-border-radius: 5px;
background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#E6E6E6));
border-top: solid 1px #CCC;
text-transform: capitalize;
font-weight: normal;
color: #8B8B8B;
font-size: 13px;
}

.web-version {

position:absolute;
right:-100px;
top:20px;
}
.web-version a{
color:#ffffff!important;
}

/*--== NOTES =========================================================*/
.note {min-width: 200px; max-width: 250px; margin: 15px auto 0; font-size: .8em; text-transform: uppercase; font-weight: bold; padding: 10px 30px; display: block; text-align: center;

    background: rgba(255,255,255,0.4);

        -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
                border-radius: 15px;}

/*--== MOBILE STYLES (portrait and landscape) =========================================================*/
@media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {

body #main {max-width: 480px; min-width: 320px; width: 320px;}

body #main #navigation {}

body #main #my-slideshow.slider {}

body #main #content_drawer {}

body #main #content_drawer .drawer {}

body #main #content_drawer .drawer .slides .slides_container {}

/*-- navigation area --*/
body #main #navigation {position: static; background: rgba(0, 0, 0, 0.9); min-height: 100px; padding-bottom: 5px;}
body #main #navigation a .logo {float: none; height: 40px !important; display: block; text-align: center; margin: 0 auto;}
body #main #navigation ul.dropdown {float: none; display: block; text-align: center; margin: 0 25px 35px; line-height: normal;}
body #main #navigation ul.dropdown li {margin-right: 0px; margin-bottom: 8px;}
body #main #navigation ul.dropdown li a {margin: 0 15px;}
body #main #navigation ul.dropdown li:last-of-type {}
body #main #navigation .search_area {display: block; float: none; text-align: center; position: relative;}
body #main #navigation .search_area form span#search_butn {top: 3px; right: 30px;}
body #main #navigation .search_area form input#search {min-width: 200px !important; background: white; border: none;}
body #main #navigation ul.dropdown li ul#speedform.menu {left: 1%; top: 50px;}
body #main #navigation ul.dropdown li ul#speedform.menu li a {min-width: 30px; margin: 0 3px; padding-left: 10px; padding-right: 10px;}

 
/*-- slider area --*/
body #main #my-slideshow.slider {height: 150px !important;}
body #main #my-slideshow.slider ul.bjqs {height: 150px !important;}
body #main #my-slideshow.slider ul.bjqs li.bjqs-slide {height: auto !important;}
body #main #my-slideshow.slider ul.bjqs li.bjqs-slide img {height: 150px !important; width: auto !important;}
body #main #my-slideshow.slider ul.bjqs li.bjqs-slide p.bjqs-caption {display: none;}
body #main #my-slideshow.slider ul.bjqs li.bjqs-slide .t_gradient {display: none;}
body #main #my-slideshow.slider ol.bjqs-markers.h-centered {top: -25px;}
body #main #my-slideshow.slider ul.bjqs li.bjqs-slide .play_button { height: 55px; top: 5%; left: 35%; background-size: 40px; background-repeat: no-repeat; background-position: center;}
body #main #my-slideshow.slider ul.bjqs li.bjqs-slide .play_button a.details {bottom: -45px;}
body #main #my-slideshow.slider ul.bjqs-controls.v-centered {display: none;}

/*-- body content area --*/
body #main #content_drawer {padding: 10px;}
body #main #content_drawer h1 {font-size: 1em; color: #666; margin: 0; display: block; text-align: center;}
body #main #content_drawer .drawer {margin: 10px auto 40px; width: 270px; height: 1160px;}
body #main #content_drawer .drawer .slides .slides_container {width: 270px; height: 1160px;}
body #main #content_drawer .drawer .slides .slides_container .slides_control {width: 270px;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide {width: 270px; height: 1160px;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide:last-of-type {background-image:;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .thumb.summary {width: 236px !important; height: 210px; text-align: center;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .thumb.summary p {font-size: small; height: 55px;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .thumb.summary a img {width: 236px !important; height: auto;}
body #main #content_drawer .drawer .slides ul.pagination {width: 42px;}

body #main #content_drawer .drawer:nth-of-type(2), body #main #content_drawer .drawer:nth-of-type(2) .slides .slides_container, body #main #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_control .slide {min-height: 793px;}
body #main #content_drawer .drawer .slides .slides_container .slide .left, body #main #content_drawer .drawer .slides .slides_container .slide .right { width: 260px;}
body #main #content_drawer .drawer .slides .slides_container .slide .left .thumb, body #main #content_drawer .drawer .slides .slides_container .slide .right .thumb {width: 120px;}
body #main #content_drawer .drawer .slides .slides_container .slide .featured.style_two a .bl_gradient {left: -190px;}
body #main #content_drawer .drawer .slides .slides_container .slide .featured.style_two a img {position: absolute; right: 190px;}

body #main #content_drawer .drawer:nth-of-type(3), body #main #content_drawer .drawer:nth-of-type(3) .slides .slides_container, body #main #content_drawer .drawer:nth-of-type(3) .slides .slides_container .slides_control .slide {height: 1470px;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide.sites_all {width: 256px;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide.sites_all .thumb.site {float: none; margin: 14px auto;} 

body #main #content_drawer .drawer:nth-of-type(4), body #main #content_drawer .drawer:nth-of-type(4) .slides .slides_container, body #main #content_drawer .drawer:nth-of-type(4) .slides .slides_container .slides_control .slide {height: 790px;}
body #main #content_drawer .drawer .slides .slides_container .slide .featured.style_three .bl_gradient {left: -135px;}
body #main #content_drawer .drawer .slides .slides_container .slide .featured.style_three a img {position: absolute; right: 135px;}
body #main #content_drawer .drawer .slides .slides_container .slide .featured.style_three .title {width: 218px;}
body #main #content_drawer .drawer .slides .slides_container .slide .featured.style_three span.label {position: relative; top: 4px; right: -37px;}
body #main #content_drawer .drawer .slides .slides_container .slide .featured.style_three a .play_button {left: 19%;}

body #main.home #content_drawer .drawer:nth-of-type(2), body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container, body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_contol, body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_control .slide {height: 793px;}

body #main.home #content_drawer .drawer:nth-of-type(1), body #main.home #content_drawer .drawer:nth-of-type(1) .slides .slides_container, body #main.home #content_drawer .drawer:nth-of-type(1) .slides .slides_container .slides_control {height: 1160px;}

body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_control .slide .featured.style_two {width: 440px;}

/*-- popular porn stars section on home --
body #main.home #content_drawer .drawer:nth-of-type(2), body #main.home #content_drawer .drawer:nth-of-type(2) .slides, body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container {height: 400px; min-height: 400px;}
body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_control .slide .left .thumb:nth-of-type(3), body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_control .slide .left .thumb:nth-of-type(4), body #main.home #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_control .slide .right {display: none;}
*/

/*-- series section on home --*/
body #main.home #content_drawer .drawer:nth-of-type(3), body #main.home #content_drawer .drawer:nth-of-type(3) .slides.sites .slides_container  {height: 758px;}
body #main.home #content_drawer .drawer:nth-of-type(3) .slides.sites .slides_container .slides_control .slide.sites_all .thumb.site:nth-of-type(n+4) {display: none;}
 
/*-- episode details --*/
body #main.episodes {padding-top: 0px !important;}
body #main.episodes .t_gradient.interior {display: none;}
body #main.episodes .episode_details h1 {text-align: center; font-size: 1.5em; }
body #main.episodes .episode_details h1 span.data {display: block; font-size: small; margin-bottom: 5px;}
body #main.episodes .episode_details h1 ul.sorting.dropdown {margin-left: 0; float: none;}
body #main.episodes .episode_details h1 ul.sorting.dropdown li {float: none; display: inline-block;}
body #main.episodes .episode_details h1 ul.sorting.dropdown li a {width: 120px; font-size: 12px; margin-bottom: 5px;}
body #main.episodes .episode_details h1 ul.sorting.dropdown li.niche {display: none;}
body #main.episodes .episode_details h1 ul.sorting.dropdown li.niche ul.menu {right: 40%;}
body #main.episodes .episode_details h1 ul.sorting.dropdown li.niche ul.menu li .menu_box {min-height: 50px;}
body #main.episodes .episode_details .summary {text-align: justify;}
body #main.episodes .episode_details .summary .thumb {float: none; margin-right: 0; display: block; margin: 0 auto 10px; width: 212px;}

body #main.episodes #content_drawer .drawer:nth-of-type(1), body #main.episodes #content_drawer .drawer:nth-of-type(1) .slides .slides_container, body #main.episodes #content_drawer .drawer:nth-of-type(1) .slides .slides_container .slides_control .slide {height: 1460px;}

body #main.episodes #content_drawer .drawer:nth-of-type(1) .slides ul.pagination {width: 70px;} 

body #main.episodes #content_drawer .drawer:nth-of-type(2), body #main.episodes #content_drawer .drawer:nth-of-type(2) .slides .slides_container, body #main.episodes #content_drawer .drawer:nth-of-type(2) .slides .slides_container .slides_control .slide {min-height: 793px;}

body #main.episodes #content_drawer .drawer .slides .slides_container .slides_control .slide.top_twentyfive {min-height: 1160px !important;}

body #main.episodes #content_drawer .drawer .slides.sites.gallery .slides_container .slides_control .slide.sites_all .thumb.site, body #main #content_drawer .drawer .slides.sites .slides_container .slides_control .slide.sites_all .thumb.site {width: 168px;}


/*-- results listing --*/
body #main.episodes #content_drawer h1 span.data {font-size: .7em;}
body #main.episodes #content_drawer h1 ul.sorting.dropdown, body #main.episodes #content_drawer ul.sorting.dropdown.bottom {margin: 5px 0; float: none; min-height: 35px; text-align: center; padding: 5px 0;}
body #main.episodes #content_drawer h1 ul.sorting.dropdown:nth-of-type(2) {min-height: 75px;}
body #main.episodes #content_drawer h1 ul.sorting.dropdown li, body #main.episodes #content_drawer ul.sorting.dropdown.bottom li {float: none; display: inline-block;}
body #main.episodes #content_drawer h1 ul.sorting.dropdown li a, body #main.episodes #content_drawer ul.sorting.dropdown.bottom li a {margin: 5px 3px;}
body #main.episodes #content_drawer h1 ul.sorting.dropdown li.niche {display: none;}
body #main.episodes #content_drawer .thumbs {width: 270px; text-align: center;}
body #main.episodes #content_drawer .thumbs .thumb.summary {float: none; display: inline-block;}

body #main.episodes #content_drawer .drawer .slides .slides_container .slides_control .slide .featured.style_one {width: 250px !important;}
body #main.episodes #content_drawer .drawer .slides .slides_container .slides_control .slide .thumb {width: 120px;}


/*-- join form area --*/
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .signup form#joinform ul {width: 190px !important; height: auto; box-shadow: 0 1px 5px #ccc;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .signup form#joinform ul h1 {font-size: large; text-align: center;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .signup form#joinform ul li {font-size: medium;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .signup form#joinform ul li input[type=text] {width: 98%; line-height: 30px; margin-top: 5px;}
body #main #content_drawer .drawer .slides .slides_container .slides_control .slide .signup form#joinform ul li input[type=submit] {width: auto; margin: 10px auto;}
body #main.episodes.signup #content_drawer form#joinform input#continue {width: 98%;}

/*-- sign up page --*/
body #main.episodes.signup.tour #navigation {min-height: 35px;}
body #main.episodes.signup.tour #navigation ul.dropdown, body #main.episodes.signup.tour #navigation .search_area {display: none;}
body #main.episodes.signup.tour #content_drawer form#joinform ul { min-height: 100px; padding: 0; margin: 0 0 10px; background: transparent; border-radius: 0; min-width: 280px; box-shadow: none;}
body #main.episodes.signup.tour #content_drawer h1 {margin-bottom: 10px; text-align: left;}
body #main.episodes.signup.tour #content_drawer form#joinform ul h1 {margin: 0 0 5px; border: none;}
body #main.episodes.signup.tour #content_drawer form#joinform ul li {margin-bottom: 5px;}
body #main.episodes.signup.tour #content_drawer form#joinform div.clear {height: 1px;}

/*--body #main #content_drawer .drawer {background: url(/images/wl/pinkvisualpad.com/bg-signup.png) no-repeat center 800px;}*/

/*-- erotics stories --*/
body #main.episodes #content_drawer #bookshelf.bookshelf, body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow {width: 270px; height: auto;}
body #main.episodes #content_drawer #bookshelf.bookshelf {background: transparent;}
body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow {height: auto;}
body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow .shelf {width: 270px; border: solid 1px green; display: none;}
body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow .shelf .left, body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow .shelf .right {}
body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow .shelf .middle {width: 76.3%;}
body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow .bookRow {width: 270px; position: static; text-align: center; height: auto;}
body #main.episodes #content_drawer #bookshelf.bookshelf .shelfRow .bookRow .book {float: none; display: inline-block; margin: 10px auto;}
body #main.members #content_drawer #story {width: 270px;}
body #main.members #content_drawer #story .left, body #main.members #content_drawer #story .right {background: transparent;}
body #main.members #content_drawer #story .storyContent {background: transparent; overflow: visible; background-color: #fff; padding: 20px; text-align: left; border-radius: 8px; width: auto;}
body #main.members #content_drawer #story .storyContent h1 {margin-bottom: 15px;}
body #main.members #content_drawer #story .storyContent .page {text-align: center; margin-bottom: 20px; height: 200px;}
body #main.members #content_drawer #story .storyContent .page .button, body #main.members #content_drawer #story .storyContent .page #pagenumber.number {float: none; display: inline-block;}
body #main.members #content_drawer #story .storyContent .page .button_holder {display: none;}
body #main.members #content_drawer #story .storyContent .page #previous.button, body #main.members #content_drawer #story .storyContent .page #next.button {margin-bottom: 10px;}
body #main.members #content_drawer #story .storyContent p#storytext {font-size: .8em; height: 500px !important;}


body #main.members.join .t_gradient.interior {display: none;}

 }