@charset "UTF-8";

/*hdporn.com GLOBAL styles*/

/*---
RESET & GLOBAL
-------------------------*/
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-family		: 'Ubuntu', Helvetica, Arial, Verdana, Sans-serif;
	font-size		: 12px;
	vertical-align	: baseline;
	text-decoration	: none;
	background		: transparent;
}
body,html		{ min-height		: 100%;							}
html			{ background		: #222;							}
ol, ul 			{ list-style		: none;							}
blockquote, q 	{ quotes			: none;							}
:focus 			{ outline			: 0;							}
ins 			{ text-decoration	: none;							}
del 			{ text-decoration	: line-through;					}
table 			{ border-collapse	: collapse;
				  border-spacing	: 0;							}

body{
	height					: 100%;
	margin					: 0;
	padding					: 0;
}
.left			{ float		: left; }
.right			{ float		: right;}


iframe.inlineJoin{
	width					: 342px;
	height					: 532px;
	border					: none;
	overflow				: hidden;
}

/*-------------------------------------------
FORMATTING
---*/
/*---
headings
---*/
div.content h1,
div.content h2{
	clear					: both;
	float					: left;
	position				: relative;
	width					: 988px;
	height					: 50px;
	font-weight				: normal;
	font-size				: 20px;
	color					: #fff;
	line-height				: 50px;
	padding					: 0 0 0 10px;
	margin					: 5px 0;
	background				: #444;
	border					: 1px solid #333;
	box-shadow				: inset 0 0 5px #000;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
}
h1:first-child,
h2:first-child{
	margin-top				: 0;
}
span.headMeta{
	color					: #fff;
	font-size				: 18px;
}
h2 > span.title{
	width					: 850px;
	color					: #f00;
	font-size				: 14px;
}
.hTag{
	float					: left;
	display					: block;
	width					: 25px;
	height					: 25px;
	margin					: 12px 10px 0 0;
	background-color		: #f00;
	box-shadow				: inset 0 0 2px #000;
	border					: 1px solid #333;
}
.hTag.featVids				{ background-color	: #55ac1a; }
.hTag.relatedVids			{ background-color	: #0c66b3; }

div.primaryCol h2{
	float					: right;
	width					: 735px;
}
div.secondaryCol h2{
	width					: 205px;
}
h3{
	color					: #fff;
	margin					: 10px 0 0 0;
}
/*---
typographical
---*/
p{
	color					: #fff;
	margin					: 5px 0;
}
/*-------------------------------------------
GLOBAL BTNS
---*/
a.moreBtn{
	position				: absolute;
	top						: 0px;
	right					: 0px;
	display					: block;
	height					: 20px;
	line-height				: 20px;
	color					: #fff;
	padding					: 5px 10px;
	margin					: 10px 8px 0 0;
	background-color		: #333;
	box-shadow				: inset 0 0 7px #222;
	border					: 1px solid #393939;
	-webkit-transition		: background-color .10s linear;
	-moz-transition			: background-color .10s linear;
	-o-transition			: background-color .10s linear;
    transition				: background-color .10s linear;
}
a.moreBtn:hover{
	color					: #f00;
	background-color		: #000;
	-webkit-transition		: background-color .10s linear;
	-moz-transition			: background-color .10s linear;
	-o-transition			: background-color .10s linear;
    transition				: background-color .10s linear;
}
/*-------------------------------------------
STRUCTURE
---*/
div.page{
	position				: relative;
	height					: 100%;
	margin					: 0 auto;
	width					: 1025px;
	padding					: 65px 0 0 25px;
}
/*---
masthead
---*/
div.mastheadWrap{
	width					: 100%;
	position				: fixed;
	top						: 0;
	left					: 0;
	height					: 75px;
	z-index					: 9999;
	background				: #373737;
	border-top				: 10px solid #f00;
	border-bottom			: 4px solid #000;
}
div.masthead{
	overflow				: hidden;
	width					: 1000px;
	height					: 75px;
	margin					: 0 auto;
	background				: transparent;
}
a.logo{
	width					: 240px;
	height					: 75px;
	text-indent				: -2000px;
	float					: left;
	background				: transparent url(/gfx/logo.jpg) no-repeat 0 0;
}
/*---
content
---*/
div.content{
	float					: left;
	width					: 1000px;
	margin					: 0;
}
div.content.pornstar{
	margin-top				: 80px;
}
div.content.channel{
	margin-top				: 80px;
}
div.content.login{
	min-height				: 600px;
	padding-top				: 70px;
}
div.contentBottom{
	clear					: both;
	float					: left;
	width					: 1000px;
	padding					: 10px 0 0 0;
}
/*---
position
---*/
.left	{ float				: left; }
.right	{ float				: right;}

/*---
columns
---*/
.primaryCol{
	width					: 747px;
	margin-left				: 0;
	padding-left			: 0;
}
.secondaryCol{
	width					: 240px;
}
/*---
bottom content
---*/
.bottomContent{
	clear					: both;
	float					: left;
	margin					: 25px 0 0 0;
}
/*---
footer
---*/
div.footer{
	clear					: both;
	float					: left;
	text-align				: center;
	margin					: 25px 0;
}
div.contentFoot{
	width					: 960px;
	color					: #999;
	background				: #333;
	padding					: 20px;
	margin					: 0 auto;
	box-shadow				: inset 0 0 3px #222;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
	-o-border-radius		: 2px;
	-ms-border-radius		: 2px;
}
div.contentFoot a,
div.footer *{
	color					: #999;
}
/*-------------------------------------------
MAIN NAV
*/
ul.mainNav{
	height					: 75px;
}
ul.mainNav > li{
	float					: left;
	width					: 125px;
	height					: 75px;
}
ul.mainNav > li.selected,
ul.mainNav > li:hover.selected{
	background				: transparent url(/gfx/mainnav-link-selected.jpg) no-repeat 0 0;
}
ul.mainNav > li:hover{
	background				: transparent url(/gfx/mainnav-link-hover.jpg) repeat-x 0 0;
}
ul.mainNav li a,
ul.mainNav li span{
	float					: left;
	font-size				: 14px;
	text-align				: center;
	color					: #fff;
	width					: 100%;
	height					: 100%;
	line-height				: 120px;
	margin-top				: 0;
	background				: transparent url(/gfx/mainnav-sprite.png) no-repeat center -35px;
}
ul.mainNav > li.selected a{
	cursor					: default;
}
ul.mainNav li.categories.selected span,
ul.mainNav li.categories:hover span,
ul.mainNav > li.selected a,
ul.mainNav li a:hover{
	color					: #f00;
}
ul.mainNav li.logo a{
	background				: transparent;
}
ul.mainNav li.join{
	width					: 135px;
	height					: 70px;
	border-bottom			: 5px solid #f00;
}
ul.mainNav li.join a,
ul.mainNav li.join a:hover{
	color					: #fff;
	line-height				: 10px;
}
ul.mainNav li.join:hover{
	border-bottom			: 5px solid #fff;
}
ul.mainNav li.join a span{
	display					: block;
	font-size				: 20px;
	line-height				: 20px;
	text-transform			: uppercase;
	margin-top				: 15px;
	background-image		: none;
}
ul.mainNav li.channels a		{ background-position	: center -163px;	}
ul.mainNav li.categories a		{ background-position	: center -285px;	}
ul.mainNav li.favorites a		{ background-position	: center -534px;	}
ul.mainNav li.pornstars a		{ background-position	: center -410px;	}
ul.mainNav li.livecam a 		{ background-position	: center -659px;	}
ul.mainNav li.join a			{ background			: #f00; 			}
ul.mainNav > li.bonus a			{ background-position	: center -790px;	}

/*-------------------------------------------
CATEGORY MENU
(drop menu in main nav)
*/
ul.mainNav li > ul.catMenu{
	display					: none;
	position				: absolute;
	top						: 85px;
	z-index					: 9;
	float					: left;
	width					: 373px;
	height					: 160px;
	overflow				: hidden;
	background				: transparent url(/gfx/1px-grey-bg-90-tile.png) repeat 0 0;
	background				: rgba(44,44,44, .9);
	border					: 1px solid #444;
	border-bottom-width		: 5px;
	border-top				: none;
	box-shadow				: 0 3px 11px #000;
	-webkit-border-radius	: 0 0 5px 5px;
	-moz-border-radius		: 0 0 5px 5px;
	-o-border-radius		: 0 0 5px 5px;
	border-radius			: 0 0 5px 5px;
}
ul.mainNav li > ul.catMenu li{
	float					: left;
	border-top				: 1px solid #111;
	border-left				: 1px solid #111;
}
ul.mainNav li > ul.catMenu li a{
	display					: block;
	width					: 106px;
	height					: auto;
	color					: #fff;
	line-height				: 11px;
	margin					: 0;
	padding					: 10px 8px;
	font-size				: 12px;
	border-left				: 1px solid transparent;
	background				: transparent;
}
ul.mainNav li > ul.catMenu li a:hover{
	color					: #f00;
	background				: #111;
	border-color			: #f00;
}
ul.mainNav li:hover ul.catMenu{
	display					: block;
}
/*-------------------------------------------
MAIN SITE SEARCH
*/
div.search{
	float					: right;
	position				: relative;
	top						: 50px;
	right					: 25px;
	z-index					: 666;
	height					: 35px;
	width					: 300px;
}
div.search form > input[type="text"]{
	float					: right;
	width					: 195px;
	height					: 35px;
	line-height				: 35px;
	color					: #ccc;
	font-size				: 13px;
	padding					: 0 10px 0 35px;
	background				: #545454 url(/gfx/magGlass.png) no-repeat 8px 8px;
	box-shadow				: inset 0 0 3px #000;
	border					: 1px solid #000;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;
}
/*---
results drop down menu
---*/
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content{
	color					: #fff;
	overflow				: hidden;
	width					: 233px!important;
	position				: relative;
	z-index					: 999;
	border-top				: none;
	-webkit-border-radius	: 0 0 3px 3px;
	-moz-border-radius		: 0 0 3px 3px;
	-o-border-radius		: 0 0 3px 3px;
	border-radius			: 0 0 3px 3px;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content li{
	margin					: 0px;
	display					: block;
	font					: normal 11px Verdana, Sans-serif;
	line-height				: 16px;
	overflow				: hidden;
	background				: transparent url(/gfx/1px-grey-bg-90-tile.png) repeat 0 0;
	border-bottom			: 1px solid #272727;
	background-color		: rgba(77,77,77, .9);
	margin					: 0 0 0 10px;
}
ul.ui-autocomplete.ui-menu.ui-widget li.ui-autocomplete-error{
	text-align				: center;
	font-weight				: bold;
	background				: rgba(0,118,217, .8);
	padding					: 2px 0;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content li a{
	display					: block;
	color					: #fff;
	padding					: 10px 5px 10px 15px!important;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content li a:hover{
	cursor					: pointer;
	background				: red;
}
#ui-active-menuitem {
	cursor					: pointer;
	background				: #222;
}
/*--
not sure what this does yet
--*/
.unhide_on_load{
	display					: none;
}
#noflasherror{
	display					: none;
}
#category_info{
	float					: left;
	font-size				: 12px;
}
#category_image{
	float					: left;
}
#category_text{
	border					: 1px solid #c0c0c0;
	width					: 600px;
	height					: 100px;
	padding					: 10px;
	margin-right			: 50px;
	float					: left;
}
/*-------------------------------------------
HERO
nivo slider for main visual
*/
div.hero{
	clear					: both;
	z-index					: 555;
	float					: left;
	width					: 1000px;
	height					: 327px;
	overflow				: hidden;
	margin					: 30px 0 10px 0;
}
div.hero > img{
	width					: 1000px;
}
.nivoSlider {
    position				: relative;
    background				: url(/gfx/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position				: absolute;
    top						: 0px;
    left					: 0px;
    display					: none;
}
.nivoSlider a {
    border					: 0;
    display					: block;
}
/*override of nivo-slider.css*/
div.nivoSlider div.nivo-directionNav{
	display					: none;
}
div.hero:hover div.nivoSlider div.nivo-directionNav{
	display					: block;
}
div.hero:hover div.nivoSlider div.nivo-directionNav a{
	display					: block;
	z-index					: 100;
	top						: 50%;
	width					: 22px;
	height					: 45px;
}
div.hero:hover div.nivoSlider div.nivo-directionNav a.nivo-prevNav{
	opacity					: 1;
	top						: 145px;
	left					: 0;
	padding					: 15px 10px;
	background				: #222 url(/gfx/nivo-prevArrow.png) no-repeat center center;

	-webkit-border-radius	: 0 20px 20px 0;
	-moz-border-radius		: 0 20px 20px 0;
	-o-border-radius		: 0 20px 20px 0;
	border-radius			: 0 20px 20px 0;

	box-shadow				: 3px 3px 2px rgba(0,0,0, .5);
}
div.hero:hover div.nivoSlider div.nivo-directionNav a.nivo-prevNav:hover{
	background-image		: url(/gfx/nivo-prevArrow-over.png);
}
div.hero:hover div.nivoSlider div.nivo-directionNav a.nivo-nextNav{
	top						: 145px;
	right					: 0px;
	padding					: 15px 10px;
	background				: #222 url(/gfx/nivo-nextArrow.png) no-repeat center center;

	-webkit-border-radius	: 20px 0 0 20px;
	-moz-border-radius		: 20px 0 0 20px;
	-o-border-radius		: 20px 0 0 20px;
	border-radius			: 20px 0 0 20px;

	box-shadow				: -3px 3px 2px rgba(0,0,0, .5);
}
div.hero:hover div.nivoSlider div.nivo-directionNav a.nivo-nextNav:hover{
	background-image		: url(/gfx/nivo-nextArrow-over.png);
}
div.hero:hover div.nivoSlider div.nivo-directionNav a.nivo-prevNav:active,
div.hero:hover div.nivoSlider div.nivo-directionNav a.nivo-nextNav:active{
	background-color		: #282828;
}

/*--
	hero static - use with single banner
--*/
div.hero.static{
	float					: left;
	width					: 1000px;
	height					: auto;
	margin					: 30px 0 10px 0;
}
div.hero.static a{
	float					: left;
}
/*-------------------------------------------
FEEDBACK SURVEY
*/
div.hero.feedback{
	min-height				: 282px;
	height					: 393px;
	margin					: 0;
}
div.hero.feedback .feedbackWrap{
	position				: absolute;
	top						: 25px;
	right					: 0;
	width					: 318px;
	height					: 327px;
	text-align				: center;
	padding					: 20px 10px;
	background				: #171717 url(/gfx/mini-stripe-tile.png) repeat 0 0;
	border					: 1px solid #222;
	box-shadow				: inset 0 0 20px #000;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
}
div.nivoSlider.feedback{
	min-height				: 282px;
	height					: 400px;
}
div.nivoSlider a div.playerWrap{
	width					: 640px!important;
	height					: 360px!important;
	margin					: 25px 0 0 0;
	border					: 4px solid #444;
	background				: #000;
}
div.nivoSlider.feedback a.nivo-imageLink{
	background				: #222;
}
div.nivoSlider a div.playerWrap object{
	text-align				: left;
	border					: none;
	width					: 640px!important;
	background				: #000;
}
div.survey{
	position				: absolute;
	z-index					: 999999;
	top						: 0;
	right					: 0;
	width					: 358px!important;
	color					: #fff;
}
div.survey div.feedback h3{
	font-weight				: normal;
	color					: #f00;
	font-size				: 18px;
	padding					: 15px 0 0 0;
	margin					: 20px 0;
	border-top				: 4px solid #272727
}
div.survey div.feedback span.vote{
	cursor					: pointer;
	display					: inline-block;
	width					: 80px;
	height					: 80px;
	line-height				: 200px;
	color					: #666;
	font-size				: 25px;
	font-weight				: bold;
	text-align				: center;
	margin					: 5px 25px;
	background				: transparent url(/gfx/feedback-thumbs-sprite.png) no-repeat 0 0;
}
div.survey div.feedback span.vote.down{
	background-position		: 0 -80px;
}
div.survey div.feedback span.vote:hover{
	color					: #fff;
}
div.survey div.feedback span.vote.up:hover{
	background-position		: -80px 0;
}
div.survey div.feedback span.vote.down:hover{
	background-position		: -80px -80px;
}
div.survey div.feedback input[type="button"]{
	display					: block;
	cursor					: pointer;
	color					: #fff;
	font-size				: 13px;
	padding					: 10px;
	background				: #000;
	margin					: 10px auto 0 auto;
	border					: 1px solid #000;
	box-shadow				: 2px 2px 3px #000;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
}
div.survey div.feedback input[type="button"]:hover{
	background				: #f00;
}
div.survey span.confMess{
	display					: block;
	height					: 110px;
	font-size				: 14px;
	padding					: 150px 0 0 0;
	background				: transparent url(/gfx/logo-med-dropshadow.png) no-repeat center center;
}
/*-------------------------------------------
PHOTO & PORNSTARS LIST
*/
ul.mediaList{
	float					: left;
	width					: 103%;
	margin					: 0;
}
ul.mediaList li a{
	display					: block;
	border					: 4px solid #484848;
	-webkit-transition		: border-color .10s linear;
	-moz-transition			: border-color .10s linear;
	-o-transition			: border-color .10s linear;
    transition				: border-color .10s linear;
}
ul.mediaList li a:hover{
	border-color			: #666;
	-webkit-transition		: border-color .10s linear;
	-moz-transition			: border-color .10s linear;
	-o-transition			: border-color .10s linear;
    transition				: border-color .10s linear;
}

ul.mediaList li span.name{
	display					: block;
	color					: #fff;
	padding					: 5px 0;
}
ul.mediaList li a:hover span.name{
	color					: #f00;
}
ul.mediaList li img{
	opacity					: .8;
	width					: inherit;
	-webkit-transition		: opacity .10s linear;
	-moz-transition			: opacity .10s linear;
	-o-transition			: opacity .10s linear;
    transition				: opacity .10s linear;
}
ul.mediaList li a:hover img{
	opacity					: 1;
	-webkit-transition		: opacity .10s linear;
	-moz-transition			: opacity .10s linear;
	-o-transition			: opacity .10s linear;
    transition				: opacity .10s linear;
}
/*-------
photos
---*/
div.content.gallery{
	margin-top				: 75px;
}
ul.mediaList.photos li{
	float					: left;
	width					: 192px;
	height					: 192px;
	margin					: 10px 10px 10px 0;
}
ul.mediaList li a{
	width					: 184px;
	height					: 184px;
}
ul.mediaList.photos li img{
	width					: 184px;
	height					: 184px;
}
/*--
pornstars & pornstars mini feature
--*/
ul.mediaList.pornstars li{
	float					: left;
	width					: 192px;
	margin					: 12px 9px 12px 0;
}
ul.mediaList.pornstars li span.name{
	color					: #999;
	margin					: 5px 0 0 0;
}
ul.mediaList.pornstars li:hover span.name{
	color					: #fff;
}
ul.mediaList.pornstars li a{
	display					: block;
	height					: 230px;
	overflow				: hidden;
}
/*miniFeat*/
ul.mediaList.pornstars.miniFeature{
	margin					: 0;
}
ul.mediaList.pornstars.miniFeature li{
	position				: relative;
	width					: 485px;
	height					: 238px;
	padding					: 5px;
	background				: #333;
}
ul.mediaList.pornstars.miniFeature li h6{
	float					: left;
	width					: 278px;
	color					: #ddd;
	font-weight				: normal;
	padding					: 5px;
	background				: #444;
	margin					: 10px 0 0 5px;
}
ul.mediaList.pornstars.miniFeature li h3.name{
	float					: left;
	font-weight				: normal;
	color					: #f00;
	font-size				: 18px;
	padding					: 0;
	margin					: 0 0 0 5px;
}
ul.mediaList.pornstars.miniFeature li a{
	float					: left;
}
ul.mediaList.pornstars.miniFeature li span.stats{
	float					: left;
	width					: 282px;
	padding					: 5px;
}
ul.mediaList.pornstars.miniFeature li span.stats span{
	display					: inline;
	color					: #999;
	margin					: 0 10px 0 0;
}
ul.mediaList.pornstars.miniFeature li span.moviesIn{
	float					: left;
	width					: 282px;
	margin					: 10px 0 0 10px;
}
ul.mediaList.pornstars.miniFeature li span.moviesIn a{
	display					: block;
	border					: none;
	width					: 220px;
	height					: auto;
	color					: #999;
	white-space				: nowrap;
	text-overflow			: ellipsis;
	margin					: 0 0 5px 0;
}
ul.mediaList.pornstars.miniFeature li span.moviesIn a:hover{
	color					: #fff;
}
ul.mediaList.pornstars.miniFeature li a.actBtn{
	clear					: both;
	position				: absolute;
	right					: -4px;
	bottom					: 5px;
	width					: 107px;
	height					: 45px;
	line-height				: 42px;
	color					: #fff;
	border					: none;
	padding					: 0 0 0 25px;
	background				: transparent url(/gfx/chanPod-actBtn-sprite.png) no-repeat left 0;
}
ul.mediaList.pornstars.miniFeature li a.actBtn:hover{
	background-position		: right 0;
	color					: #f00;
}
a.backBtn{
	clear					: both;
	float					: left;
	display					: block;
	color					: #fff;
	padding					: 10px 10px 10px 20px;
	margin					: 10px 0;
	background				: #333 url(/gfx/backBtn-arrow-sprite.png) no-repeat 5px 0;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
}
a.backBtn:hover{
	background				: #f00 url(/gfx/backBtn-arrow-sprite.png) no-repeat 5px -35px;
}
/*-------------------------------------------
SQUARE LIST
*/
ul.squareList{
	float					: left;
	width					: 103%;
	margin-top				: 15px;
}
ul.squareList li{
	float					: left;
}
ul.squareList li a{
	position				: relative;
	float					: left;
	width					: 230px;
	height					: 230px;
	margin					: 0 16px 16px 0;
	border					: 4px solid #484848;
	-webkit-transition		: border-color .10s linear;
	-moz-transition			: border-color .10s linear;
	-o-transition			: border-color .10s linear;
    transition				: border-color .10s linear;
}
ul.squareList li a:hover{
	border-color			: #666;
	-webkit-transition		: border-color .10s linear;
	-moz-transition			: border-color .10s linear;
	-o-transition			: border-color .10s linear;
    transition				: border-color .10s linear;
}
ul.squareList li span.name{
	display					: block;
	color					: #0073EA;
	padding					: 5px 0;
}
ul.squareList li a span.over{
	opacity					: 0;
	position				: absolute;
	bottom					: 0;
	right					: 0;
	width					: 230px;
	height					: 230px;
	background-color		: transparent;
	background-position		: 0 0;
	background-repeat		: no-repeat;
	-webkit-transition		: opacity .25s linear;
	-moz-transition			: opacity .25s linear;
	-o-transition			: opacity .25s linear;
    transition				: opacity .25s linear;
}
/*-------
fancy channel presentations
---*/
ul.squareList li a:hover span.over{
	opacity					: 1;
	-webkit-transition		: opacity .25s linear;
	-moz-transition			: opacity .25s linear;
	-o-transition			: opacity .25s linear;
    transition				: opacity .25s linear;
}

/*-------------------------------------------
INLINE BANNER AD
*/
ul.mediaList li.inlAd,
ul.sceneList li.inlAd,
ul.sceneList.small li.inlAd,
ul.squareList li.inlAd{
	clear					: both;
	text-align				: center;
	width					: 1000px;
	margin					: 0;
}
.inlAd{
	height					: 180px !important;
}
li.inlAd a {
	border					: 0 !important;
	width					: auto !important;
}

li.inlAd a:hover {
	background-color		: transparent !important;
}

li.inlAd a img {
	border					: 0 !important;
	width					: auto !important;
	height					: auto !important;
	opacity					: 1 !important;
}
div.inlAd,
div.inlAd a{
	float					: left;
	margin					: 0;
}
/*-------------------------------------------
SCENE LISTING
used anyplace scene thumbs w/info are listed
*/
ul.sceneList li{
	float					: left;
	position				: relative;
}
ul.sceneList li a{
	display					: block;
	height					: 100%;
	background-color		: #2e2e2e;
	-webkit-border-radius	: 0 0 2px 2px;
	-webkit-transition		: background-color .15s linear;
	-moz-transition			: background-color .15s linear;
	-o-transition			: background-color .15s linear;
    transition				: background-color .15s linear;
}
ul.sceneList li.inlAd a{
	height					: auto;
	margin					: 0 auto;
	background				: transparent;
}
ul.sceneList li a:hover{
	background-color		: #555;
	-webkit-transition		: background-color .15s linear;
	-moz-transition			: background-color .15s linear;
	-o-transition			: background-color .15s linear;
    transition				: background-color .15s linear;
}
ul.sceneList li a img{
	border					: 4px solid #484848;
	background				: #222 url(/gfx/loading-grey.gif) no-repeat center center;
	-webkit-transition		: border-color .15s linear;
	-moz-transition			: border-color .15s linear;
	-o-transition			: border-color .15s linear;
    transition				: border-color .15s linear;
}
ul.sceneList li a:hover img{
	border-color			: #666;
	-webkit-transition		: border-color .15s linear;
	-moz-transition			: border-color .15s linear;
	-o-transition			: border-color .15s linear;
    transition				: border-color .15s linear;
}
ul.sceneList li span span{
	display					: block;
	color					: #0073EA;
}
ul.sceneList li div.info{
	float					: left;
	overflow				: hidden;
	background				: transparent url(/gfx/thmList-info-tile.png) repeat-x 0 -1px;
	-webkit-border-radius	: 0 0 2px 2px;
	-moz-border-radius		: 0 0 2px 2px;
	-o-border-radius		: 0 0 2px 2px;
	border-radius			: 0 0 2px 2px;
}
ul.sceneList span.duration{
	color					: #666;
	position				: absolute;
	bottom					: 0;
	right					: 0;
	-webkit-border-radius	: 3px 0 0 0;
	-moz-border-radius		: 3px 0 0 0;
	-o-border-radius		: 3px 0 0 0;
	border-radius			: 3px 0 0 0;
}
ul.sceneList span.date{
	float					: left;
	font-size				: 10px;
	color					: #A4A4A4;
	background				: transparent url(/gfx/info-date-icon.png) no-repeat 0 0;
}
ul.sceneList span.views{
	float					: right;
	font-size				: 10px;
	color					: #A4A4A4;
	background				: transparent url(/gfx/info-views-icon.png) no-repeat 0 2px;
}
ul.sceneList li a:hover span.date,
ul.sceneList li a:hover span.views{
	color					: #f00;
}
ul.sceneList span.title{
	clear					: both;
	float					: left;
}
ul.sceneList span.title span{
	color					: #fff;
	font-weight				: normal;
	border-top				: 2px solid #2f2f2f;
}
ul.sceneList li a:hover span.title span{
	border-color			: #666;
}
ul.sceneList li div.info p.desc{
	float					: left;
	width					: inherit;
	height					: 30px;
	white-space				: nowrap;
	overflow				: hidden;
	text-overflow			: ellipsis;
	color					: #fff;
	margin					: 10px 0 0 0;
	border					: none;
}
/*-------
large
---*/
ul.sceneList.large{
	position				: absolute;
}
ul.sceneList.large{
	width					: 1020px;
}
ul.sceneList.large li{
	width					: 324px;
	height					: 270px;
	margin					: 0 13px 20px 0;
}
ul.sceneList.large li a img{
	width					: 316px;
	height					: 178px;
}
ul.sceneList.large li span span{
	padding					: 2px;
}
ul.sceneList.large li div.info{
	width					: 304px;
	height					: 75px;
	padding					: 10px 10px 0 10px;
	margin					: -2px 0 0 0;
}
ul.sceneList.large span.duration{
	padding					: 5px;
}
ul.sceneList.large span.date{
	height					: 15px;
	line-height				: 15px;
	padding					: 0 0 0 20px;
	margin					: -5px 0 0 0;
}
ul.sceneList.large span.views{
	height					: 15px;
	line-height				: 15px;
	font-size				: 11px;
	padding					: 0 0 0 26px;
	margin					: -5px 0 0 0;
}
ul.sceneList.large span.title span{
	font-size				: 14px;
	width					: 300px;
	padding					: 5px 0 0 0;
	margin					: 5px 0 0 0;
}
/*-------
small
---*/
ul.sceneList.small{
	float					: left;
	width					: 103%;
}
ul.sceneList.small li{
	width					: 239px;
	height					: 230px;
	margin					: 10px 14px 10px 0;
}
ul.sceneList.small li a img{
	width					: 231px;
	height					: 130px;
}
ul.sceneList.small li span span{
	font-size				: 11px;
	padding					: 2px;
}
ul.sceneList.small li div.info{
	width					: 219px;
	height					: 60px;
	overflow				: hidden;
	padding					: 10px 10px 0 10px;
	margin					: -2px 0 0 0;
}
ul.sceneList.small span.duration{
	padding					: 3px;
}
ul.sceneList.small span.date{
	height					: 15px;
	line-height				: 15px;
	font-size				: 11px;
	padding					: 0 0 0 20px;
}
ul.sceneList.small span.views{
	height					: 15px;
	line-height				: 15px;
	font-size				: 11px;
	padding					: 0 0 0 26px;
}
ul.sceneList.small span.title span{
	font-size				: 12px;
	width					: 218px;
	height					: 45px;
	padding					: 5px 0 0 0;
	margin					: 5px 0 0 0;
}
ul.sceneList.small span.flag{
	display					: block;
	width					: inherit;
	text-align				: center;
	font-size				: 10px;
	color					: #666;
}
/*-------
mini
---*/
ul.sceneList.mini{
	float					: left;
	width					: 103%;
}
ul.sceneList.mini li{
	width					: 189px;
	height					: 177px;
	margin					: 12px 14px 12px 0;
}
ul.sceneList.mini li a img{
	width					: 180px;
	height					: 101px;
}
ul.sceneList.mini li span span{
	font-size				: 11px;
	padding					: 2px;
}
ul.sceneList.mini li div.info{
	width					: 169px;
	height					: 90px;
	overflow				: hidden;
	padding					: 0 10px 0 10px;
	margin					: -2px 0 0 0;
}
ul.sceneList.mini span.duration{
	padding					: 3px;
}
ul.sceneList.mini span.date{
	height					: 15px;
	line-height				: 15px;
	font-size				: 11px;
	padding					: 0 0 0 20px;
}
ul.sceneList.mini span.views{
	height					: 15px;
	line-height				: 15px;
	font-size				: 11px;
	padding					: 0 0 0 26px;
}
ul.sceneList.mini span.title span{
	font-size				: 11px;
	width					: 157px;
	height					: 45px;
	padding					: 5px 0 0 0;
	margin					: 5px 0 0 0;
	border					: none;
}
ul.sceneList.mini span.flag{
	display					: block;
	width					: inherit;
	text-align				: center;
	font-size				: 10px;
	color					: #666;
}
/*-------------------------------------------
CONTENT SLIDER
*/
div.newContSlider{
	clear					: both;
	overflow				: hidden;
}
div.newContSlider .items{
	position 				:relative;
}
div.newContSlider.videos{
	height					: auto;
}
/*-------------------------------------------
CHANNELS PAGE
*/
div.chanPodWrap{
	width					: 1060px;
}
div.chanPod .left{
	width					: 48.5%;
}
div.chanPod .right{
	width					: 51.5%;
}
div.chanPod{
	float					: left;
	position				: relative;
	width					: 470px;
	height					: 345px;
	cursor					: default;
	margin					: 18px 55px 18px 0;
	background				: #333;
	border					: 1px solid #272727;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
	-o-border-radius		: 2px;
	border-radius			: 2px;
	-webkit-transition		: background-color .15s linear;
	-moz-transition			: background-color .15s linear;
	-o-transition			: background-color .15s linear;
    transition				: background-color .15s linear;
}
div.chanPod:hover{
	cursor					: pointer;
	background				: #000;
	-webkit-transition		: background-color .15s linear;
	-moz-transition			: background-color .15s linear;
	-o-transition			: background-color .15s linear;
    transition				: background-color .15s linear;
}
div.chanPod span.chanLogo{
	display					: block;
	overflow				: hidden;
	width					: 200px;
	height					: 135px;
	text-align				: center;
	margin					: 50px 0 0 15px;
	background-color		: transparent;
	background-repeat		: no-repeat;
	background-position		: left 5px;
}
div.chanPod:hover span.chanLogo{
	background-position		: right 5px;
}


div.chanPod img.chanThum{
	width					: 225px;
	height					: 225px;
	margin					: 10px 10px 0 0;
	border					: 4px solid #484848;
}
div.chanPod span.chanTitle{
	float					: right;
	color					: #fff;
	margin					: 2px 10px 0 0;
}
/*-------
voting
---*/
div.chanPod div.vote{
	clear					: both;
	position				: relative;
	bottom					: -20px;
	left					: 10px;
	width					: 87px;
	height					: 25px;
}
div.chanPod div.vote span{
	display					: inline-block;
	cursor					: pointer;
	width					: 42px;
	height					: 24px;
	background				: transparent url(/gfx/vote-sprite.jpg) no-repeat 0 0;
}
div.chanPod div.vote span.likeBtn.disabled,
div.chanPod div.vote span.likeBtn:hover{
	background-position		: 0 -48px;
}
div.chanPod div.vote span.dislikeBtn{
	background-position		: 0 -24px;
}
div.chanPod div.vote span.dislikeBtn.disabled,
div.chanPod div.vote span.dislikeBtn:hover{
	background-position		: 0 -72px;
}
div.chanPod div.vote span.likeBtn.disabled,
div.chanPod div.vote span.dislikeBtn.disabled{
	cursor					: default;
}
div.chanPod div.vote var{
	color					: #999;
	font-size				: 10px;
	margin					: 2px 0 0 2px;
}
/*-end voting-*/

p.chanDesc{
	clear					: left;
	float					: left;
	color					: #fff;
	font-size				: 11px;
	line-height				: 13px;
	text-align				: justify;
	color					: #999;
	width					: 200px;
	height					: 95px;
	overflow				: hidden;
	margin					: 5px 0 0 10px;
	padding					: 3px;
}
div.mediaCount{
	float					: left;
	position				: absolute;
	top						: 10px;
	left					: -5px;
	width					: 170px;
	height					: 45px;
	background				: transparent url(/gfx/sceneCount-bg.png) no-repeat 0 0;
}
div.mediaCount span{
	float					: left;
	text-align				: center;
	color					: #999;
	font-size				: 10px;
	width					: 56px;
	height					: 35px;
	margin					: 1px 0;
	padding					: 4px 0 0 0;
}
div.mediaCount span var{
	display					: block;
	font-style				: normal;
	font-size				: 16px;
}
div.mediaCount span.bonusCount{
	background-color		: #212121;
	margin					: 0;
	border					: 1px solid #181818;
}
div.chanPod a.actBtn{
	clear					: both;
	position				: absolute;
	right					: -4px;
	bottom					: 5px;
	width					: 107px;
	height					: 45px;
	line-height				: 42px;
	color					: #fff;
	padding					: 0 0 0 25px;
	background				: transparent url(/gfx/chanPod-actBtn-sprite.png) no-repeat left 0;
}
div.chanPod a.actBtn:hover{
	background-position		: right 0;
	color					: #f00;
}
/*-------------------------------------------
CHANNELS NAV MENU
*/
div.channel-menu{
	clear					: both;
	float					: left;
	width					: 100%;
	margin					: 0 0 20px 0;
}
div.channel-menu h4{
	font-size				: 14px;
	font-weight				: normal;
	color					: #fff;
	min-height				: 22px;
	line-height				: 22px;
	padding					: 0;
	margin					: 0 0 10px 0;
}
span.channel-icon{
	float					: left;
	display					: block;
	width					: 22px;
	height					: 22px;
	margin					: 0 10px 0 0;
}
span.channel-icon span{
	float					: left;
	width					: 10px;
	height					: 10px;
	background				: red;
	margin					: 0 1px 1px 0;

	-webkit-border-radius	: 1px;
	-moz-border-radius		: 1px;
	-o-border-radius		: 1px;
	border-radius			: 1px;
}
div.channel-menu ul{
	clear					: both;
	float					: left;
	width					: 997px;
	padding					: 2px 0 1px 2px;
	background				: #292929 url(/gfx/mini-stripe-tile.png) repeat;
	border					: 1px solid #000;

	box-shadow				: inset 0 0 5px #000;
	border-radius			: 3px 3px 0 0;
	-webkit-border-radius	: 3px 3px 0 0;
	-moz-border-radius		: 3px 3px 0 0;
	-o-border-radius		: 3px 3px 0 0;
}
div.channel-menu ul li{
	float					: left;
	width					: 16.65%;
}
div.channel-menu ul li a,
div.channel-menu ul li span{
	display					: block;
	height					: auto;
	color					: #ddd;
	overflow				: hidden;
	white-space				: nowrap;
	text-overflow			: ellipsis;
	text-decoration			: none;
	margin					: 0;
	padding					: 10px;
	font-size				: 12px;
	background				: #333;
	border-right			: 1px solid #292929;
	border-bottom			: 1px solid #292929;
}
div.channel-menu ul li:last-child span{
	color					: #999;
	text-align				: center;
	width					: 809px;
}
div.channel-menu ul li a:hover{
	color					: #fff;
	background				: #3a3a3a;
}
/*-------------------------------------------
SORT NAVIGATION
sorting nav - categories, videos, etc
*/
ul.sortNav{
	float					: left;
	width					: 50%;
	margin					: 10px 0 0 0;
}
ul.sortNav li{
	float					: left;
	height					: 63px;
	margin					: 0 5px 0 0;
}
ul.sortNav li a{
	display					: block;
	color					: #fff;
	padding					: 10px;
	background-color		: #333;
	border-bottom			: 2px solid transparent;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
	-o-border-radius		: 2px;
	border-radius			: 2px;
	-webkit-transition		: border-color, background-color, .15s linear;
	-moz-transition			: border-color, background-color, .15s linear;
	-o-transition			: border-color, background-color, .15s linear;
    transition				: border-color, background-color, .15s linear;
}
ul.sortNav li a:hover{
	background-color		: #3e3e3e;
	border-color			: #f00;
	-webkit-transition		: border-color, background-color, .15s linear;
	-moz-transition			: border-color, background-color, .15s linear;
	-o-transition			: border-color, background-color, .15s linear;
    transition				: border-color, background-color, .15s linear;
}
ul.sortNav li.catCurrent a,
ul.sortNav li a.selected{
	background				: #f00;
}
/*-------------------------------------------
MOVIE PAGE / CHANNEL
categories, movie, etc
*/
div.content.movie div.masthead{
	clear					: both;
	float					: left;
	height					: auto;
	margin-top				: 80px;
}
/*-------
channel masthead
---*/
div.chanHead{
	float					: left;
	width					: 1000px;
	margin					: 0 0 20px 0;
}
div.chanHeader{
	float					: left;
	width					: 644px;
	height					: 50px;
	background				: #333 url(/gfx/mini-stripe-tile.png) repeat 0 0;
	border					: 1px solid #333;
	border-bottom			: none;
	border-radius			: 2px 2px 0 0;
	-webkit-border-radius	: 2px 2px 0 0;
	-moz-border-radius		: 2px 2px 0 0;
	-o-border-radius		: 2px 2px 0 0;
	border-radius			: 2px 2px 0 0;
}
div.chanHead div.left{
	width					: 648px;
}
div.chanHead h1{
	clear					: none;
	float					: left;
	color					: #fff;
	width					: 65%;
	height					: 65px;
	padding					: 0;
	margin					: 0 10px 0 10px;
	background				: transparent;
	border					: none;
	box-shadow				: 0 0 0 0;
}
div.chanHead h1 span{
	display					: block;
	color					: #f00;
	height					: 15px;
	margin					: -10px 0 2px 0;
}
/*--*/
a.subscribeBtn{
	clear					: both;
	float					: left;
}
a.viewPhotos{
	float					: left;
	color					: #999;
	height					: 25px;
	line-height				: 25px;
	padding					: 0 5px 0 32px;
	margin					: 0 5px 5px 35px;
	background				: #333 url(/gfx/photosBtn-icon.png) no-repeat 3px 0;
	-webkit-border-radius	: 0 0 2px 2px;
	-moz-border-radius		: 0 0 2px 2px;
	-o-border-radius		: 0 0 2px 2px;
	border-radius			: 0 0 2px 2px;
}
a.viewPhotos:hover{
	color					: #fff;
}
div.playerWrap{
	position				: relative;
	overflow				: hidden;
	clear					: left;
	float					: left;
	width					: 640px;
	height					: 360px;
	border					: 3px solid #333;
	border-bottom			: none;
	background				: #000;
}
div.playerWrap iframe{
	overflow				: visible;
	width					: 640px;
	height					: 360px;
}
div.channel div.playerWrap{
	border					: 3px solid #333;
}
a.chanLogoBug{
	width					: 60px;
	height					: 60px;
}
div.playerSubNav a.vidHelpBtn{
	float					: right;
	border					: none;
}
a.vidHelpBtn:hover{
	color					: #fff;
}
div.playerWrap img.placard{
	width					: auto;
	height					: 360px;
}
div.playerWrap div[media="true"]{
	text-align				: center;
}
img.playBtn{
	position				: absolute;
	top						: 41%;
	right					: 45%;
	background				: #000;
	border					: 1px solid #000;
	opacity					: .3;
	box-shadow				: inset 0 0 3px #000;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
}
div.playerWrap:hover img.playBtn{
	border-color			: #f00;
	background				: #f00;
	opacity					: .8;
}
/*-------
scene info
---*/
div.sceneInfo{
	overflow				: hidden;
	position				: relative;
	clear					: left;
	float					: left;
	margin					: 15px 0 0 0;
}
div.movie div.sceneInfo{
	margin					: 0;
}
div.infoContent{
	float					: left;
	min-height				: 100%;
}
div.sceneInfo h1{
	clear					: left;
	float					: left;
	font-size				: 17px;
	color					: #fff;
	height					: auto;
	line-height				: 20px;
	background				: transparent;
	margin					: 10px 0 0 0;
	padding					: 0;
	border					: none;
	box-shadow				: none;
}
div.sceneInfo h1 span{
	color					: #666;
	display					: block;
}
div.sceneInfo span.desc{
	clear					: left;
	float					: left;
	width					: 100%;
	margin					: 20px 0 10px 0;
	border-top				: 1px solid #333;
}
div.channel div.sceneInfo span.desc{
	clear					: none;
	float					: left;
	width					: 490px;
}
div.sceneInfo span.desc p{
	float					: left;
	width					: 100%;
	color					: #777;
	text-align				: justify;
	line-height				: 16px;
	margin					: 10px 0;
}
div.sceneInfo span.desc p span{
	color					: #fff;
	padding					: 0 5px 0 0;
}
div.sceneInfo span.desc h4,
div.sceneInfo ul.stats li h4{
	display					: inline-block;
	font-weight				: normal;
	color					: #fff;
	margin					: 0 3px 0 0;
}
h4.tabHeading{
	float					: left;
	font-weight				: normal;
	color					: #fff;
	background				: #272727;
	padding					: 5px 10px;
	-webkit-border-radius	: 0 0 3px 3px;
	-moz-border-radius		: 0 0 3px 3px;
	-o-border-radius		: 0 0 3px 3px;
	border-radius			: 0 0 3px 3px;
}
/*-------
channel identity
---*/
.channel div.chanLogo{
	float					: right;
	width					: 150px;
}
div.chanIdent{
	float					: right;
	width					: 165px;
	color					: #666;
	text-align				: right;
	margin					: 10px 5px 0 0;
}
div.chanIdent h3{
	text-align				: right;
	color					: #666;
	margin					: 0;
	font-weight				: normal;
}
div.chanIdent a:link,
div.chanIdent a:visited{
	display					: block;
	color					: #f00;
	margin					: 10px 0 0 0;
}
div.chanIdent a:hover{
	color					: #fff;
}
/*-------
scene stats
---*/
div.sceneInfo ul.stats{
	clear					: left;
	float					: left;
	width					: 100%;
	color					: #666;
}
div.sceneInfo ul.stats li{
	float					: left;
	margin					: 0 10px 5px 0;
	color					: #777;
}
div.sceneInfo ul.stats li h4,
div.sceneInfo ul.stats li span{
	float					: left;
}
div.sceneInfo ul.stats li a{
	color					: #777;
	text-decoration			: underline;
}
div.sceneInfo ul.stats li a:hover{
	color					: #f00;
	text-decoration			: none;
}
/*-------
player sub nav
---*/
div.playerSubNav{
	float					: left;
	background				: #333;
}
div.playerSubNav span,
div.playerSubNav a{
	float					: left;
	cursor					: pointer;
	color					: #999;
	height					: 23px;
	line-height				: 23px;
	padding					: 0 10px;
	border-right			: 1px solid #222;
	border-left				: 1px solid #444;
	-webkit-transition		: color .15s linear;
	-moz-transition			: color .15s linear;
	-o-transition			: color .15s linear;
	transition				: color .15s linear;
}
div.playerSubNav a:first-child{
	border-left				: none;
}
div.playerSubNav span:hover,
div.playerSubNav a:hover{
	color					: #fff;
	background-color		: #444;
	-webkit-transition		: color .15s linear;
	-moz-transition			: color .15s linear;
	-o-transition			: color .15s linear;
	transition				: color .15s linear;
}
div.playerSubNav a.selected,
div.playerSubNav a.selected:hover{
	cursor					: default;
	color					: #fff;
}
/*-------
tag links
---*/
div.sceneInfo div.tagLinks{
	clear					: left;
	float					: left;
	width					: 100%;
	color					: #999;
	margin					: 0;
}
div.sceneInfo div.tagLinks span{
	float					: left;
	clear					: left;
	margin					: 10px 0 0 0;
}
div.sceneInfo div.tagLinks span span{
	color					: #fff;
	margin					: 0 5px 0 0;
}
div.sceneInfo div.tagLinks a{
	display					: inline-block;
	color					: #666;
	padding					: 2px;
	text-decoration			: underline;
}
div.sceneInfo div.tagLinks a:hover{
	text-decoration			: none;
	color					: #f00;
}
/*-------
scene skip nav
---*/
div.skipNav{
	float					: left;
}
div.skipNav > span.skipTrigger{
	padding					: 0 10px 0 25px;
	background				: transparent url(/gfx/skipNav-arrow-sprite.png) no-repeat 4px -1px;
	border-right			: 1px solid #222;
	border-left				: none;
}
div.skipNav > span.skipTrigger:hover,
div.skipNav > span.skipTrigger.active{
	color					: #fff;
	background-color		: #444;
}
div.skipNav > span.skipTrigger.active{
	background-position		: 4px -51px;
}
div.skipNav span.skipLinks{
	display					: none;
	position				: absolute;
	top						: 24px;
	left					: 0;
	z-index					: 9999;
	float					: right;
	width					: 636px;
	height					: auto;
	padding					: 5px;
	border					: none;
	background				: #333;
	box-shadow				: 0 2px 5px #000;
	-webkit-border-radius	: 0 0 3px 3px;
	-moz-border-radius		: 0 0 3px 3px;
	-o-border-radius		: 0 0 3px 3px;
	border-radius			: 0 0 3px 3px;
}
div.skipNav span.skipLinks a{
	display					: inline-block;
	color					: #999;
	height					: 15px;
	line-height				: 15px;
	padding					: 3px 5px;
	margin					: 2px 2px 2px 0;
	background				: #444;
	border					: none;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
	-o-border-radius		: 2px;
	border-radius			: 2px;
}
div.skipNav span.skipLinks a:hover{
	background				: #f00;
	color					: #fff;
}
/*-------
social nav
---*/
div.socialNav{
	float					: left;
	height					: 23px;
}
div.socialNav a{
	background				: transparent url(/gfx/socialNav-sprite.png) no-repeat 0 0;
	padding					: 0 10px 0 25px;
}
div.socialNav a.likeBtn{
	background-position		: 0 -2px;
}
div.socialNav a.likeBtn.selected,
div.socialNav a.likeBtn:hover{
	background-position		: 0 -27px;
}
div.socialNav a.dislikeBtn{
	background-position		: 0 -50px;
}
div.socialNav a.dislikeBtn.selected,
div.socialNav a.dislikeBtn:hover{
	background-position		: 0 -75px;
}
div.socialNav a.favBtn{
	background-position		: 0 -100px;
}
div.socialNav a.favBtn.selected,
div.socialNav a.favBtn:hover{
	background-position		: 0 -125px;
}
/*-------
slide down
---*/
span.slideDwn{
	position				: relative;
	clear					: left;
	float					: left;
	width					: 646px;
	height					: 40px;
	text-align				: center;
	border-top				: 1px solid #333;
}
div.primaryCol span.slideDwn{
	width					: 747px;
}
span.slideDwn img{
	position				: absolute;
	top						: -41px;
	right					: 0;
}
span.slideDwn span.slideDwnBtn{
	cursor					: pointer;
	color					: #999;
	padding					: 0 25px 3px;
	background				: #333 url(/gfx/mini-stripe-tile.png) repeat 0 0;
	border					: 1px solid #333;
	border-top				: none;
	-webkit-border-radius	: 0 0 3px 3px;
	-moz-border-radius		: 0 0 3px 3px;
	-o-border-radius		: 0 0 3px 3px;
	border-radius			: 0 0 3px 3px;
}
span.slideDwn span.slideDwnBtn span{
	color					: #fff;
}
span.slideDwn span.slideDwnBtn:hover span{
	color					: #f00;
}
/*-------
more channels
---*/
div.moreChannels{
	float					: left;
	width					: 1000px;
	overflow				: hidden;
}
div.moreChannels h3{
	margin					: 10px 0;
}
div.moreChannels ul{
	float					: left;
}
div.moreChannels ul li{
	float					: left;
	overflow				: hidden;
}
div.moreChannels ul li a{
	color					: #fff;
	display					: block;
	width					: 178px;
	white-space				: nowrap;
	text-overflow			: ellipsis;
	padding					: 5px 10px;
	margin					: 2px 2px 0 0;
	background				: #333;
}
div.moreChannels ul li a:hover{
	color					: #fff;
	background				: #f00;
}
/*-------------------------------------------
CATEGORIES PAGE
*/
div.catInfo{
	float					: right;
	width					: 400px;
	color					: #fff;
	padding					: 10px;
	margin					: 10px 0 0 0;
	background				: #272727;
	border					: 1px solid #000;
	box-shadow				: inset 0 0 3px black;
}
div.catInfo strong{
	display					: block;
	color					: #f00;
}
div.catInfo strong span{
	color					: #fff;
	font-weight				: normal;
}
div.catInfo p{
	color					: #666;
}
h3.cat-title{
	position				: absolute;
	left					: 0;
	bottom					: 0;
	width					: 220px;
	padding					: 5px;
	background				: url(/gfx/1px-bg-60-tile.png) repeat 0 0;
	background				: rgba(0,0,0, .6);
	border-top				: 1px solid #000;
}
h3.cat-title span{
	color					: #fff;
	text-shadow				: 0 0 15px #000;
	padding					: 0 0 0 10px;
	background				: transparent url(/gfx/icon-small-arrow-right.png) no-repeat center left;
}
/*-------------------------------------------
PHOTO & PORNSTARS LIST
*/
div.featTalent{
	float					: left;
	width					: 980px;
	border					: none;
	padding					: 10px;
	margin					: 0 0 10px 0;
	background				: #333;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
}
div.featTalent img.headshot{
	float					: left;
	border					: 8px solid #444;
}
div.featTalent div.talentInfo{
	float					: left;
	width					: 700px;
	color					: #fff;
	padding					: 0 10px 0 20px;
}
div.featTalent div.talentInfo p{
	float					: left;
	width					: 440px;
	font-size				: 11px;
	line-height				: 1.5em;
	text-align				: justify;
	margin					: 5px 20px 0 0;
}
div.featTalent h1{
	background				: transparent;
	width					: 710px;
	height					: 30px;
	line-height				: 30px;
	color					: #f00;
	box-shadow				: none;
	border					: none;
	border-bottom			: 1px solid #444;
	padding					: 0;
	-webkit-border-radius	: 0;
	-moz-border-radius		: 0;
	-o-border-radius		: 0;
	border-radius			: 0;
}
div.featTalent ul.talentStats{
	clear					: none;
	float					: left;
	width					: 239px;
	padding					: 5px 0;
	border-left				: 1px solid #444;
}
div.featTalent ul.talentStats li{
	color					: #f00;
	margin					: 0 0 15px 15px;
}
div.featTalent ul.talentStats li span{
	color					: #fff;
	margin					: 0 10px 0 0;
}
/*-------------------------------------------
PAGINATION
*/
div.pagination{
	clear					: both;
	float					: left;
	width					: 100%;
	max-width				: 1000px;
	height					: 25px;
	text-align				: center;
	padding					: 7px 0;
	margin					: 0 0 10px 0;
	background				: #2a2a2a;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
}
.pagination > ul{
	width					: 100%;
	height					: 30px;
}
.pagination > ul li{
	display					: inline;
	margin					: 0;
}
.pagination > ul li a{
	display					: inline-block;
	zoom					: 1;
	color					: #fff;
	padding					: 5px 8px;
	background				: #333;
	border-bottom			: 2px solid #f00;
	-webkit-border-radius	: 1px;
	-moz-border-radius		: 1px;
	-o-border-radius		: 1px;
	border-radius			: 1px;
	-webkit-transition		: background, .10s linear;
	-moz-transition			: background, .10s linear;
	-o-transition			: background, .10s linear;
	transition				: background, .10s linear;
}
.pagination > ul li.inactive a:hover,
.pagination > ul li.inactive a{
	cursor					: default;
	color					: #999;
	background				: #333;
	border-color			: #444;
}
.pagination > ul li a:hover,
.pagination > ul li.curPage a{
	background				: #f00;
	-webkit-transition		: background, .10s linear;
	-moz-transition			: background, .10s linear;
	-o-transition			: background, .10s linear;
	transition				: background, .10s linear;
}
/*-------------------------------------------
LOGIN
*/
/*--
inline login button and menu in inl.header.php
--*/
span.login{
	clear					: both;
	float					: left;
	position				: relative;
	top						: 50px;
	z-index					: 666;
	cursor					: pointer;
	width					: 100px;
	height					: 35px;
	line-height				: 35px;
	display					: block;
	color					: #fff;
	padding					: 0 0 0 46px;
	background				: #545454 url(/gfx/login-btn-bg.jpg) no-repeat 11px 7px;
	box-shadow				: inset 0 0 3px #000;
	border					: 1px solid #000;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;
}
span.login a{
	color			: #fff;
}
span.login:hover{
	text-decoration			: underline;
}
div.loginDrop{
	display					: none;
	position				: absolute;
	top						: 155px;
	left					: 25px;
	z-index					: 8888;
	color					: #fff;
	padding					: 20px 0 0 0;
	background				: transparent url(/gfx/arrow-up-grey.png) no-repeat 0 0;
}
span.closer{
	cursor					: pointer;
	position				: absolute;
	right					: 6px;
	top						: 26px;
}
div.loginDrop fieldset{
	width					: 230px;
	padding					: 5px 5px 0 5px;
	background				: #444;
	box-shadow				: 3px 3px 10px #000;
	-webkit-border-radius	: 0 5px 5px 5px;
	-moz-border-radius		: 0 5px 5px 5px;
	-o-border-radius		: 0 5px 5px 5px;
	border-radius			: 0 5px 5px 5px;
}
div.loginDrop label{
	display					: block;
	color					: #fff;
	padding					: 5px 0;
}
div.loginDrop input[type="text"],
div.loginDrop input[type="password"]{
	display					: block;
	width					: 220px;
	height					: 30px;
	line-height				: 30px;
	padding					: 0 5px;
	margin					: 0 0 5px 0;
	border					: none;
	-webkit-border-radius	: 2px;
	-o-border-radius		: 2px;
	-moz-border-radius		: 2px;
	border-radius			: 2px;
}
div.loginDrop input[type="submit"]{
	float					: right;
	padding					: 5px 10px;
	margin					: 5px 0;
	color					: #fff;
	background				: #ff0000;
	border					: none;
	-webkit-border-radius	: 2px;
	-o-border-radius		: 2px;
	-moz-border-radius		: 2px;
	border-radius			: 2px;
}
div.loginDrop div.bottomLinks{
	color					: #999;
	font-size				: 10px;
	margin					: 15px 0 0 0;
}
div.loginDrop div.bottomLinks a{
	color					: #999;
	font-size				: 10px;
	margin					: 0 3px;
}
div.loginDrop div.bottomLinks a:hover{
	text-decoration			: underline;
}
/*--end inline login--*/
/*--
login page
--*/
div.loginWrap{
	height					: 600px;
	overflow				: hidden;
	margin					: 0 0 -10px 0;
	background				: transparent url(/gfx/login-page-bg.png) no-repeat center 0;
}
fieldset.loginForm{
	float					: left;
	width					: 360px;
	height					: 600px;
	margin					: 120px 0 0 0;
}
fieldset.loginForm label{
	clear					: left;
	float					: left;
	font-size				: 14px;
	font-weight				: normal;
	color					: #fff;
	margin					: 20px 0 10px 0;
}
fieldset.loginForm input[type="text"],
fieldset.loginForm input[type="password"]{
	clear					: left;
	float					: left;
	height					: 45px;
	line-height				: 45px;
	font-size				: 15px;
	width					: 310px;
	padding					: 5px;
	border					: 2px solid #444;
	background				: #fff;
}
fieldset.loginForm input[type="submit"]{
	clear					: both;
	float					: right;
	width					: 122px;
	cursor					: pointer;
	color					: #fff;
	padding					: 10px 0;
	margin					: 20px 40px 0 0;
	background				: #de0000;
	box-shadow				: inset 0 0 2px #000;
	border					: 1px solid #000;
}
fieldset.loginForm input[type="submit"]:hover{
	text-decoration			: underline;
	background				: #f00;
}
fieldset.loginForm div.bottomLinks{
	float					: left;
	margin					: 30px 0 0 45px;
}
fieldset.loginForm div.bottomLinks a{
	color					: #999;
	text-decoration			: underline;
}
div.login a.joinBtn{
	display					: block;
	position				: relative;
	top						: 372px;
	left					: 43px;
	width					: 315px;
	height					: 55px;
	line-height				: 55px;
	font-size				: 20px;
	text-align				: center;
	color					: #fff;
}
div.login a.joinBtn:hover{
	text-decoration			: underline;
}
div.login + div.footer{
	margin					: 0;
}
/*-------------------------------------------
FAQS (video help)
---*/
div.faq h1{
	margin					: 0 0 30px 0;
}
div.faq > h3{
	max-width				: 800px;
	font-weight				: normal;
	color					: #f00;
	margin					: 20px auto 0 auto;
}
div.faq > p{
	max-width				: 800px;
	text-align				: justify;
	margin					: 0 auto 15px auto;
}
div.faq p > a{
	color					: #999;
	text-decoration			: underline;
}
div.faq p > a:hover{
	text-decoration			: none;
}
div.faq ul{
	max-width				: 800px;
	list-style				: inside;
	color					: #fff;
	padding					: 0 0 0 20px;
	margin					: 10px auto;
}
/*-------------------------------------------
LEGAL FORMATTING
---*/
div.content.legal{
	width					: 1000px;
	color					: #fff;
	margin-top				: 70px;
}
div.legal a{
	color					: inherit;
	text-decoration			: underline;
}
div.legal ol{
	margin					: 0 0 30px 0;
}
div.legal ol li{
	max-width				: 50%;
	list-style				: decimal;
	font-size				: 14px;
	margin					: 10px 0 10px 30px;
	padding					: 0 0 0 10px;
}
div.legal h1{
	margin-bottom			: 20px;
}
div.legal h2{
	font					: bold 22px Helvetica, Arial, Sans-serif;
	color					: #fff;
	height					: auto;
	padding					: 20px 0 10px 0;
	margin					: 15px 0 0 0;
	box-shadow				: 0 0 0 0;
	background				: none;
	border					: none;
	-webkit-border-radius	: 0;
	-moz-border-radius		: 0;
	-o-border-radius		: 0;
	border-radius			: 0;
}
div.legal h2{
	font-size				: 15px;
}
div.legal p{
	font-size				: 14px;
	text-align				: justify;
	margin					: 5px 0;
}
div.legal a{
	text-decoration			: underline;
}
div.legal img.sig{
	clear					: both;
	margin					: 20px 0 0 0;
}

/*---
BONUS LANDER
-------------------------*/
div.bonusSource .sceneList .error{
	width					: 97% !important;
	height					: 13px !important;
	color					: #fff;
	text-align				: center;
}
/*--
category menu
--*/
div.bonusSource #catmenu{
	clear					: both;
	float					: left;
	margin-bottom			: 10px;
	padding					: 0;
}
/*tab nav for different bonus studios*/
div.bonusSource ul.studioTabs{
	float					: left;
	width					: 100%;

	border-radius			: 3px 3px 0 0;
	-moz-border-radius		: 3px 3px 0 0;
	-o-border-radius		: 3px 3px 0 0;
}
div.bonusSource ul.studioTabs li{
	float					: left;
}
div.bonusSource ul.studioTabs li a{
	cursor					: pointer;
	float					: left;
	text-align				: center;
	width					: 125px;
	height					: 35px;
	line-height				: 36px;
	color					: #999;
	margin					: 0 2px 0 0;

	background				: #444;
	border-top				: 5px solid #3a3a3a;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#2a2a2a');
	background				: -webkit-gradient(linear, left top, left bottom, from(#444), to(#2a2a2a));
	background				: -moz-linear-gradient(top,  #444,  #2a2a2a);

	border-radius			: 3px 3px 0 0;
	-moz-border-radius		: 3px 3px 0 0;
	-o-border-radius		: 3px 3px 0 0;
}
div.bonusSource ul.studioTabs li:hover a{
	color					: #fff;
}
div.bonusSource ul.studioTabs li.active a{
	cursor					: default;
	height					: 35px;
	line-height				: 34px;
	color					: #fff;

	background				: #444;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000');
	background				: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background				: -moz-linear-gradient(top,  #444,  #000);
	border-top				: 5px solid red;
}
/*heading for menu, also can be used as collapse trigger*/
div.bonusSource div.menuHead{
	clear					: left;
	width					: 997px;
	height					: 30px;
	border					: 1px solid #000;
	border-bottom-width		: 2px;
	background				: #333;
	border-radius			: 0 3px 0 0;
	-moz-border-radius		: 0 3px 0 0;
	-o-border-radius		: 0 3px 0 0;

	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222');
	background				: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
	background				: -moz-linear-gradient(top,  #333,  #222);
}
div.bonusSource div#catmenu h6{
	float					: left;
	height					: 30px;
	font-weight				: normal;
	line-height				: 30px;
	text-align				: center;
	color					: #fff;
	width					: 167px;

	border-radius			: 3px 0 0 0;
	-webkit-border-radius	: 3px 0 0 0;
	-moz-border-radius		: 3px 0 0 0;
	-o-border-radius		: 3px 0 0 0;
}
div.bonusSource span.trigger{
	cursor					: pointer;
	float					: right;
	width					: 28px;
	height					: 30px;
	line-height				: 30px;
	color					: #fff;
	padding					: 0 12px 0 30px;
	background				: #333;
	filter					: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/menu-arrow-sprite.png', sizingMethod='crop') progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222');
	background-image		: url(/gfx/menu-arrow-sprite.png), -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
	background-image		: url(/gfx/menu-arrow-sprite.png), -moz-linear-gradient(top,  #333,  #222);
	background-repeat		: no-repeat;
	background-position		: left top;
	border-left				: 1px solid #333;

	border-radius			: 0 3px 0 0;
	-webkit-border-radius	: 0 3px 0 0;
	-moz-border-radius		: 0 3px 0 0;
	-o-border-radius		: 0 3px 0 0;
}
div.bonusSource span.trigger.down{
	background-position		: left bottom;
	filter					: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/menu-arrow-down.png', sizingMethod='crop') progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222');
}
div.bonusSource span#catbutton a:hover{
	text-decoration			: underline;
}
/**/
/*tab nav for categories*/
div.bonusSource ul.catTabs{
	float					: left;
	width					: 758px;
	height					: 30px;
	text-decoration			: none;
	line-height				: 30px;
	color					: #fff;
	border-right			: 1px solid #222;

	background				: #333;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222');
	background				: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
	background				: -moz-linear-gradient(top,  #333,  #222);
}
div.bonusSource ul.catTabs li{
	float					: left;
	height					: 30px;
	line-height				: 30px;
	color					: #999;
	text-align				: center;
	width					: 11.11%;
}
div.bonusSource ul.catTabs li:hover{
	cursor					: pointer;
	color					: #fff;
	background-color		: #333;
}
div.bonusSource ul.catTabs li.active{
	cursor					: default;
	color					: #fff;
	height					: 30px;

	background				: #333;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#aa0000');
	background				: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#aa0000));
	background				: -moz-linear-gradient(top,  #f00,  #aa0000);
}
/**/
/*content for tabs*/
div.bonusSource div.contBlock{
	clear					: both;
	float					: left;
	width					: 997px;
	background				: #292929 url(/gfx/mini-stripe-tile.png) repeat;
	border					: 1px solid #000;
	border-top				: none;
	box-shadow				: inset 0 0 5px #000;

	border-radius			: 0 0 3px 3px;
	-webkit-border-radius	: 0 0 3px 3px;
	-moz-border-radius		: 0 0 3px 3px;
	-o-border-radius		: 0 0 3px 3px;
}
div.bonusSource div.tabCont ul{
	float					: left;
	width					: 995px;
	padding					: 2px;
}
div.bonusSource div.tabCont ul li{
	float					: left;
	width					: 16.666%;
	margin					: 0;
}
div.bonusSource div.tabCont ul li a{
	display					: block;
	height					: auto;
	color					: #ddd;
	overflow				: hidden;
	white-space				: nowrap;
	text-overflow			: ellipsis;
	text-decoration			: none;
	margin					: 0 1px 1px 0;
	padding					: 10px;
	font-size				: 12px;
	background				: #333;
}
div.bonusSource div.tabCont ul li a:hover{
	background				: #3a3a3a;
}
div.bonusSource div.tabCont ul li a.active{
	color					: red;
	background				: #242424;
	border-bottom-color		: red;
}

div.bonusSource div.socialNav a.back{
	border-left				: 0;
	background-image		: url(/gfx/backBtn-arrow-sprite.png);
	background-position		: 8px -6px;
}
/*---
BONUS MOVIE PAGE
-------------------------*/
div.bonusSource .movieError{
	width					: 1000px;
	background				: #f00;
	color					: #fff;
	text-align				: center;
}
div.bonusSource ul.sceneList.small li a img{
	display					: block;
	float					: none;
	width					: 231px;
	height					: 130px;
	margin					: 0 auto;
}
div.bonusSource ul.sceneList.small li div.info{
	margin					: 0;
}
/*-------------------------
PIRATE PAGE
----*/
div.pirateMssg{
	float					: right;
	width					: 45%;
	color					: #fff;
	padding					: 0 20px 20px 20px;
	margin					: 0 auto;
}
div.pirateMssg h1{
	width					: 100%;
	margin-top				: 0;
	background				: red;
}
div.pirateMssg p{
	float					: right;
	width					: 100%;
	color					: #fff;
	text-align				: center;
	font-size				: 18px;
	margin-top				: 40px;
}
div.pirateMssg a{
	display					: block;
	text-align				: center;
	text-decoration			: none;
	color					: #fff;
	font-size				: 20px;
	width					: 45%;
	margin					: 10px auto;
	padding					: 20px 30px;
	background				: #555; /* Legacy Browsers */
	background				: linear-gradient(to bottom,#ccc 0%,#555 100%); /* Standard */
	background				: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ccc),color-stop(100%,#555)); /* Chrome,Safari4+ */
	background				: -webkit-linear-gradient(top, #ccc,#555 100%); /* Chrome10+,Safari5.1+ */
	background				: -moz-linear-gradient(top,#ccc 0%,#555 100%); /* FF3.6+ */
	background				: -o-linear-gradient(top,#ccc 0%,#555 100%); /* Opera 11.10+ */
	background				: -ms-linear-gradient(top,#cccccc 0%,#555555 100%); /* IE10+ */
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#555555',GradientType=0); /* IE6-9 */

	border					: 1px solid #666666;

	-webkit-border-radius	: 5px;
}
div.pirateMssg a:hover{
	text-decoration			: underline;
	background				: #555; /* Legacy Browsers */
	background				: linear-gradient(to bottom,#fff 0%,#555 100%); /* Standard */
	background				: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#555)); /* Chrome,Safari4+ */
	background				: -webkit-linear-gradient(top, #fff,#555 100%); /* Chrome10+,Safari5.1+ */
	background				: -moz-linear-gradient(top,#fff 0%,#555 100%); /* FF3.6+ */
	background				: -o-linear-gradient(top,#fff 0%,#555 100%); /* Opera 11.10+ */
	background				: -ms-linear-gradient(top,#ffffff 0%,#555555 100%); /* IE10+ */
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#555555',GradientType=0); /* IE6-9 */
}
@charset "UTF-8";

/*hdporn.com TOUR styles*/


/*-------------------------------------------
SITE ADVERTISING
*/
.secondaryCol a.bannerAd{
	float					: left;
	display					: block;
	text-align				: center;
	padding					: 10px;
	background				: #000;
}
/*-------
player sub nav
---*/
div.playerSubNav{
	width					: 646px;	
}
/*-------
join upsell box
---*/
div.joinBox{
	float					: right;
	position				: relative;/*ie7*/
	overflow				: hidden;
	height					: 525px;
	width					: 340px;
	background				: #333 url(/gfx/mini-stripe-tile.png) repeat 0 0;
	border					: 1px solid #000;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
	-o-border-radius		: 2px;
}
div.joinBox div.joinSteps{
	position				: relative;
	float					: left;
	width					: 1000px;
	height					: 500px;	
}
div.joinBox div.step1,
div.joinBox div.step2{
	float					: left;
	position				: relative;
	width					: 312px;
	padding					: 15px;
	height					: 495px;
}
div.joinBox h3{
	text-align				: center;
	text-transform			: uppercase;
	font-weight				: normal;
	font-size				: 30px;
	color					: #fff;
	margin					: 0 0 15px 0;
}
ul.joinOptions li.option{
	float					: left;
	width					: 300px;
	height					: 130px;
	padding					: 10px 5px 5px 5px;
	background-color		: transparent;
	border-top				: 4px solid #444;
	-webkit-transition		: background-color, .15s linear;
	-moz-transition			: background-color, .15s linear;
	-o-transition			: background-color, .15s linear;
	transition				: background-color, .15s linear;
}
ul.joinOptions li:hover{
	background-color		: #373737;
	-webkit-transition		: background-color, .15s linear;
	-moz-transition			: background-color, .15s linear;
	-o-transition			: background-color, .15s linear;
	transition				: background-color, .15s linear;
}
ul.joinOptions li div.detail{
	width					: 100%;
	margin					: 0 0 10px 0;
}
ul.joinOptions li div.detail h4{
	font-weight				: normal;
	font-size				: 18px;
	color					: #fff;
}
ul.joinOptions li div.detail p{
	color					: #b0b0b0;
	margin					: 3px 0 0 0;
}
ul.joinOptions li div.price a{
	clear					: both;
	float					: right;
	text-align				: center;
	padding					: 5px 8px;
	margin					: 10px 0 5px 0;
	background				: #80ff2a;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
}
ul.joinOptions li div.price a:hover{
	text-decoration			: underline;
	color					: #000;
	box-shadow				: 2px 2px 3px #000;
}
ul.joinOptions li div.price em{
	min-width				: 75px;
	font-size				: 16px;
	font-weight				: bold;
	color					: #000;
}
ul.joinOptions li div.price em small{
	display					: block;
	font-size				: 10px;	
}
ul.joinOptions li div.price span.priceDetail{
	clear					: both;
	float					: right;
	width					: 100%;
	text-align				: right;
	color					: #fff;
	margin					: 0;
	font-size				: 10px;
	display					: block;
}
/*-------
step - 2
---*/
div.joinBox div.step2 div.selectedMem{
	float					: left;
	margin					: 0 0 10px 0;
	background				: #333;
	border					: 1px solid #000;
	box-shadow				: inset 0 0 2px #444;
	padding					: 10px;
	-webkit-border-radius	: 10px;
	-moz-border-radius		: 10px;
	-o-border-radius		: 10px;
	border-radius			: 10px;
}
div.joinBox div.step2 h3{
	border-bottom			: 4px solid #444;
	padding-bottom			: 20px;
}
div.joinBox div.step2 div.selectedMem h4{
	clear					: both;
	color					: #fff;
	font-weight				: normal;
	font-size				: 16px;
	padding					: 5px 0 5px 35px;
	background				: transparent url(/gfx/checkCircle.png) no-repeat 0 0;
}
div.joinBox div.step2 div.selectedMem p{
	margin					: 10px 0;	
}
div.joinBox div.step2 span.selectedPrice{
	float					: right;
	color					: #fff;
	font-size				: 14px;
	padding					: 10px;
	margin					: 15px 0 0 0;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;
	background				: #222;	
}
div.joinBox div.step2 fieldset{
	float					: left;
	text-align				: center;
	clear					: both;
	width					: 312px;
	margin					: 10px auto;
}
div.joinBox div.step2 fieldset label{
	display					: block;
	width					: 300px;
	text-align				: left;
	color					: #fff;
	margin					: 0 auto 5px auto;
}
div.joinBox div.step2 fieldset input[type="text"]{
	width					: 300px;
	height					: 25px;
	padding					: 5px;
	margin					: 0 0 15px 0;
	border					: 1px solid #000;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;	
}
div.joinBox div.step2 input[type="submit"]{
	float					: right;
	cursor					: pointer;
	font-size				: 14px;
	color					: #2c6300;
	font-weight				: bold;
	padding					: 10px;
	background-color		: #6ee60e;
	border					: 2px solid #444;
	box-shadow				: inset 0 0 2px #000;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;
}
div.joinBox div.step2 input[type="submit"]:hover{
	color					: #fff;
	background-color		: #54b208;
}
div.joinBox div.step2 a.formBack{
	position				: absolute;
	bottom					: 0;
	left					: 0;
	color					: #999;
	padding					: 10px 20px 10px 10px;
	background				: #444;
	-webkit-border-radius	: 0 3px 0 0;	
}
div.joinBox div.step2 a.formBack:hover{
	color					: #fff;	
}
/*---
	site desc
---*/
div.siteDesc{
	clear					: both;
	max-width				: 1000px;
	padding					: 5px 20px 10px 20px;
	box-sizing				: border-box;
}
div.siteDesc h3{
	color					: #f00;	
	margin					: 0;
}
div.siteDesc p{
	font-size				: 14px;
	line-height				: 18px;
	text-align				: justify;
}
/*
 * jQuery Nivo Slider v3.1
 * http					://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http					://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position				: relative;
	width					: 100%;
	height					: auto;
	overflow				: hidden;
}
.nivoSlider img {
	position				: absolute;
	top						: 0px;
	left					: 0px;
	max-width				: none;
}
.nivo-main-image {
	display					: block !important;
	position				: relative !important; 
	width					: 100% !important;
}

.nivoSlider a.ie9Fix {
	background-color: #fff;
	filter:alpha(opacity=0);
	opacity: 0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position				: absolute;
	top						: 0px;
	left					: 0px;
	width					: 100%;
	height					: 100%;
	border					: 0;
	padding					: 0;
	margin					: 0;
	z-index					: 6;
	display					: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display					: block;
	position				: absolute;
	z-index					: 5;
	height					: 100%;
	top						: 0;
}
.nivo-box {
	display					: block;
	position				: absolute;
	z-index					: 5;
	overflow				: hidden;
}
.nivo-box img { display		: block; }

/* Caption styles */
.nivo-caption {
	position				: absolute;
	left					: 0px;
	bottom					: 0px;
	background				: #000;
	color					: #fff;
	width					: 100%;
	z-index					: 8;
	padding					: 5px 10px;
	opacity					: 0.8;
	overflow				: hidden;
	display					: none;
	-moz-opacity			: 0.8;
	filter					: alpha(opacity=8);
	-webkit-box-sizing		: border-box;		/* Safari/Chrome, other WebKit */
	-moz-box-sizing			: border-box;		/* Firefox, other Gecko */
	box-sizing				: border-box;		/* Opera/IE 8+ */
}
.nivo-caption p {
	padding					: 5px;
	margin					: 0;
}
.nivo-caption a {
	display					: inline !important;
}
.nivo-html-caption {
    display					: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position				: absolute;
	top						: 35%;
	z-index					: 9;
	cursor					: pointer;
}
.nivo-prevNav {
	left					: 0px;
}
.nivo-nextNav {
	right					: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align				: center;
	padding					: 15px 0;
}
.nivo-controlNav a {
	cursor					: pointer;
}
.nivo-controlNav a.active {
	font-weight				: bold;
}
/* 
	Required Styles
*/
#aToolTip {
	position				: absolute;
	display					: none;
	z-index					: 50000;
}

	#aToolTip .aToolTipContent {
		position			: relative;
		margin				: 0;
		padding				: 0;
	}
/* 
	END: Required Styles
*/
/**
	Default Theme
*/
.aToolTipDefaultTheme {
	color					:#fff;
	width					: 150px;
	padding					: 6px 25px 6px 12px;	
	margin					: 0;
	background				: #000;
	border					: 2px solid #444;
	
	-moz-border-radius		: 12px 12px 12px 0;
	-webkit-border-radius	: 12px 12px 12px 0;
	-khtml-border-radius	: 12px 12px 12px 0;
	border-radius			: 12px 12px 12px 0;
	
	-moz-box-shadow			: 2px 2px 5px #111; /* for Firefox 3.5+ */
	-webkit-box-shadow		: 2px 2px 5px #111; /* for Safari and Chrome */
	box-shadow				: 2px 2px 5px #111; /* for Safari and Chrome */
}
	
.aToolTipDefaultTheme #aToolTipCloseBtn {
	position				: absolute;
	top						: -10px;
	right					: -30px;
	display					: block;
	height					: 20px;
	width					: 20px;
	outline					: none;
	text-indent				: -9999px;
	margin					: 2px;
	background				: url(/gfx/tooltip-closer.png) no-repeat;
}

/*#thumbs { width:98%; margin:0 auto; text-align:center; }*/
#thumbs { width:98%; margin:0 auto; }

.rightBar { float: left; height: 472px; margin:0 0 0 20px; width: 494px; }

#nav1 a { color:#fff; }
#nav1 a:hover, #nav2 a:hover { color:#000; }
.nav1right { float: right; padding-top:6px; margin-right:10px; }
.nav2left { float: left; padding-top: 6px; color:#fff; }
#thumbs .thumb { float:left; margin-right:5px; margin-bottom:5px; width:300px; height:225px; border:1px solid black; }
.rightBar .thumb2 { float:left; margin-right:5px; margin-bottom:5px; width:240px; height:200px; border:1px solid black; }
#footer { text-align:center; margin-bottom:20px; }
#footer img { margin-top:30px; margin-bottom:20px; border:0; }
#footer a { font-size:64px; font-weight:bold; color:#00F; }
.clear { clear:both; }
#footer2 a { color:#ff0; }
#footer2 .act { text-decoration:none; }

.joinlink img { border:1px solid #ccc; padding:3px; }
#vidDiv { float:left; margin-left:140px; padding-bottom:40px; }

.playerDiv {
	border: 3px solid #000;
	border-bottom: 1px solid #000;
	float:left;
	height:460px;
	width:700px;
	margin:0;
	position: relative;
}

.submitButton { position:absolute; width: 464px; height: 47px; overflow: hidden; background-image:url('/images/submitButton.png'); margin:272px 0 0 117px; background-position: 0px 0px; background-repeat:no-repeat; }
.submitButton:hover { background-position: 0px -46px; }

.bigPlay {
	width: 700px;
	height: 447px;
	margin:0px 0px;
	background-image:url('/images/bigPlay.png');
	background-position: 0px 0px; 
	background-repeat:no-repeat; 
	overflow:hidden; 
	position: absolute;
	top: 0;
	left: 0;
}
.bigPlay:hover { background-position: 0px -441px; }

.controls {
	width: 700px;
	height: 33px;
	overflow: hidden;
	background-image:url('/images/playControls2.png');
	margin:0px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	position: absolute;
	top: 427px;
	left: 0;
}
.controls .playButton { position: absolute; width:33px; height:33px; overflow: hidden; background-image:url('/images/playControls2.png'); margin:0px 0px; background-position: 0px 0px; background-repeat:no-repeat; }
.controls .hdButton { background-image: url('/images/playControls2.png'); background-position: -648px 0; background-repeat: no-repeat; float: left; width: 51px; height: 33px; margin: 0 0 0 649px; overflow: hidden; position: absolute; }
.controls .playButton:hover { background-position: 0px -66px; cursor:pointer; }
.controls .hdButton:hover { background-position: -648px -33px; cursor:pointer; }

.preloader { 
	margin: 120px auto 0;
	padding-left: 6px;
	width: 200px;
	height: 200px;
}

.nav2left span { font-weight:700; color:#FFF; }
#mainForm { margin:0; width:709px; position: absolute; top: -3px; left: -3px; }
.top-link:hover { color:#039E03; }
 
/* New styles*/
#header {position:relative;margin:0px auto; width:100%;}
#header h1 {font-size:18px;color:#000000;float:right; text-align:right; margin:10px 10px 0 0;}
#header h2 {font-size:12px;font-weight:normal;font-style:italic;color:#000000;float:right;text-align:right;margin:0 10px 10px 0;clear:both;}
#thumbs h1 {font-weight:bold;font-size:20px;text-align:right;margin:0;padding:0 5px 10px 5px;width:700px;}
#thumbs h2 {font-size:13px;font-weight:normal;text-align:right;margin:0;padding:0 5px 10px 5px;width:700px;}
#thumbs .thumb, #thumbs .thumb2 {position:relative;}
#thumbs .thumb {width: 402px; height: 302px;}
#thumbs .thumb .desc, #thumbs .thumb2 .desc {position:absolute;top:0;left:-1px;width:382px;height:282px;color:#000;background-color:transparent;z-index:100;margin:0;padding:10px;font-size:11px;display:block;cursor:pointer;}
#thumbs .thumb .play {position:absolute;top:110px;left:160px;width:75px;height:75px;background-image: url('/images/overlayDefault.png');background-position: center center;background-repeat:no-repeat;background-color:transparent;z-index:10;margin:0;padding:10px;display:block;cursor:pointer;}
#thumbs .thumb2 .play {position:absolute;top:65px;left:80px;width:65px;height:65px;background-image: url('/images/overlayDefault2.png');background-position: center center;background-repeat:no-repeat;background-color:transparent;z-index:10;margin:0;padding:10px;display:block;cursor:pointer;}
#thumbs .thumb2 .desc {top:0px;width:222px;height:180px;}
#thumbs .thumb .desc h3, #thumbs .thumb2 .desc h3 {font-weight:normal;font-size:12px;text-align:left;margin:0;padding:2px 7px 2px 7px;background-color:#d8d8d8;opacity:0.7;filter:alpha(opacity=70);}
#thumbs .thumb .desc h3 {font-size:14px;color:#333333;}
#thumbs #vidDiv h1, #thumbs #vidDiv h2 {text-align:left;}
#thumbs #vidDiv {height:auto;margin-bottom:5px;}
.vdesc { position:absolute;bottom:20px;text-align:justify;width:275px; }
.vdesc2 { position:absolute;bottom:20px;text-align:justify;width:220px; }
.hd { position:absolute;bottom:0;left:10px; }
.length { position:absolute;bottom:0;right:10px;padding:2px 7px 2px 7px;background-color:#d8d8d8;opacity:0.7;filter:alpha(opacity=70); }
.footer_text { text-align:justify;padding:10px 20px;margin:0;font-size:12px; }
.next { margin:10px auto 20px auto;width:100%;font-size:18px;text-align:center; }
.next a, .next a:visited { color:#000;text-decoration:none; }
.next a:hover { color:#000;text-decoration:underline; }
.fnav { font-size:14px;margin-bottom:20px; }

/* SEARCH */
.search{
	width:235px;
	height:40px;
	position:relative;
	padding:10px 0 0 30px;
	margin:0 13px 0 auto;
	float:right;
	clear:right;
}
.search-box{
	width:200px;
	height:23px;
	margin:5px 0 0 -10px;
	padding:5px;
	border:1px solid #2e2e2e;
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	font-size:20px;
}
.search-submit{
	margin: 4px -2px 0 0;
	vertical-align:middle;
	position: absolute;
	right: 3px;
	top: 10px;
}
.input-prompt {
	position: absolute;
	font-style: italic;
	font-size: 14px;
	color: #ccc;
	margin: 15px 0 0 0;
}

.text { padding:0 10px 10px 7px; font-size:13px; margin-bottom:20px; }
.text p, .text ul { text-align:justify;}
.text li {margin-left:10px;list-style:decimal;}

#pToolbar {
	width: 706px;
	height:75px;
	background-color:#000000;
	padding:0;
	margin-left:-3px;
	top:-2px;
	overflow:hidden;
	text-align:center;
	position:relative;
}
#pToolbar a {
	float:left;display:block;text-indent:-9999px;
}
#pToolbar .pToolbar1 {
	width:708px;
	height:68px;
	margin:3px auto;
}
#pToolbar .pToolbar1 a:link {
	background-image:url(/images/toolbar.gif);
	background-repeat:no-repeat;
}
#pToolbar .pToolbar1 .hdv a {
	background-position:0px 0px;
	width:322px;height:68px;
}
#pToolbar .pToolbar1 .quicktime a {
	background-position:-322px 0px;
	width:90px;height:68px;
}
#pToolbar .pToolbar1 .wmAvi a {
	background-position:-412px 0px;
	width:89px;height:68px;
}
#pToolbar .pToolbar1 .iphoneIpod a {
	background-position:-501px 0px;
	width:87px;height:68px;
}
#pToolbar .pToolbar1 .download a {
	background-position:-591px 0px;
	width:118px;height:68px;
}
#pToolbar .pToolbar1 .hdv a:hover {
	background-position:0px -68px;
}
#pToolbar .pToolbar1 .quicktime a:hover {
	background-position:-322px -68px;
}
#pToolbar .pToolbar1 .wmAvi a:hover {
	background-position:-412px -68px;
}
#pToolbar .pToolbar1 .iphoneIpod  a:hover {
	background-position:-501px -68px;
}
#pToolbar .pToolbar1 .download a:hover {
	background-position:-591px -68px;
}