/*-----ITEMBOX CSS starts at line 600------*/
/*-----Sidebar at 477----------------------*/
/*-----Profile at 235 ---------------------*/

#fn_layer8 {
display: none !important;
}
#fn_selector_insertion_script {
display: none !important;
}

body{
font-family: "Arial",Helvetica, sans-serif;
background: #222;
color: #FFF;
margin:0;
padding:0;
line-height: 1.22em;
}

a { color: #f5df66; text-decoration: none; }
a:hover { text-decoration: none; color : #EEE; }
.profile > a:hover {
    text-decoration: underline;
}
img{ border: none;} 
img a{border:none;} 

a:hover img {
/*filter:alpha(opacity=70);*/
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}

ul { list-style-type: none; }

b{font-size: 110%;}
em{color: red;}
h3{margin-bottom: 4px;}
#camblock {
	width: 101.4%;/*770*/
	height: auto;
}
#sidebar-ad-text h4 {
    margin-bottom: 8px;
    margin-top: -22px;
}
#right_container {
	float:right;
	position:relative;
	width:355px;
	height:482px;
	overflow:hidden;
	border: 1px solid #fff;
}
#rightsidevid {
color: #FFCC00;
float: right;
width: 355px;
height: 146px;
font-size: 10px;
line-height: 1.2em;
overflow: hidden;
text-align: center;
}
#rightsidevid img {
border: 1px solid #fff;
margin-right: 4px;
position: relative;
}
#maincontainer{
width: 1024px;
height: auto;
margin: 10px auto;
}
#header{
font-family: "Trebuchet MS";
background: #000;
height: 120px; /*Height of top section*/
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.header-text {
    float: left;
    height: 120px;
    margin: -14px 0px 0px 175px;
    position: relative;
}
#header h1 {
font-size: 1.7em;
font-weight: 100;
letter-spacing: -1px;
margin-bottom: 8px;
/*padding: 0px 0px 0px 175px;*/
}
#header h1 a {
color: #FFF5BF;
}
#header h1 a:hover {
color: #fff;
}
#header h2 {
letter-spacing: -1px;
color: #ddd;
font-size: 1.1em;
font-weight: 100;
/*margin: -16px 0 0 175px;*/
}
#header h2 a {
color: #ddd;
text-decoration: underline;
}
#header h2 a:hover {
color: #ddd;
text-decoration: none;
font-weight: normal;
}
.girl {
background: url(../images/left.png) no-repeat;
float: left;
width: 109px;
/*height: 160px;*/
height: 120px;
position: absolute;
z-index: 1;
}
#banner-wrap{
	width: 468px;
	height: 95px;
	margin-top: 5px;
	margin-right: 6px;
	text-align: center;
	float: right;
	position: relative;
}
#banner-wrap img {
padding-top: 6px;
}
#ad-text{
	font-size: 0.7em;
	width: 468px;
	color: #1A1A1A;
	text-align: center;
	margin-top: 2px;
	float: right;
	background-color: #515d7a;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#menu {
color: orange;
background: #475572 url("https://adultperformersdatabase.com/images/menu.jpg") no-repeat;
display: inline-block;
justify-content: flex-start;
line-height: 35px;
font-size: 1.2em;
letter-spacing: -1px;
margin-bottom: 6px;
clear: both;
width: 100%;
}

#menu ul {
list-style-type: none;
margin: 0;
padding-left: 10px;
}

#menu ul li {
display: block;
float: left;
}

#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #eee;
letter-spacing: -1px; 
}
#menu ul li a:hover {
color: #fff;
background: #46506a url("https://adultperformersdatabase.com/images/menuover.jpg") repeat-x;
font-weight: normal;
}
#menu h3 {
text-align: center;
}
#tagmenu {
    background: url("https://adultperformersdatabase.com/images/menu.jpg") no-repeat scroll 0 0 #475572;
    clear: both;
    color: orange;
    display: inline-block;
    font-size: 1.1em;
    letter-spacing: -1px;
    line-height: 1em;
    padding-bottom: 8px;
    width: 100%;
}
#tagmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tagmenu ul li {
    float: left;
    padding: 6px 0px 0px 6px;
}

