/* RESET */
@import url("reset.css");
/*-------------------------------------------------------------------- 
[Master Stylesheet] 

- Project:	HDPORNPASS.COM
- Version:	1.0 
- Last CSS Update:    April 27, 2010


/*----------------------------------*/
/*--------- GENERAL RULES ----------*/
/*----------------------------------*/

* {margin: 0px; padding: 0px;}
body {background: url(/images/join/hdpp/bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #535353; line-height: 130%; text-align:center; margin: 0px; }

a, a:visited {color: #ca4c00;}
a:hover {color:#000; }

/* -- layout grid -- */
.w_960 {width: 960px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px;}
.w_900 {width: 900px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px;}
.w_640 {width: 640px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px;}
.w_480 {width: 480px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px;}
.w_320 {width: 320px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px;}
.w_240 {width: 240px; overflow: hidden; margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px;}

.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.alignright {text-align:right;}

.fleft {float:left;}
.fright {float:right;}

.pad5 {padding:5px;}
.pad10 {padding: 10px;}

.block {display:block;}
/*----------------------------------------------------------------*/
/*------[CONTAINER ELEMENTS ]-------------------------------------*/
/*----------------------------------------------------------------*/

#main-wrapper { width:960px;margin: 0 auto;text-align:center;}

#main-footer-wrap {     width:1024px;height:139px;      margin: 0px auto 100px auto;color: #efefef;     background: url(../images/outer-footer-bg.png) bottom center no-repeat; }

#content-area {width:960px;margin: 0 auto;text-align:left; background: #fff; border-right: 2px solid #000; border-left: 2px solid #000;}

.shade_long {background: url(../images/shade_long.gif) top center no-repeat; display:block;     clear:both;     width:960px;height:25px;margin: 0 auto; text-align:center;}
.shade_high {background: url(../images/page_header_bg.gif) top center no-repeat; display:block; clear:both;     width:960px;height:35px;margin: 0 auto;text-align:center;}



/**********************************************************/
/* ---------- [ COMP ELEMENTS ] --------------------------*/
/**********************************************************/

.header {width:960px; height:300px; margin: 0 auto; overflow:hidden;}
.form_pic_container {width:960px; overflow:hidden; margin: 0 auto;}

.form_block {
float:left;
width:432px;
height:600px;
background: #fff;
overflow:hidden;

}

.form_item {
padding:10px;
margin:10px;
background: #797878;

}

.pic_block {
width:528px;
height:600px;
float:right;
overflow:hidden;

}

.pic_block img {padding: 10px;}

.tagline {

border-bottom: 1px solid #999;
width:960px;
height:100px;
text-align:center;
margin: 0 auto;
background:#f3f3f3;
padding-bottom:20px;
}

.shadow {

}

.form_header {/* step header */
padding-top: 4px;
padding-bottom: 4px;
text-align: left;
background:#ebeaea url(/images/join/hdpp/arrow.gif) left center no-repeat;
background-position: 10px 5px;
padding-left: 25px;
color: #000;
font-weight: bold;
font-size:16px;
}

.form_bg { background: #f5f4f4; height:551px;}

.btn_join {
margin:20px 0px 15px 0px;
}
.form_title { 
padding-top: 13px;
}
.smtxt {
font-size: 9px;
font-style: italic;
}

#secure_block {width:393px; overflow:hidden;}
#secure_img {}
#secure_list {

font-size: 12px;
text-align: left;
color:#999999;
}

/**********************************************************/
/* ---------- [ NAVIGATION / MENU / BREADCRUMB ] ---------*/
/**********************************************************/
#top-mini-nav { width:960px;height:60px;margin: 0px auto 0px;text-align:left;color: #fff;overflow:hidden;background:#f3f4f4 url(/images/join/hdpp/join_logo.gif) top center no-repeat; border-bottom: 1px solid #000;}

#top-mini-nav #mini-nav {float:right;position:relative; height:19px;top:0px;right:15px;}

#top-mini-nav #mini-nav ul {margin: 0px;}
.menu { padding:0; margin:0;list-style-type:none;white-space:nowrap;}
.menu li { display:inline;      height:23px; color:#999;}

.menu li span { width:5px;height:23px;display:block;float:left;overflow:hidden;}


.menu a, .menu a:visited {display:block;float:left;height:23px;padding:3px 16px 0px 11px;margin-right:5px;color:#fff;text-decoration:none;}
.menu a:hover { color:#fae6cc;}


/**********************************************************/
/*-------- [ FOOTER / ELEMENT ] --------------------------*/
/**********************************************************/

.footer {color: #999; font-size:11px; font-weight:bold;}
.footer a, .footer a:visited {color: #e4e4e3;text-decoration: none;}
.footer a:hover {color: #c10909;}
.copy {color:#5d5d5d;}
.copy a, .copy a:visited {font-size: 11px;color: #acacab;text-decoration: underline;}
.copy a:hover {color: #c10909;}



/**********************************************************/
/*-------- [ VIDEO BLOCK / ELEMENT ] ---------------------*/
/**********************************************************/
.scenes_med ul {list-style: none;margin: 0px 0px 0px 0px;	padding: 0;}
.scenes_med li {padding: 4px;margin: 0;	float: left;position: relative;}
.scenes_med_block { background: #fff; width: 310px; height: 230px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #e2e2e2;}
.scenes_med_container {width: 300px;height: 200px;padding: 4px;background: #fff;}
.scenes_med_thumb {margin: 0px;width: 300px;	height: 200px;	position: relative;}
/*
.scenes_med_thumb img {width: 300px; height: 167px; /* Set the small thumbnail size */-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */}
*/
.scenes_med_thumb a {text-decoration: none;}
.scenes_med_thumb  span {	width: 33px;height: 36px;	overflow:hidden; display: block;	position: absolute;	bottom: 0px;right: 10px;background: url(/images/join/hdpp/hd.png) no-repeat;z-index: 3000;}
.scenes_med_info { width: 310px; padding:5px;: 3px;margin-top: 1px;font-family: Arial, Helvetica;background: #fff url(/images/join/hdpp/item_info_shade.gif) top center no-repeat;color: #5f1700;text-align: center;font-size: 11px; line-height: 110%;}
.scenes_med_info .scene_title {color:#121212; font-weight:normal;font-size: 12px; text-align:center;}
.scenes_med_info .scene_rate {color: #000; font-size: 11px; font-weight: normal;}
.scenes_med_info .scene_rate span {color: #ce5811; font-size: 11px; font-weight: bold;}
.scenes_med_info span.scene_site {color: #e8e8e6;font-size: 12px;}
.scenes_med_info span.scene_site a, .scenes_med_info span.scene_site a:visited {color: #359ff9; text-decoration: none;}
.scenes_med_info span.scene_site a:hover {color: #000;}



/*----------------------------------------------------------------*/
/*------[TITLEBAR / HEADER SECTION ]------------------------------*/
/*----------------------------------------------------------------*/
#titlebar {width: 960px;height:40px;overflow:hidden;margin: 0 auto;text-align:left;background:#fff url(/images/join/hdpp/titlebar_bg.gif) repeat-x;}
#titlebar span {font-size:16px;font-weight:bold;display:block;float:left;text-indent:40px;padding-top: 13px;color: #000;}

.page_header {width: 960px;height:34px;overflow:hidden;padding:10px 0px 5px 0px;margin: 0 auto;text-align:center;}
.filter_header {background: #ddd;border-bottom: 1px solid #c1bfbf;width: 960px;height:34px;overflow:hidden;margin: 0 auto;text-align:center;margin-bottom: 1px;}
.page_header span {width: 960px;color: #000;font-weight:bold;font-size:24px;margin: 0 auto;display:block;}

#section_title {font: 11px Arial, Helvetica, sans-serif;background-image:url(/images/join/hdpp/sectionheader_bg.gif);background-repeat:repeat-x;height:30px;line-height:30px;color:#fff;
font-weight:bold;font-size:16px;width:100%;overflow:hidden;margin:0px;padding:0px;}
#section_title li {list-style-type:none;padding-left:10px;display:inline-block;float:left;}
#section_title li.youarehere {font-size:12px;font-weight:normal;color:#969696;}
#section_title li.current {font-size:14px;font-weight:bold;color:#fff;}
#section_title a {display:inline-block;background-image:url(/images/join/hdpp/sectionheader_separator.gif); background-repeat:no-repeat; background-position:right;padding-right: 15px;
text-decoration: none;color:#9a9594;font-size:14px;	outline:none;}
#section_title a:hover {color:#fff;}

#pagesection {font: 12px Arial, Helvetica, sans-serif; background: #fafaf9 url(/images/join/hdpp/bc_bg.png) no-repeat; text-indent: 20px;border-top:solid 3px #000;	height:32px;
line-height:32px;color:#000;font-weight:bold;width:100%;overflow:hidden;margin:0px;}




/*****************************/
/**** disclaimer *************/
/*****************************/

#disclaimer {
margin: 0 auto;
padding: 25px 0px 25px 0px;
width: 600px;
line-height: 140%;
text-align: center;
font-size: 10px;
color: #000;
}

#disclaimer a, #disclaimer a:visited {
color: #5b5c5c;
font-weight: bold;
}

#disclaimer a:hover {
color: #000;
}



/* clear */
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.clearboth { clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}

/* End hide from IE-mac */
/*----------------------*/