/***********************************************/
/* ROUNDED CORNERS                             */
/***********************************************/ 
.rtop,.artop,.rbottom{display:block}
.rtop *,.artop *,.rbottom *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}




/***********************************************/
/* FREE AREA HEADER IMAGE ROLLOVER             */
/***********************************************/ 
#dropmenudiv {
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a {
//	width: 100%;
	display: block;
	text-indent: 0px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
}

#dropmenudiv a:hover { 
	// hover background color
	background-color: #AC49C8;
}

.mainDiv {
//	width:100%;
}

.topItem {
	cursor:pointer;
}

/***********************************************/
/* FREE AREA HEADER IMAGE ROLLOVER             */
/***********************************************/ 
.home {        
        width: 135px; height: 50px;
        background: url( 'http://www.peekshows.com/black/images/home_star.gif' );
        }                               
                                         
.home a {                      
        display: block;         
        width: 135px; height: 50px;
        overflow:hidden;
        background: url( 'http://www.peekshows.com/black/images/home_black.gif' );
        }       
                        
.home a:hover {                
        background-image: none; 
        }                        

.login {        
        width: 135px; height: 39px;
        background: url( 'http://www.peekshows.com/black/images/login_star.gif' );
        }                               
                                         
.login a {                      
        display: block;         
        width: 135px; height: 39px;
        overflow:hidden;
        background: url( 'http://www.peekshows.com/black/images/login_black.gif' );
        }       
                        
.login a:hover {                
        background-image: none; 
        }                        

.models {        
        width: 135px; height: 40px;
        background: url( 'http://www.peekshows.com/black/images/models_star.gif' );
        }                               
                                         
.models a {                      
        display: block;         
        width: 135px; height: 40px;
        overflow:hidden;
        background: url( 'http://www.peekshows.com/black/images/models_black.gif' );
        }       
                        
.models a:hover {                
        background-image: none; 
        }                        

.benefits {        
        width: 135px; height: 40px;
        background: url( 'http://www.peekshows.com/black/images/benefits_star.gif' );
        }                               
                                         
.benefits a {                      
        display: block;         
        width: 135px; height: 40px;
        overflow:hidden;
        background: url( 'http://www.peekshows.com/black/images/benefits_black.gif' );
        }       
                        
.benefits a:hover {                
        background-image: none; 
        }                        

.join {        
        width: 135px; height: 46px;
        background: url( 'http://www.peekshows.com/black/images/join_star.gif' );
        }                               
                                         
.join a {                      
        display: block;         
        width: 135px; height: 46px;
        overflow:hidden;
        background: url( 'http://www.peekshows.com/black/images/join_black.gif' );
        }       
                        
.join a:hover {                
        background-image: none; 
        }                        

/***********************************************/
/* NEW PEEKSHOWS CONTENT BOX                   */
/***********************************************/ 

div.box {
	background: #000000;
	margin-bottom: 30px;
}

                        
.box h3 {
	font-size: 100%;
	margin:0;
	padding: 0 0 3px;
    background: url( 'http://www.peekshows.com/images/contentgradient2.jpg' );
	color: #FFF;
	text-align: center;
}

                        
.box p {
	background: #000000;
	margin:0;
	line-height: 1.3;
	text-align: left;
}

div.Footer {
	background: #F8E8FB;
	margin-top: 5 px;
	margin-bottom: 5 px;
}

.Footer p {
	background: #F8E8FB;
	margin: 0;
	line-height: 1.3;
	text-align: center;
}



/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Arial;
	line-height: 1.166;	
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background: url('http://www.peekshows.com/bio/images/big_center.gif') fixed;
	background-repeat:no-repeat;
	background-position:center center;
	background-color: #000000;
	font-size: 12px;
	color: #FFFFFF;
	overflow:auto;

        scrollbar-base-color: #66128E;
        scrollbar-arrow-color: #F8E8FB;
        scrollbar-3dlight-color: #ecb9fa;
        scrollbar-darkshadow-color: #000000;
        scrollbar-face-color: #66128E;
        scrollbar-highlight-color: #AC49C8;
        scrollbar-shadow-color: #000000;

}

a:link, a:visited, a:hover {
	font: bold 100% Arial,sans-serif;
	color: #CB17FF;
	text-decoration: none;
}

a:hover {
	font: bold 100% Arial,sans-serif;
	color: #FF79E1;
	text-decoration: underline;
}

hr {
	border: 0;  
	background-color: #AC49C8;
	color: #AC49C8;
}       

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
	margin: 0px;
	padding: 0px;
}

h1{
	font-family: Arial;
	font-size: 120%;
	color: #334d55;
}

