/*
  ___     _    _ _  _             _  ___         _      ___           
 / __|___| |__| | || |__ _ _ _ __| |/ __|__ _ __| |_   / __|___ _ __  
| (__/ _ \ / _` | __ / _` | '_/ _` | (__/ _` (_-< ' \ | (__/ _ \ '  \ 
 \___\___/_\__,_|_||_\__,_|_| \__,_|\___\__,_/__/_||_(_)___\___/_|_|_|
 
 */

/* reset.css */
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, caption { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { background-color: #858585; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
.clear { clear: both; }

/* GENERIC STYLES
----------------------------------------------------------------------------- */
.black { color: #000; }
.white { color: #fff; }
#pageTitle { width: 310px; height: 30px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 30px; font-weight: bold; color: #000; text-align: left; background: #ccc; padding-left: 10px; }

/* MAIN LAYOUT
----------------------------------------------------------------------------- */
/* Set the background color of the content area in #wrapper. This color is visible in the middle where the join button is and in the footer */
#wrapper { width: 320px; height: auto; margin-right: auto; margin-left: auto; background: #fff; }
#header { width: 320px; height: 28px; background: url(../img/header.jpg); padding-top: 101px; }
#intro { width: 320px; height: 37px; background: #000 url(../../img/intro.png); }
#middleAccess { width: 311px; height: 40px; padding-top: 10px; padding-left: 9px; }
#pressHere { width: 320px; height: 50px; margin-right: auto; margin-left: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 50px; font-weight: bold; background-color: #3a7200; }
#pressHere a, a:visited { color: #fff; }
/* Top Navigation Buttons use background images for all 4 buttons, link colors can be customized within li a and li a:hover */
ul.topNav { width: 308px; height: 28px; margin-right: auto; margin-left: auto; list-style-type: none; }
ul.topNav li { width: 64px; height: 27px; display: inline; float: left; font: bold 13px/27px Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase; background-color: #000; background-image: url(../img/bg_nav.jpg); background-repeat: repeat-x; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #fff; border-right-color: #fff; border-left-color: #fff; margin-right: 5px; }
ul.topNav li a { color: #fff; text-decoration: underline; }
ul.topNav li a:hover { text-decoration: underline; }
ul.topNav li.home { width: 53px; }
ul.topNav li.pornstars { width: 93px; }
ul.topNav li.members { width: 78px; }
ul.topNav li.signup { width: 61px; background-image: url(../img/bg_nav-join.jpg); background-repeat: repeat-x; margin-right: 0px; }

/* UPDATE BLOCK (video thumb, details, etc)
----------------------------------------------------------------------------- */
/* Set background color of update block in .update */
.update { width: 320px; height: 236px; border-bottom: 1px solid #000; background-color: #efefef; }
.videoThumb { width: 300px; height: 177px; padding-top: 10px; padding-left: 10px; margin-bottom: 7px; }
ul.updateDetails { width: 300px; height: 32px; list-style-type: none; margin-right: auto; margin-left: auto; }
ul.updateDetails li { width: 165px; height: 32px; display: inline; float: left; text-align: left; }
ul.updateDetails li h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000; }
/* Set link color of girls name in li h1 a */
ul.updateDetails li h1 a { color: #1251a9; text-decoration: underline; }
ul.updateDetails li h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000; }
ul.updateDetails li h2 .gray { color: #747474; }
/* Set background color and link color of watch trailer button in li.watch and li.watch a */
ul.updateDetails li.watch { width: 133px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 30px; font-weight: bold; color: #fff; text-align: center; border: 1px solid #000; background-color: #1251a9; }
ul.updateDetails li.watch a { color: #fff; text-decoration: underline; }

/* FOOTER
----------------------------------------------------------------------------- */
#bottom { width: 320px; height: auto; padding-top: 20px; }
#onPage { width: 146px; height: 42px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #000; background-image: url(../img/on_page.png); background-repeat: no-repeat; text-align: center; padding-top: 21px; }
.currentPage { color: #3a7200; }
ul.prevNext { width: 280px; height: 40px; list-style-type: none; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
ul.prevNext li { width: 140px; height: 40px; display: inline; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; line-height: 40px; color: #999; }
ul.prevNext li a { color: #000; text-decoration: none; }
ul.prevNext li.prevleft { text-align: left; }
ul.prevNext li.nextright { text-align: right; }

/* customize the colors of the text and links in the footer */
#bottomLinks { width: 300px; height: auto; margin-right: auto; margin-left: auto; font: bold 12px/28px Arial, Helvetica, sans-serif; text-align: center; color: #747474; }
#bottomLinks a { color: #747474; text-decoration: none; }
#bottomLinks a:hover { text-decoration: underline; }
#bottomLinks a.info2257 { line-height: 15px; font-size: 9px; font-weight: normal; }
#bottomLinks a.switch { font-size: 14px; }

/* THUMBNAIL GALLERY
----------------------------------------------------------------------------- */
#thumbnailwrapper { margin: 0 auto 0; width: 320px; position: relative; margin-right: auto; margin-left: auto; }
#thumbnail-container { margin: 10px 0 0 5px; padding: 0; border-width: 0px; border-style: none; }
ul.slides { margin: 0 0 10px 0; padding: 0; border: 1px solid #fff; }
ul.slides li { /* width is calculated by PHP in the HTML, style is applied inline */ float: left; margin: 0 0 0 0px; padding: 5px; display: inline; text-align: center; }
ul.slides li img { border: 1px solid black; background: #fff; padding: 0px; }
ul.slides li a { display: block; /* display:block required to make anchor tag's border surround img in Firefox */ }

/* JOIN STYLES
----------------------------------------------------------------------------- */
#joinTop { width: 286px; height: 28px; margin-right: auto; margin-left: auto; background: #000; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 28px; font-weight: bold; color: #fff; }
#joinWrapper { width: 300px; height: auto; margin-right: auto; margin-left: auto; background: #fff; padding: 10px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.joinField { width: 146px; height: 22px; background: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; text-align: left; border: 1px solid #000; padding-top: 3px; padding-left: 4px; }
div.spacer { height: 5px; }
span.error { color: #F00; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; }
.choose { font-size: 15px; font-weight: bold; color: #000; }
#joinWrapper a { color: #908f8f; text-decoration: underline; }

/* PORNSTARS LIST
----------------------------------------------------------------------------- */
#pornstarwrapper { margin: 0 auto 0; width: 320px; position: relative; margin-right: auto; margin-left: auto; }
#pornstar-container { margin: 10px 0 0 5px; padding: 0; border-width: 0px; border-style: none; }
ul.pstarslides { margin: 0 0 10px 0; padding: 0; border: 1px solid #fff; }
ul.pstarslides li { /* width is calculated by PHP in the HTML, style is applied inline */ float: left; margin: 0 0 0 0px; padding: 5px; display: inline; text-align: center; }
ul.pstarslides li img { border: 1px solid black; background: #fff; padding: 0px; }
ul.pstarslides li a { display: block; /* display:block required to make anchor tag's border surround img in Firefox */ }
.starname { width: 91px; height: 15px; text-align: center; line-height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; }
.starname a { color: #1251a9; text-decoration: underline; }

/* PORNSTAR PAGINATION
----------------------------------------------------------------------------- */
.pagination { margin-right: auto; margin-left: auto; margin-top: 20px; padding: 2px; font: 14px Arial, Helvetica, sans-serif; }
.pagination ul { margin: 0; padding: 0; text-align: center; /*Set to "right" to right align pagination interface*/ font-size: 14px; }
.pagination li { list-style-type: none; display: inline; padding-bottom: 1px; }
.pagination a, .pagination a:visited { padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; }
.pagination a:hover, .pagination a:active { border: 1px solid #1e1e1e; color: #fff; background-color: #1e1e1e; }
.pagination a.currentpage { background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; }
.pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #236ab1; border: 1px solid #9aafe5; }

/* SUPPORT PAGE
----------------------------------------------------------------------------- */
.question { width: 306px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #fff; background-color: #3c3c3c; text-align: left; padding: 7px; }
.answer { width: 306px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; background-color: #efefef; text-align: left; padding: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #3c3c3c; }
.tutorial { width: 250px; margin-right: auto; margin-left: auto; font-size: 12px; color: #666; }

/* 2257 PAGE
----------------------------------------------------------------------------- */
.page2257 { padding: 5px; text-align: justify; }
#genericWrap { font-size: 10px; font-family: "Arial"; color:black; }
.wideheader h1 { font-size: 12px; font-family: "Arial"; }

#loggedin { font-family: Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 25px; font-weight: bold; color: #fff; text-align: center;
height: 25px; width: 320px; background-color: #000; margin-right: auto;
margin-left: auto; }
#loggedin .youare { color: #cecece; }