#tagmenu ul li a {
text-decoration: none;
color: #eee;
letter-spacing: -1px; 
}
#tagmenu ul li a:hover {
color: #fff;
text-decoration: underline;
}
#tagmenu > h3 {
    font-size: 1.1em;
    line-height: 1em;
    margin-bottom: 0;
    margin-left: 8px;
    margin-top: 10px;
}
#translate {
    float: right;
    height: 35px;
    margin-right: 6px;
    top: 3px;
    position: relative;
    width: auto; /*270*/
    }
#traslate form {
    display: table-cell;
    float: right;
    position: relative;
    right: 6px;
    top: 3px;
}
#traslate input {
    display: inline-flex;
    justify-content: flex-end;
}
#indexcontentwrapper{
background: #000000;
float: left;
width: 100%;
min-height: 1722px;
margin-bottom: 6px;
}
#contentwrapper{
background: #000000;
float: left;
width: 100%;
min-height: 630px;
margin-bottom: 6px;
}

#contentcolumn{
margin-left: 255px; /*Set left margin to LeftColumnWidth*/
}
#contentcolum h2 {
font-size: 2em;
color: #515D7A;
}
#camcontentcolumn{
margin-left: 0px; 
}
#camcontentcolum h2 {
font-size: 2em;
color: #515D7A;
}
#leftcolumn{
background: #000000;
float: left;
width: 260px; /*Width of left column*/
margin-left: -100%;
}
#livecamcolumn{
margin-left: 0px;
}
.bioindexinnertube{
margin: 10px 0px 10px 10px;
}
.online-bg {
    margin: 0px;
}
.online-bg h2 {
    margin: 0;
    padding: 10px;
}
.online-bg b {
    padding-left: 20px;
}
.bioindexinnertube h2 {
    margin: -10px;
    padding: 20px;
}
/*-------------------Profile----------------------*/
 .profile {
  color: #EEE;
  white-space: pre-wrap;
  max-width: 750px;
  line-height: 1.5em;
  margin: 0px;
 }
 .profileimage {
background: url("https://adultperformersdatabase.com/images/ajax-loader.gif") no-repeat center;
  width: 320px;
  height: auto;
  float: left;
  position: relative;
  margin-bottom: 5px;
  margin-right: 10px;
 }
  .profileimage:hover {
  background: url('https://adultperformersdatabase.com/images/blank.gif') center center no-repeat;
  float: left;
 }

 .profileimage img {
   border: 1px solid #CCC;
   border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
}
  .profilethumb {
  width: 79.0px;
  height: 63px;
  float: left;
  margin-top: 2px;
 }

#recomended {
    background: url("https://adultperformersdatabase.com/images/none.png") no-repeat center left;
    float: left;
    width: 180px;
    height: 150px;
    margin-right: 5px;
    margin-top: 8px;
    line-height: 0; 
    border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border: 1px solid #CCC;
  overflow: hidden;
  position: relative;
}
.profilebutton a {
float:left;
	background-color: #515d7a;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #EEE;
	font-size: 1.0em;
	line-height: 28px;
	letter-spacing: -1px;
padding: 0 10px;
margin-right: 10px;
margin-top: 10px;
	height: 30px;
	text-align: center;
	text-decoration:none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}
.profilebutton a:hover {
background: #46506a url("https://adultperformersdatabase.com/images/menuover.jpg") repeat-x;

}
.profilebutton a:active {
	position: relative;
	top: 1px;
}
.profilejoinbutton {
display: block;
float: right;
color: #EEE;
background: #008000;
height: 30px;
line-height: 30px;
font-size: 16px;
text-align: center;
letter-spacing: -1px;
margin-bottom: 8px;
margin-top: 8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #EEE;
}
.profilejoinbutton a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #EEE;
font-size: 16px;
letter-spacing: -1px; 
}
.profilejoinbutton a:hover {
color: #FFF;
background: #00E11A;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.broadcasterbutton {
display: block;
float: left;
color: #EEE;
background: #008000;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 16px;
letter-spacing: -1px;
margin-right: 10px;
margin-top: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #EEE;
}
.broadcasterbutton a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #EEE;
font-size: 16px;
letter-spacing: -1px; 
}
.broadcasterbutton a:hover {
color: #FFF;
background: #00E11A;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.findbutton a {
float:left;
	background-color: #515d7a;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #EEE;
	font-size: 1.0em;
	line-height: 35px;
	letter-spacing: -1px;
padding: 0px;
margin-right: 0.95%;
margin-top: 10px;
	height: 40px;
	width: 5.5%;
	text-align: center;
	text-decoration:none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}
.findbutton a:hover {
background: #46506a url(../images/menuover.jpg) repeat-x;

}
.findbutton a:active {
	position: relative;
	top: 1px;
}

/*-------------------Pagination-------------------*/
#fadeMenu {
background: url("https://adultperformersdatabase.com/images/pages_bg.png") repeat-x rgba(255,255,255,0.2);
display: none;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 99999;
}
.pagination{
padding: 4px;
height: 38px;
width: 98%;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 1em;
letter-spacing: -1px;
height: 20px;
line-height: 20px;
}
.pagination li{
list-style-type: none;
display: inline-block;
background: #515d7a;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:4px;
padding:4px 0px 4px 0px;
}
.pagination a, .pagination a:visited{
padding: 0 12px 0 12px;
text-decoration: none;
color: #FFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:4px 13px 4px 13px;
border: 1px solid #FFF;
}
.pagination a:hover, .pagination a:active{
color: #FFF;
background: #46506a;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #FFF;
padding:4px 13px 4px 13px;
text-decoration: none;

}
.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
cursor: default;
border: 1px solid #FFF;
padding:4px 13px 4px 13px;

}
.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: #515d7a;
cursor: default;
color: #FFF;
font-weight: normal !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #FFF;
padding:4px 13px 4px 13px;

}
.pagination a.prevnext{
font-weight: normal;
background-color: #515d7a;
padding:4px 13px 4px 13px;
}

#footer{
clear: left;
width: 100%;
display: flex;
justify-content: space-around;
background: #111312 url(../images/footer.jpg) no-repeat;
color: #FFF;
text-align: center;
padding: 4px 0;
margin-top: 6px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}

#footer { font-size: 0.8em; }
#footer p { color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; font-weight: normal; }
#footer a:visited { color: #fff; text-decoration: none; }

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.livecaminnertube{
margin-top: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
padding: 0px 5px;
height: auto;
}
.othercamsinnertube{
padding-top: 15px;
padding-left: 10px;
height: auto;
}

/*---------------------Sidebar style-------------------*/
#arrowbox, #proarrow{ margin-top: 16px; }
.arrowpoint {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;} 
.arrowpoint a {color:#cccccc;text-decoration:none;font-weight:normal;} 
.arrowpoint a:hover {color:#cccccc;text-decoration:none;font-weight:normal;} 
.arrow {text-align:center;font-size:18px;font-family:Arial;color:#ffffff;text-transform:uppercase;font-weight:bold;font-style: italic;width:182px;height:20px;position:relative;background:#EF060A;border:1px solid #ffffff;margin:1px 26px 20px 1px;padding:10px;} 
.arrow:after, .arrow:before {left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;} 
.arrow:after {border-left-color:#EF060A;border-width:33px;margin-top:-33px;} 
.arrow:before {border-left-color:#ffffff;border-width:34px;margin-top:-34px;}
.arrowtext {
    color: #fff;
    font-family: Arial;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    height: 20px;
    margin: 1px 1px 1px -4px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
    float: left;
    z-index: 100;
}
#cam{
margin-bottom: 30px;
margin-left: -10px;
margin-top: -15px;
height: 164px;
width: 260px;
}

#sidebarlist ul {
padding: 10px 0 0 10px;
}

#sidebarlist ul li {
    background: url("https://adultperformersdatabase.com/images/bullet.jpg") no-repeat center left;
    padding: 2px 0px 1px 22px;
    color: #fff5bf;
    font-weight: bold;
}
#sidebarlist ul li a { font-size: 14px;}
.benefits{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:3px;
	text-decoration:none;
	width: 233px;
	color: #1A1A1A;
	text-align: center;
	float: right;
	background-color:#ffab23;
	border:1px solid #ffffff;
	display:inline-block;
float: left;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
clear: both;
}
.generatecssdotcom_arrowpoint {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;} .generatecssdotcom_arrowpoint a {color:#cccccc;text-decoration:none;font-weight:normal;} .generatecssdotcom_arrowpoint a:hover {color:#cccccc;text-decoration:none;font-weight:normal;} 
.generatecssdotcom_arrow {text-align:center;font-size:18px;font-family:Arial;color:#ffffff;font-weight:normal;width:222px;height:35px;position:relative;background:#EF060A;border:1px solid #ffffff;margin:1px 1px 28px 1px;padding:2px 8px 8px 8px;} .generatecssdotcom_arrow:after, .generatecssdotcom_arrow:before {top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;} .generatecssdotcom_arrow:after {border-top-color:#EF060A;border-width:26px;margin-left:-26px;} .generatecssdotcom_arrow:before {border-top-color:#ffffff;border-width:27px;margin-left:-27px;}
.arrowpoint {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;} 
.arrowpoint a {color:#cccccc;text-decoration:none;font-weight:normal;} 
.arrowpoint a:hover {color:#cccccc;text-decoration:none;font-weight:normal;} 
.joinbutton a {
	background-color: #008000;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #EEE;
	font-family: arial;
	font-size: 21px;
	font-weight: bold;
	padding: 16px 30px;
	margin-bottom: 14px;
	width: 180px;
	text-align: center;
	text-decoration:none;
}
.joinbutton a:hover {
	background-color: #00E11A;
}
.joinbutton a:active {
	position: relative;
	top: 1px;
}
#sidebar-ad-text
{
	font-size: 0.9em;
	width: 100%;
	color: #ffffff;
	text-align: center;
	margin: 2px 0px 5px 0px;
	background-color: #515D7A;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
#sidebar-banner-wrap
{
	width: 100%;
	height: auto;
	margin-top: 15px;
/*	text-align: center;*/
	float: right;
}
#sidebar-v-spacer{
height: 80px; 
width: 5px;
padding-left: 5px; 
float: left;
}

/*-----------------------------------ITEMBOX CSS---------------------------------*/
#itembox {
  float: left;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  margin: 0px 10px 10px 0px;
  position: relative;
  width: 31.6%; /*was 180 the % = 243 31.6%*/
  height: 197px; /*was 135 = 20% */
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border: 1px solid #CCC;
  overflow: hidden;
}
.imagebox {
background: url("https://adultperformersdatabase.com/images/eye.png") no-repeat scroll 50% 50% #1a1a1a;
}
.imagebox img {
width: 100%;
}
.imagebox:hover img {
opacity: 0.2;
}

#newitembox {
  background-color: #FFFFFF;
  float: left;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  position: relative;
/*  width: 99.1304347826087%; allowing for the 2 x 1px border*/
	width: 240px;
	height: 197px;
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border: 1px solid #CCC;
  overflow: hidden;
}
.newimagebox {
background: url("https://adultperformersdatabase.com/images/eye.png") no-repeat scroll 50% 50% #1a1a1a;
}
.newimagebox img{ /*this overrides the set size in the feed output cb_filter */
	width: 100%;
	height: auto;
	}
.newimagebox:hover img{
opacity: 0.2;
}

#topitembox {
  float: left;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  margin: 0px 10px 10px 0px;
  position: relative;
  width: 31.6%; /*was 180 the % = 243 31.6%*/
  height: 197px; /*was 135 = 20% */
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border: 1px solid gold;
  overflow: hidden;
}
#lcitembox {
  float: left;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  margin: 0px 10px 10px 0px;
  position: relative;
  width: 23.8%;
  height: 197px;
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border: 1px solid #CCC;
  overflow: hidden;
}
#infolayer { /*the gap at bottom is caused by image size*/
  background-color: #000;
  height: auto;
  position: absolute;
  width: 100%;
  bottom: 0;
opacity: 0.6;
transition: opacity 400ms ease 0s;
}
#infolayer:hover {
    opacity: 1.0;
}
#info_hidden {
	display: none;
	overflow: hidden;
	font-weight: normal;
	border: 1px solid #eee;
	margin: auto;
	padding: 4px;
	width: 90%;
	line-height: 110%;
	left: 0;
	right: 0;
	top: 0;
}
#infolayer:hover #info_hidden {
    display: block; 
	background: #000000;
	max-height: 106px;
	overflow: hidden;
	position: absolute; 
	top: -126px; 
	left: 0;
}
#newinfolayer { /*the gap at bottom is caused by image size*/
  background-color: #000;
  height: 19px;
  line-height: 19px;
  position: absolute;
  width: 100%;
  bottom: 0;
