/* Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
body { line-height:1.5; font-size:75%; color:#222; background:#222 url(/images/bg_body.jpg); font-family:Helvetica, Arial, sans-serif; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:0.75em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em; }
ul { list-style-type:none; }
a img { border:none; }
a { color: #1b5bff; }
a:hover { color: #000; }
/* Slider
-------------------------------------------------------------- */

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
/* // image replacement */
/* Easy Slider */
#slider { width: 930px; margin: 0 auto; width: 10000px; }
#slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider2 { margin-top:1em; }
#slider li, #slider2 li { /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ width:186px; height:140px; overflow:hidden; display: inline-block }
#prevBtn, #nextBtn, #slider1next, #slider1prev { display:block; width:50px; height:50px; position:absolute; left:-50px; top:35px; z-index:1000; }
#nextBtn, #slider1next { left:930px; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display:block; position:relative; width:50px; height:50px; background:url(/images/btn_prev.png) no-repeat 0 0; }
#nextBtn a, #slider1next a { background:url(/images/btn_next.png) no-repeat 0 0; }
/* // Easy Slider */


.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { float: left; }




/* Email 2 Join Approval
-------------------------------------------------------------- */
.e2join table { background: #E8F7FF;border: 1px solid #66A3C7;font-size: 130%;border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin: 15px 0; }
.e2join td { padding: 5px; }
.e2join .key { text-align: right;color: #4380A5; }
.e2join .value { font-weight: bold; }
.e2join p { margin-top: 15px; }

/* Login Form
-------------------------------------------------------------- */

#wrap { max-width: 930px; }
#head { overflow: hidden; }

.loginframe { background:#e8e8e8; width:910px; margin:0px auto 10px; padding:10px; box-shadow: 0 0 35px rgba(0,0,0,0.8); }
.loginBox { clear:both; list-style-type:none; border:solid 1px #dcdcdc; background: #fff; padding:10px 10px 20px; }
.loginBox h1, .loginBox h2 { color:#212121; font-size:2.3em; font-weight:700; margin:10px 0 0; padding:0; }
.loginBox h2 { font-size:1.3em; margin:0 0 10px; }
#loginBlock p.intro { font-weight: bold; font-size:12px; margin-bottom:5px; padding: 8px; position: relative; }
#loginBlock p.error { background: #ffeded; border: 1px solid #d8b3b3; color: #f00; }
#loginBlock p.error span { position: absolute; display: block; width: 16px; height: 16px; left: -8px; top: -8px; background: url(/images/error.png) no-repeat; }
#joinBlock { float:left; display:inline; width:460px; margin-left:20px; }
#joinBlock .intro, #joinBlock .button { text-align:center; }
#loginBlock { float:right; display:inline; width:330px; margin-left:70px; }
#loginBlock h1 { margin-bottom:20px; }
#joinBlock h1 { color:#390; font-size:2.4em; }
#promo { width:910px; text-align:center; position:relative; margin:0 auto; }
#slider .thumb { border:solid 1px #dcdcdc; margin:3px; box-shadow: 0 0 10px rgba(0,0,0,0.9); }
#promo h2 { font-size:1.6em; margin:5px 0; }
#joinBlock ul, #joinBlock li { margin:0; padding:0; }
#joinBlock li { background:url(/images/bullet-check-login.gif) no-repeat 0 8px; border-top:solid 1px #dcdcdc; padding:12px 0 12px 45px; }
#joinBlock li strong { font-size:1.3em; display: block; margin: 0 0 4px 0; }
.field { font-size:1.1em; position:relative; clear:both; }
.text-field { font-size:1.1em; margin-bottom:14px; padding:5px; width: 230px; background: #fff; border: 1px solid #ABADB3; }
.text-field:focus { outline: none; border-color: #7c89b0; background: #eff3fe; }
.code { position:absolute; left:130px; top:12px; border:solid 1px #dcdcdc; }
.submitbutton { font-family: Arial, Helvetica, sans-serif; border: 1px solid #AAAAAA; color: #333; box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 1px #FFFFFF inset; cursor: pointer; display: inline-block; padding: 6px 20px; margin: 20px 0; font-size: 1.6em; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; background: #ccc; background: -moz-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #CCCCCC)); background: -webkit-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent; background: -o-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent; background: -ms-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent; background: linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CCCCCC', GradientType=0 );
}
.field label { display: block; margin: 0 0 3px 0; }
.submitbutton:hover { border-color: #1C64E8; }
a.joinButton { background:url(http://images.porn.com/images/joinPorn-Big.gif) no-repeat; display:block; width:220px; height:40px; text-indent:-9999px; }
#joinBlock .joinButton { background:url(/images/btn-joinnow-login.gif) no-repeat; width:400px; height:60px; margin:10px 0 10px 35px; }
#footer { color: #666; }
#footer h2, #wrap h2 { color: #ccc; text-align: center; margin-bottom: 0.25em; text-shadow: 1px 1px 3px #000; }
h2 span { color: #ff9; }
#footer .copyright { text-align: center; font-size: 11px; margin-top: 15px; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer ul.links { text-align: center; margin-top: 25px; }
#footer ul.links li { display: inline; padding: 0 15px; border-right: 1px solid #333; }
#footer ul.links li.last { border: none; }
/* Clearfix
-------------------------------------------------------------- */

* html .clearfix { height:1%; overflow:visible; }
*+html .clearfix { min-height:1%; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }