/*
__  ______  _     ___  ____  _____    ____ ____  _______        __
\ \/ /  _ \| |   / _ \|  _ \| ____|  / ___|  _ \| ____\ \      / /
 \  /| |_) | |  | | | | | | |  _|   | |   | |_) |  _|  \ \ /\ / / 
 /  \|  __/| |__| |_| | |_| | |___  | |___|  _ <| |___  \ V  V /  
/_/\_\_|   |_____\___/|____/|_____|  \____|_| \_\_____|  \_/\_/   
                                                                      
*/


/* DEFAULT TOUR STYLING
----------------------------------------------------------------------------- */
body { margin:0; padding:0; background: #fff url(../bg.jpg) repeat; }
a { outline:none; }
.clear { clear: both; }
.pink { color: #ee2b72; }
.blue { color: #00b7e0; font-weight: bold; }
.black { color: #000; }
.red { color: #cc0000; }
* { padding:0; margin:0; }
#tourwrapper { width:968px; margin-right:auto; margin-left:auto; border-top: 0 solid #FFFFFF; border-right: 10px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 10px solid #FFFFFF; background: #FFFFFF; }
img { border:0 }
#pagetops { font: bold 15px Arial, Helvetica, sans-serif; color: #000000; text-align: center; margin-top: 10px; margin-bottom: 5px; }
#pagetops a { color: #ee2b72; }


/* MAIN HEADER
----------------------------------------------------------------------------- */
#mainheader { width: 968px; height:523px; display: block; }


/* ALT HEADER
----------------------------------------------------------------------------- */
#altheader { width: 968px; height:357px; display: block; }


/* JOIN HEADER
----------------------------------------------------------------------------- */
#joinheader { width: 968px; height:252px; display: block; }


/* NAVIGATION
----------------------------------------------------------------------------- */
#navigation { width: 968px; height: 71px; display: block; overflow: hidden; background: #FFFFFF; }
.roll1 { display:block; width:145px; height:71px; background:url(../n1.gif) no-repeat; text-indent:-9999px; float: left; }
a.roll1:link, a.roll1:visited, a.roll1:active { background:url(../n1.gif) no-repeat; }
a.roll1:hover { background-position:-145px 0; }
.roll2 { display:block; width:329px; height:71px; background:url(../n2.gif) no-repeat; text-indent:-9999px; float: left; }
a.roll2:link, a.roll2:visited, a.roll2:active { background:url(../n2.gif) no-repeat; }
a.roll2:hover { background-position:-329px 0; }
.roll3 { display:block; width:285px; height:71px; background:url(../n3.gif) no-repeat; text-indent:-9999px; float: left; }
a.roll3:link, a.roll3:visited, a.roll3:active { background:url(../n3.gif) no-repeat; }
a.roll3:hover { background-position:-285px 0; }
.roll4 { display:block; width:209px; height:71px; background:url(../n4.gif) no-repeat; text-indent:-9999px; float: left; }
a.roll4:link, a.roll4:visited, a.roll4:active { background:url(../n4.gif) no-repeat; }
a.roll4:hover { background-position:-209px 0; }


/* HEADER TEXT INTRO
----------------------------------------------------------------------------- */
#intro { width : 968px; height: 62px; color: #000000; text-align: center; display: block; background: url(../intro.jpg) no-repeat; font: normal 14px Arial, Helvetica, sans-serif; padding-top: 7px; }


/* EPISODE INTERFACE
----------------------------------------------------------------------------- */
.episodeinterface { height: 1084px; width: 947px; border: 1px solid #000000; margin-right: auto; margin-left: auto; position:relative; background: url(../episode_interface.jpg); margin-bottom: 15px; }
.episodeinterface .stats { color: #000; text-align: center; display: block; padding-top: 14px; font: bold 24px Arial, Helvetica, sans-serif; }
.episodeinterface .stats .gap { margin-right: 25px; }
.bigpic { width: 925px; height: 512px; border: 1px solid #000000; margin-left: 10px; margin-top: 11px; margin-bottom: 1px; }
.thumbcontainer { width: 927px; margin-left: 10px; }
.leftbox { width: 413px; height: 411px; float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px; }
.leftbox img { border: 1px solid #000000; margin-bottom: 1px; margin-top: 0px; }
.leftbox img.pad { margin-left: 1px; margin-bottom: 1px; }
.rightbox { width: 513px; height: 411px; float: right; display: block; margin: 0px 0px 0px 1px; padding: 0px; }
.rightbox img { border: 1px solid #000000; }
.rightbox img.pad { margin-left: 1px; }
.story { font: normal 15px Arial, Helvetica, sans-serif; color: #2d2d2d; text-align: left; display: block; overflow: scroll; margin: auto; position: relative; height: 118px; }
.episodebottom { height: 93px; width: 947px; margin-top: 8px; }


/* TRAILER PAGE
----------------------------------------------------------------------------- */
#trailer { width:750; text-align: center; margin: 10px auto; }
#trailer h1 { font: bold 21px/40px Arial, Helvetica, sans-serif; color: #000000; text-align: center; }
#trailer h1 a { color: #ee2b72; }
#trailer h2 { font: normal 12px Arial, Helvetica, sans-serif; color: #000000; text-align: left; display: block; width: 720px; margin: 10px auto; }
#trailer h2 .intro { font-weight: bold; font-size: 15px; color: #FF0066; }
#footeralt { width:968px; display: block; margin-top: -5px; }


/* UPDATES PAGE
----------------------------------------------------------------------------- */
.updatesinterface { background-color: #fff; width: 960px; border: margin-right: auto; margin-left: auto; position:relative; height: 100%; }
.updatesinterface .rowdisplay { width: 960px; }
.updatesinterface .updatesbox { text-align: center; width: 312px; background-color: #fff; float: left; margin: 2px; }
.updatesinterface .updatesbox img { border: 1px solid #000; margin-top: 5px; margin-bottom: 2px; }
.updatesinterface .updatesbox h2 { text-align: center; color: #000000; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font: normal 16px Arial, Helvetica, sans-serif; }
.updatesinterface .updatesbox h2 a { text-align: center; color: #ee2b72; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: none; }
.updatesinterface .updatesbox h2 a:hover { text-align: center; color: #ee2b72; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: underline; }
.updatesinterface .clear { clear: both; }


/* XPLODE NETWORK UPDATES PAGE
----------------------------------------------------------------------------- */
.networkinterface { background-color: #fff; width: 960px; border: margin-right: auto; margin-left: auto; position:relative; height: 100%; }
.networkinterface .rowdisplay { width: 960px; }
.networkinterface .updatesbox { text-align: center; width: 312px; background-color: #fff; float: left; margin: 2px; }
.networkinterface .updatesbox img { border: 1px solid #000; margin-top: 5px; margin-bottom: 2px; }
.networkinterface .updatesbox h2 { text-align: center; color: #000000; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font: normal 16px Arial, Helvetica, sans-serif; }
.networkinterface .updatesbox h2 a { text-align: center; color: #ee2b72; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: none; }
.networkinterface .updatesbox h2 a:hover { text-align: center; color: #ee2b72; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: underline; }
#numpages { width:930px; height: 40px; border: margin-right:auto; border:1px solid #CCCCCC; background: url(../fulllist.gif); text-align: right; margin-top: 10px; margin-left: 15px; margin-bottom: 7px; font: bold 16px/42px Arial, Helvetica, sans-serif; color: #CC3300; text-decoration: none; }
#numpages .listbox { width: auto; margin-right: 10px; }
#numpages a { color: #000000; text-decoration: underline; margin-right: 2px; margin-left: 2px; }
#numpages a:hover { color: #cc0000; text-decoration: underline; margin-right: 2px; margin-left: 2px; }
.networkinterface .clear { clear: both; }


/* MAIN FOOTER
----------------------------------------------------------------------------- */
#footer { width:968px; display: block; margin-top: -5px; }
#members { width:988px; margin: 0px auto; display: block; text-align: center; height: 80px; background: #FFFFFF; }
.options { width:988px; height:40px; display:block; margin-right: auto; margin-left: auto; background: #000000 url(../footerbot.jpg) no-repeat; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; padding-top: 14px; }
.options a { color: #FFFFFF; padding: 5px; }
.options a:hover { color: #FFCC00; text-decoration: underline; padding: 5px; }


/* JOIN PAGE FORM LAYOUT
----------------------------------------------------------------------------- */
#joinpagetop { font: bold 15px Arial, Helvetica, sans-serif; color: #000000; text-align: center; margin-top: 10px; margin-bottom: 10px; }
#joinwrapper { width:947px; margin-right:auto; margin-left:auto; }
#joinleft { width:272px; text-align: center; float:left; }
#joinleft img { margin:1px; border: 1px solid #000000; }
#joinright { width:272px; text-align: center; float:right; }
#joinright img { margin:1px; border: 1px solid #000000; }
#theform { width:403px; float:left; font: normal 12px Arial, Helvetica, sans-serif; color: #665925; background: #fff6bf; }
#theform .minitxt { font-size: 9px; }


/* JOIN PAGE MIDDLE TABLE CENTER HACK
----------------------------------------------------------------------------- */
div.joincenter {width:98%; margin:1%;}
table#table1 {margin-left:auto; margin-right:auto; width:354px;}


/* JOIN PAGE FORM FIELDS
----------------------------------------------------------------------------- */
#submitbutton { text-align: center; background: #78b227; font: bold 20px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding: 3px; border-top: 2px solid #86c72b; border-right: 2px solid #006600; border-bottom: 2px solid #006600; border-left: 2px solid #86c72b; width: 350px; }
.firstlast { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 100px; background: #FFF; padding: 3px; }
#address { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 212px; background: #FFF; padding: 3px; }
.zipcity { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 100px; background: #FFF; padding: 3px; }
#stateprovince { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 224px; background: #FFF; }
#country { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 224px; background: #FFF; }
#email { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 212px; background: #FFF; padding: 3px; }
#password { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 212px; background: #FFF; padding: 3px; }
.memberhips { font: bold 14px Arial, Helvetica, sans-serif; color: #000000; text-align: left; }
.membershipsmini { font: normal 10px Arial, Helvetica, sans-serif; color: #666666; text-align: left; }
.bestdeal { color: #CC0000; font-size: 10px; }
#payment { font: normal 13px Arial, Helvetica, sans-serif; color: #000; width: 224px; background: #FFF; }
.joinprint { font: normal 11px Arial, Helvetica, sans-serif; color: #000000; text-align: center; }
.joinprint a { color: #000000; text-decoration: underline; }

/* Start Girls Page Styles */
.girlthumbs { border: 5px solid #000; }
.girlname { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; font-weight: bold; color: #FFFFFF; text-align: center; width: 150px; background-color: #666666; text-decoration: none; }
a.girlnamelnk { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; font-weight: bold; color: #fff; text-decoration: underline; text-align: center; background-color: #000; }
a.girlnamelnk:hover { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; font-weight: bold; color: #fcff1f; text-decoration: underline; text-align: center; background-color: #000; }
.girlnamesbig { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; font-weight: bold; color: #FFFFFF; text-align: center; width: 210px; background-color: #000000; }