opacity: 0.6;
transition: opacity 400ms ease 0s;
}
#newinfolayer:hover {
    opacity: 1.0;
}
#newinfo_hidden {
	display: none;
	overflow: hidden;
	font-weight: normal;
	border: 1px solid #eee;
	margin: auto;
	padding: 4px;
	width: 90%;
	line-height: 110%;
	left: 0;
	right: 0;
	top: 0;
}
#newinfolayer:hover #info_hidden {
    display: block; 
	background: #000000;
	max-height: 106px;
	overflow: hidden;
	position: absolute; 
	top: -100px; 
	left: 0;
}
/*----------------Name boxes-------------------------*/
.gender_trans {
background: url("https://adultperformersdatabase.com/images/genders.png") no-repeat scroll 0px 0px;
height: 18px;
width: 12px;
left: 4px;
top: 4px;
position: absolute;
}
.gender_male {
background: url("https://adultperformersdatabase.com/images/genders.png") no-repeat scroll -64px 0px;
height: 18px;
width: 12px;
left: 4px;
top: 4px;
position: absolute;
}
.gender_fem {
background: url("https://adultperformersdatabase.com/images/genders.png") no-repeat scroll -96px 0px;
height: 18px;
width: 12px;
left: 4px;
top: 4px;
position: absolute;
}
.gender_couple {
background: url("https://adultperformersdatabase.com/images/genders.png") no-repeat scroll -44px 0px;
height: 18px;
width: 18px;
left: 4px;
top: 4px;
position: absolute;
}
.name {
  background: url("https://adultperformersdatabase.com/images/badge_info.png") no-repeat scroll 2px 0px;
	float: left;
	padding-left: 18px;
	overflow: hidden;
	max-width: 74%;
	height: 16px;
	padding-top: 4px;
}
.name a{
text-decoration: none;
color: #fff;
}
.age {
	float: right;
	height: 16px;
	padding-right: 4px;
	padding-top: 4px;
}
.tags {
	clear: both;
	height: auto;
	max-height: 70px;
	padding: 0px 2px 2px 2px;
	line-height: 14px;
	word-wrap: break-word;
	overflow: hidden;
	}