h2{
	font-size: 114%;
	color: #222222;
}

h3{
	font-size: 100%;
 	color: #334d55;
}

h4{
	font-size: 100%;
 	font-weight: normal;
	color: #333333;
}

h5{
 	font-size: 100%;
 	color: #334d55;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}

label{
	font: bold 100% Arial,sans-serif;
	color: #334d55;
}

td {
        font-family: Arial;
        font-size: 12px;
        }

/***********************************************/
/* EXTRAS                                      */
/***********************************************/

.COLORHeader {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CB17FF;
}

.greytxt {color: #333333} 

/***********************************************/
/* BLOG                                        */
/***********************************************/

.avatar {
	font-size: 10px;
	font-weight: bold;
	width: 20%;
	text-align: center;
	color: #FFFFFF;
}

.avatar h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.spacer {
	height: 1px;
	background-color: #ac49c8;
	color: #ac49c8;
}

.entry {
	text-align: justify;
	margin: 3px;   
}

.space {
	padding: 2px;
}

.vspace {
	width: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #ac49c8; 
}

.addComment {
	background: transparent;
	color: #FFFFFF;
}

.addComment2 {
	background: transparent;
	color: #FFFFFF;
	border:1px solid;
}


/**** free gallery shit ****/
#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; padding-top: 35px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 270px; width: 100%; z-index:10; overflow:hidden;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height:100%;}
#prevLink { left: 0; float: left; background: url(/images/prevlabel.gif) left 0% no-repeat;}
#nextLink { right: 0; float: right; background: url(/images/nextlabel.gif) right 0% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 0% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 0% no-repeat;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; z-index:10;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float:right;padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

div#outer {
			width: 99%;
			text-align: center;
			overflow:visible;
			}

div#imagenav {
                width: 99%;
				min-width:400px;
                height: 116px;
                text-align: center;
                padding-top:20px;
                padding-left: 0px;
                padding-right: 0px;
				overflow:visible;
                }

div#outerAwards {
			width: 99%;
			text-align: center;
			overflow:visible;
			}

div#awardsnav {
                width: 99%;
				min-width:400px;
                height: 160px;
                text-align: center;
                padding-top:20px;
                padding-left: 0px;
                padding-right: 0px;
				overflow:visible;
                }


/* bio info area tabish stuff */
	
#infonav {
		display:block;
        float: left;
        width: 99%;
        height: 23px;
        margin: 0;
        padding: 0;
        list-style: none;
        background-image: url(http://www.peekshows.com/images/contentgradient.jpg);
        border-left: 1px solid #ac49c8;
        border-right: 1px solid #ac49c8;
        border-bottom: 1px solid #ac49c8;
        text-align:center;
        }

 #infocontent {
        width: 99%;
        float: left;
        color:#fff;
        padding-top:3px;
        padding-bottom:3px;
        border: 1px solid #ac49c8;
        }

    #infonav #fantasy {
        float: left;
            width:24%;
			height: 17px;
			padding-top:3px;
            vertical-align: text-top;
        }
    #infonav #details {
        float: left;
            width:25%;
			height: 17px;
			padding-top:3px;
            vertical-align: text-top;
            border-left:#000 solid 2px;
        }
    #infonav #blog {
        float: left;
            width:25%;
			padding-top:3px;
			height: 17px;
            vertical-align: text-top;
            border-left:#000 solid 2px;
        }
    #infonav #messaging {
			height: 17px;
        float: left;
			padding-top:3px;
            width:24%;
            vertical-align: text-top;
            border-left:#000 solid 2px;
        }

    #infonav a {
        text-align:center;
        display: block;
        padding: 2px 15px 2px 15px;
        text-decoration: none;
        font-weight: bold;
        font-size: 75%;
        color: #ccc;
        }

    #infonav span:hover {
        color: #fff;
		cursor:pointer;
        }


#navloc {
		float:left;
		text-align:left;
		}

.navlocdiv {
		color:#ac49c8;
		float:left;
		text-align:left;
		cursor:pointer;
		}

.navlocp {
		color:#fff;
		float:left;
		text-align:left;
		}


.inputtext
	{
	color: #fff;
	background: #000;
	border: 1px solid #ac49c8;
	width:auto;
	}

.searchdropdown
	{
	color: #fff;
	background: #000;
	border: 2px solid #ac49c8;
	width:auto;
	} 

fieldset
{
border: 1px solid #ac49c8;
width: auto;
margin:10px;
padding:10px;
}

legend
{
color: #fff;
background: #ac49c8;
border: 1px solid #cc55cc;
padding: 2px 6px
}