.tags a:hover {
    text-decoration: underline;
}
.newname {
  background: url("https://adultperformersdatabase.com/images/badge_info.png") no-repeat scroll 2px 0px;
	float: left;
	padding-left: 18px;
	overflow: hidden;
	max-width: 74%;
	height: 19px;
}
.newname a{
text-decoration: none;
color: #fff;
}
.newage {
	float: right;
	height: 19px;
	padding-right: 4px;
}
.clear {
    clear: both;
    float: none;
    font-size: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
}
/*-------------------------Badges------------------------*/
.numbusers {
background: none repeat scroll 0 0 #000;
border: 1px solid gold;
top: 3px;
color: #fff;
height: 12px;
right: 4px;
opacity: 0.8;
padding: 2px;
position: absolute;
text-align: center;
width: 85px;
}
.private {
  background: url("https://adultperformersdatabase.com/images/badge_private.png") no-repeat;
  height: 16px;
  right: 96px;
  position: absolute;
  top: 4px;
  width: 50px;
}
.ran_badge_live {
  background: url("https://adultperformersdatabase.com/images/onlinebtn.png") no-repeat;
  height: 16px;
  float: right;
  margin-right: 0;
  position: relative;
  top: -150px;
  width: 50px;
  z-index: 1;
}
.all_badge_live {
  background: url("https://adultperformersdatabase.com/images/onlinebtn.png") no-repeat;
  height: 16px;
  right: 4px;
  position: absolute;
  top: 4px;
  width: 50px;
}
.badge_private {
  background: url("https://adultperformersdatabase.com/images/badge_private.png") no-repeat;
  height: 16px;
  right: 4px;
  position: absolute;
  top: 4px;
  width: 50px;
}
.badge_live {
  background: url("https://adultperformersdatabase.com/images/onlinebtn.png") no-repeat;
  height: 16px;
  right: 4px;
  position: absolute;
  top: 4px;
  width: 50px;
}
.badge_offline {
  background: url("https://adultperformersdatabase.com/images/offlinebtn.png") no-repeat;
  height: 16px;
  right: 4px;
  position: absolute;
  top: 4px;
  width: 50px;
}
.badge_new {
  background: url("https://adultperformersdatabase.com/images/badge_new.png") no-repeat;
  height: 16px;  
  left: 4px;
  position: inherit;
  margin-top: -18px;
  width: 30px;
}
.badge_hd {
  background: url("https://adultperformersdatabase.com/images/badge_hd.png") no-repeat;
  height: 16px;
  right: 4px;
  position: inherit;
  margin-top: -18px;
  width: 30px;
}


/* ####### responsive layout CSS ####### */

@media screen and (max-width: 1040px) {

	#maincontainer{
	width: 100%;
	}
	#itembox{ /*need to find a way to add an extra box to balance up at this width*/
	width: 31.6%;
	height: auto;
	}
	#topitembox{ /*could do with either loosing a few boxes or adding more sidebar content here*/
	width: 46.3%;
	height: auto;
	}
	#lcitembox{ /*need to find a way to add an extra box to balance up at this width*/
	width: 23.7%;
	height: auto;
	}
.imagebox img {
height: auto;
}	
.findbutton a{
margin-left: 2%;
margin-right: 2.6%;
width: 15%;
}

}

@media screen and (max-width: 980px)  {

	#header{
	background-size: contain;
	height: 250px;
	}
	.header-text {
	width: 100%;
	text-align: center;
    margin: -14px auto 12px auto;
	}
#banner-wrap {
    float: right;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1em;
    width: 98%;
}
#ad-text {
width: 100%;
}
	#itembox{ /*could do with either loosing a few boxes or adding more sidebar content here*/
	width: 46.3%;
	height: auto;
	}
	#topitembox{ /*could do with either loosing a few boxes or adding more sidebar content here*/
	width: 46.3%;
	height: auto;
	}
	#lcitembox{ /*could do with either loosing a few boxes or adding more sidebar content here*/
	width: 48%;
	height: auto;
	}

.profileimage {
  width: 100%;
  height: 100%;
  float: left;
  margin-bottom: 5px;
 }
.profileimage img {
    border: 1px solid #eee;
    height: 100%;
    width: 100%;
}
.profilethumb {
    float: left;
    width: 25%;
    height: 100%;
}
.thumbnail img {
    border: 1px solid #eee;
    height: 100%;
    width: 100%;
}
#recomended {
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
    width: 47.7%;
}
#recomended img {
    height: auto;
    width: 100%;
}
.profilebutton {
	letter-spacing: -1px;
margin-right: 0px;
padding: 0px;
width: 100%;
}
.profilejoinbutton {
	letter-spacing: -1px;
margin-right: 0px;
padding: 0px;
width: 100%;
}

}
@media screen and (max-width: 945px)  {
}
@media screen and (max-width: 840px)  {
}
@media screen and (max-width: 760px)  {
	#itembox{
	width: 98%;
	height: auto;
	}
	#topitembox{
	width: 98%;
	height: auto;
	margin: 0 0 10px 0;
	}
}
@media screen and (max-width: 700px)  {
	.header-text {
    margin: -14px auto 12px auto;
    position: relative;
	}
}

@media (max-width: 640px){ /* responsive layout break point 600*/

	#header{
	height: 250px;
	}
	.header-text {
    margin: -14px auto 12px auto;
    position: relative;
	}
	#banner-wrap img{
	width: 100%;
	}
.online-bg h2 {
    margin: 0;
    padding: 15px;
}
	#contentwrapper{
	float: none;
	}	
	#leftcolumn{
	float: left;
	width: 100%;
	margin-left: 0;
	}	
	#contentcolumn{
	margin-left: 0;
	padding-top: 5px;
	}
#arrowbox, #proarrow, #cam{
display: none;
}
.joinbutton{
text-align: center;
}
.joinbutton a{
width: 76.5%;
font-size: 1.8em;
}
.generatecssdotcom_arrow{
text-align: center;
font-size: 1.3em;
width: 94.5%;
}
#sidebarlist ul{
text-align: center;
font-size: 1em;
}
.benefits{
text-align: center;
font-size: 1.1em;
width: 96.5%;
}

	#itembox{
	width: 47%;
	height: auto;
	}
	#topitembox{
	width: 96.5%; /* 96.4%; */
	height: auto;
	margin: 0 0 10px 0;
	}
	#newitembox{ 
	width: 99.6%;
	height: auto;
	margin: 0 0 10px 0;
	}
	#lcitembox{
	width: 97%;
	height: auto;
	}
#arrowbox, #proarrow, #cam{
display: none;
}
#recomended {
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
    width: 48%;
}
#recomended img {
    height: auto;
    width: 100%;
}
.profilebutton a {
	letter-spacing: -1px;
margin-right: 0px;
padding: 0px;
width: 100%;
}
.profilejoinbutton {
	letter-spacing: -1px;
margin-right: 0px;
padding: 0px;
width: 100%;
}
.broadcasterbutton {
	letter-spacing: -1px;
margin-right: 0px;
padding: 0px;
width: 100%;
}
#pages{
display: none;
}

}
/*between 490 - 930 huge gap right of header where banner has dropped down*/
@media (max-width: 490px){ /* responsive layout break point */

	#header{
	height: 120px;
	}
	.header-text {
	width: 100%;
	margin: -14px 0px 12px 0px;
	}
#banner-wrap{
display: none;
}
/*	This hides the first <li> menu item
	#menu ul > *:first-child {
    display: none;
}
*/
	#header h1{
	font-size: 1.95em;
	}
	#header h2{
	font-size: 1em;
	}
	#banner-wrap{
	display: none;
	}
	#leftcolumn{
	float: left;
	width: 100%;
	margin-left: 0;
	}
	#itembox{
	width: 98%;
	height: auto;
	}
	#topitembox{
	width: 98%;
	height: auto;
	margin: 0 0 10px 0;
	}
#sidebar-banner-wrap{
display: none;
}
#arrowbox, #proarrow, #cam{
display: none;
}
.joinbutton{
text-align: center;
}
.joinbutton a{
width: 76.5%;
font-size: 1.8em;
}
.profilejoinbutton {
	letter-spacing: -1px;
margin-right: 0px;
padding: 0px;
width: 100%;
}
.broadcasterbutton {
	letter-spacing: -1px;
margin-right: 0px;
padding: 0px;
width: 100%;
}
.findbutton a{
margin-left: 0;
margin-right: 4%;
width: 15%;
}
.generatecssdotcom_arrow{
text-align: center;
font-size: 1.3em;
width: auto;
}
#sidebarlist ul{
text-align: center;
font-size: 1em;
}
.benefits{
text-align: center;
font-size: 1.1em;
width: auto;
}
#pages{
display: none;
}
#recomended {
    height: auto;
    width: 100%;
}
#recomended img {
    height: auto;
    width: 100%;
}
}