/*smallest mobiles up to 540px*/
body	{
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
		}
#back	{
	background-image: url(../images/background_mob.png);
	background-repeat: repeat-x;
	background-position: 60px 70px;
		}
#wrapper	{
			width: 100%;
			max-width: 760px;
			margin:2.6315789% auto;
			}
#top			{
				width:100%;
				}	
#top_title		{width:100%;
                 margin-bottom: 0px;			
				}	
#top h1   		{font-size:0.875em;
				}
#top	h3		{font-size: 1.375em;
				color: #E67373;
				text-align: center;}
#nav ul		{
			display: block;
			margin:30px 40px 0 20px;
			padding:0;
			list-style-type: none;
				}		
		
#main_nav  li	{
	border-bottom:1px dotted #FDE1E1;
	font-size:0.75em;
	display:block;
	line-height: 26px;
				}	
		
#main_nav  a {	text-decoration:none;
			    color:#fff;
				margin-left:10px;	
			}
#content_area	{
                float:left;
				width:100%;
				}

				
#content		{
                 padding:0 10px 0 10px ;				
				}
#content h1, h2 {
    font-size: 0.9375em;
    /*margin-top: 12px;*/
}
				
#content ul 		{list-style:none; 
				}		
#content li 	{   /*display:block;*/
				padding: 0.25em 0 0.25em 0.875em;
				color:#DD5050;
				font-size: 0.85em;
				line-height: 1.625em;
				/*max-width:30em;*/
				}

a{
    font-size: 0.8125em;
	color:#DD5050;
	text-decoration:none;
	}	
a:hover	{
	text-decoration:underline;
	}
a img {border: none;}		
li a	{
				color:#999999;
				text-decoration: none;
				font-size:0.8125em;
				}
li a:hover	{
					text-decoration: underline;
					}	
p	{
	font-size:1em;
	color:#6F6F6F;
	}
	
h1	{
	margin:0;
	text-align: center;
padding: 0px 8px;
	color:#DD5050;
	font-size:1.125em;
	}
h2	{
	color:#DD5050;
	font-size:1.0625em;
	font-weight:normal;
	margin:20px 0 4px 0;
	}

h2 span	{
		font-size:0.9375em;
		font-weight:bold;
		color:#999;
		}

h3	{
	color:#DD5050;
	font-size:0.875em;
	margin:30px 0 6px 0;
	}
h4	{
	color:#FFF;
	font-size:0.875em;
	margin:0;
	font-weight: bold;
	}
h5,h6 {
	color:#DD5050;
	font-size:0.875em;
	}

ul		{display: inline;				
				}	

#nav			{float:left;
				width:261px;
				height:175px;
				margin: 2px;
                padding: 2px;
				/*background-image: url(../images/nav_back.jpg);
				background-position: right;
				background-repeat: no-repeat;
				---lost img nav_back.jpg--*/
				}
				
#left_side		{
				float:left;
				margin-bottom:20px;
				}
				
.ad_box {
    border: 1px solid #DD5050;
    margin: 13px 8px 0px 8px;
}
.ad_box ol li           {display:list-item;
				margin-left:1px;
				margin-right: 4px;
				font-size: 0.75em;
				color:#6F6F6F;
				list-style-type: decimal;}


.ad_box	p	{margin:0;
				
			padding:8px;}
				
				
.box_bar		{
				padding:5px;
				background-color:#DD5050;
				}
.box_bar h1,.box_bar h2,.box_bar h3,.box_bar h4,.box_bar h5,.box_bar h6	
				{color: #FFF;
				text-align:center;
				margin:0;
	font-weight: normal;}

.content_box	{
				padding:0; margin:0;
				border-top:1px solid #DD5050;
				}
							
				
.content_box p	{
				padding-top:10px;
				margin:0;
				}
.content_box h2,h3	{
				font-size:1em;
				font-weight:normal;
				}

.content_box img {float: right;
					padding: 2px 0 1px 2px;
}
.content_box:hover img
				{
				background-color: #e3e3e3;
				}	
#join{
		margin: 0px;
		width:100%;
		}
#join h1{
			color: white;
			background-color: #dd5050;
			font-size: 1em;
			padding:8px 0 8px 8px;
			letter-spacing: 1px;
			
}
#joinpic{
			margin: 0px;
			text-align: center;
			height:205px;
			width: 100%;
			display:block;
			overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
	        background: transparent url(../images/join_indexpage.png);
			background-size: 100% 98%;
			background-repeat: no-repeat;
		
}




#joinpiclondon{
			margin: 0px;
			text-align: center;
			height: 140px;    
			width: 100%;
			display:block;
			overflow:hidden;
    		text-indent:100%;
    		white-space:nowrap;
	      	background: transparent url(../images/joinlondon.png);
			background-size: 100% 98%;
			background-repeat: no-repeat;		
}

#joinpic_sofa{
			margin: 0px;
			text-align: center;
			height: 140px;    
			width: 100%;
			display:block;
			overflow:hidden;
    		text-indent:100%;
    		white-space:nowrap;
	      	background: transparent url(../images/party_on_sofa_signup.png);
			background-size: 100% 98%;
			background-repeat: no-repeat;		
}

#hubForm	{
			width:100%;
			margin: 0px;
			}

					
#hubForm label
					{display:block;
					margin: 0px;
					/*font-size: 10px;*/
			     color:#6F6F6F;
					}
#hubForm fieldset	{
					margin:0px;
					padding-left: 10px;
					background-color: #e3e3e3;
					border-left: 1px solid #DD5050;
					border-right: 1px solid #DD5050;
					border-bottom: 1px solid #DD5050;
					}
#hubForm input[type=password] 
					{
					margin: 0px;
					height: 15px;
					font-size: 0.8em;
					width: 75%;
					padding: 2px;
 					}

button{
  display: block;
  margin-left: 2px;
  margin-top: 10px;
  font-size: 0.8125em;
  background-color:#dd5050;
  color: #ffffff;
  padding: 2px 10px 2px 10px;
 }
button:hover 
		{
		background-color: #6F6F6F;
		}
		
#hubForm a:link, a:hover a:visited{
					/*font-size: 9px;*/
					font-weight: normal;
					}
#hubForm h6
				{
				font-size: 0.75em;
				
				margin-bottom: 4px;
				padding: 0;
				}							

#hubFormLcol	{
			width:223px;
			margin: 10px auto ;
			padding:2px;
			background-color:#FFF;
			border:0;
			}
.signup a{
				display: block;
				width: 159px;
				margin-left:auto;
				margin-right:auto;
				margin-top: 0;
				padding: 10px;
				background-color:#DD5050;
				font-size: 0.7em;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-align: center;
				border: double 10px #ffffff;
				color:#ffffff;
			}
#content_footer	{			
				float:left;
				width:100%;
				height:28px;			
				/*background-image: url(../images/content_footer.jpg);
				background-repeat: no-repeat;
				background-position: center; -------This looks like a dirty smudge-taken our 29Apr15---*/
				}	
				
#footer			{				
				clear:left;
				text-align:center;
				margin: 0 0.5em 0 0.5em;
				}
#footer li		{
				display: inline;
				list-style-type: none;
				color:#999999;				
				}	
				
#footer		a	{				
				font-weight:normal;
				/*padding:2px;*/
				}				

#footer_left	{
                float:left;
				margin:0 auto;
				}				
					


/* ???not used on index ???
#footer_links 	{
				margin:0;
				padding:8px;
				width:419px;
				}	
				*/
		
#content_footer	a {font-weight:normal;}


#copyright	{font-family: 'Trebuchet MS', sans-serif; 
			font-size: 0.6825em; 
			text-align: center;
			color:#999999; 
			margin-top:20px;
}	
/*-----------ARTICLE DIR------------------------*/	
#article_content		{
                padding:0 12px 0 39px ;
				/*width:410px;*/
				}	
/*-------------Parties DIR------------------------*/	

#regions_wrap	{
				margin-top:13px;
				}


#regions_wrap ul {margin-top:-18px;
				margin-left: 0;
				padding-left:0;
				display:block;
				list-style-type: circle;
				}
		
#regions_wrap li{
				display:list-item;
				list-style-type: none;
				color:#6F6F6F;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.75em;
				font-style: italic;
				}
				
				
#regions_wrap ul a	{
					font-family: Arial, Helvetica, sans-serif;
					display: block;
					padding: 8px 8px 0 12px;
					height:20px;
					border-bottom: 1px solid #ccc;
					text-decoration:none;
					color: #999999;
					}			
 /* landing_pages party link to howattend */
 #party_page_proceed{
			margin: 0px;
			text-align: center;
			height: 140px;    
			width: 100%;
			display:block;
			overflow:hidden;
    		text-indent:100%;
    		white-space:nowrap;
	      	background: transparent url(../images/party_landing.png);
			background-repeat: no-repeat;		
			background-size: 98% 98%;
}						

/*---------------Hub IFRAME-----------------------*/
iframe {display:none;}
/*------------------BREAKPOINT1------------------------*/

/*----------------From 540 to 642-------still one col------------*/
@media only screen and (min-width:540px) and (max-width: 642px)
{
#nav {margin: 1%;}
#nav ul		{
			margin:24px 40px 0 20px;
			}
}

/*MIN ONLY----------------From 540 to MAX -------still one col - but 1st inclusion of iframe-----------*/
@media only screen and (min-width:540px)
{
		
#joinpic{
			height:267px;
			background-size: 100% 100%;	
}
#joinpiclondon{
			background-size: 100% 100%;		
}

#joinpic_sofa{
			background-size: 100% 100%;}
#hubForm input[type="password"] {width: 50%;}

#party_page_proceed{
			background-size: 100% 100%;
}	
iframe {
    display: block;
    width: 100%;
    height: 200px;
	margin: 0 auto;
	padding:0;
    border: 0;
}
}
/*------------------BREAKPOINT 2------------------------*/

/*----------------From 643 to 1023-------two col adjusted------------*/
@media only screen and (min-width:643px) and (max-width: 1023px)
{

				
#top_title		{margin-bottom: initial;			
				}	
		
#header_img		{
				float:left;
				width: 352px;
				height:175px;
				background-image: url(../images/header_img2.jpg);			
				}			

#header_space	{
				float:left;
				width:30px;
				height:175px;
				background-image: url(../images/header_shadow.jpg);
				background-repeat: no-repeat;
				background-position: left;
				}				

li a	{
				font-size:0.875em;
				}	
#nav ul		{
			margin:23px 40px 0 20px;
			}				
#main_nav  a:hover {	margin-left:20px;}			

				

#left_side		{
				width:34%;
				margin-bottom:20px;
				}

#content_area	{
				margin-top:13px;
				width:64%;
				
				}

				
#content		{
				padding:1px;
				
				}		

}
/*MIN ONLY--------------Above 640--full-layout-items------------------------------------*/
@media only screen and (min-width:643px)
{
#back	{
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: 60px 51px;
	}
#header		{width:100%;
			height:175px;
			background-image: url(../images/header_back.jpg);
			background-repeat: repeat-x;
				}	

#nav			{
                margin:0;padding:0;
				/*background-image: url(../images/nav_back.jpg);
				background-position: right;
				background-repeat: no-repeat;
				---lost img nav_back.jpg--*/
				}

#top			{
				height:49px;
				}	
				
#top	p		{
				margin:-2px 0 0 0;
				color:#E67373;
				}
#top h1   		{font-size:0.6875em;
				}				
}
/*----------------------Above 1024------------------------------------*/
@media only screen and (min-width:1024px)
{
/* Main styles CSS */
		
#wrapper	{
			margin:20px auto;
			width: 760px;
			}
#nav ul		{
			margin:20px 40px 0 20px;
			}
#left_shad	{
			position:absolute;
			width:16px;
			height:254px;
			background-image: url(../images/left_shad.jpg);
			margin-left:-16px;
			margin-top: 51px;
			}		
#right_shad	{			
			position:absolute;
			width:16px;
			height:254px;
			background-image: url(../images/right_shad.jpg);
			margin-left:760px;
			margin-top: 51px;
			}		
		
/*p	{
	
	font-size:11px;
	
	}
	keep same p throughout 29 Apr see line 87
*/
h1	{
	
	text-align:initial;
	font-size:1.5em;
	
	}
			
h2	{
	font-size:1.5em;
	margin:20px 0 4px 0;
	}

h2 span	{
		font-size:0.75em;
		}

h3	{
	font-size:0.75em;
	}
h4	{
	font-size:0.75em;
	}
h5,h6 {
	font-size:0.6875em;
	}

a	{
    font-weight:bold;
	}	

a:hover	{
	text-decoration:underline;
	}
a img {border: none;}	

				
#top_title		{width:469px;position: absolute; margin-left:261px; 
				 padding-left:30px;				
				}

#top	h3		{
				font-size: 1.5em;
				letter-spacing: 6px;
				margin:-2px 0 0 0;
				text-align:initial;
				}
	
#top_right		{width:30px; position: absolute; margin-left:730px;
				background-image: url(../images/top_rightShad.jpg);
				background-repeat: no-repeat;
				background-position: left;
				height:49px;
				margin-top:2px;
				}

#top_left		{position: absolute;
				background-image: url(../images/top_leftShad.jpg);
				background-repeat: no-repeat;
				background-position: right;
				width:261px;
				height:49px;margin-top:2px;
				}
				
#tl			{margin-top:20px;float:left;
}				
	
#tl li{ font-size:0.625em;}
				
/*li		{
				display: inline;
				list-style-type: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#999999;				
				}	*/															
				
#header_img		{
				float:left;
				width:469px;
				height:175px;
				background-image: url(../images/header_img2.jpg);
				}			
				
#header_space	{
				float:left;
				width:30px;
				height:175px;
				background-image: url(../images/header_shadow.jpg);
				background-repeat: no-repeat;
				background-position: left;
				}				
		
li a	{
				font-size:1em;
				}							
#main_nav  a:hover {	margin-left:20px;}			

				

#left_side		{
				width:252px;
				margin-bottom:20px;
				}
				
/* left wrap is dangerous to use -- eliminate in due course*/
#left_wrap		{
				width:233px;
				margin-left:12px;
				padding-bottom:12px;							
				}				

.ad_img			{
				margin: 12px auto 0 auto;
				text-align: center;
				}

.ad_img		a	{
				color:#FFF;
				}		
								
.ad_box			{
				width:233px;
				margin:13px; 0px 0px 12px;
				}

/*.ad_box ul {margin-top:-18px;
				margin-left:-18px;
				display:block;
				font-size: 11px;
				color:#DD5050;
				list-style-type: circle;
				}
		

.ad_box li{
				display:list-item;
				list-style-type: none;
				margin-left:10px;
				color:#6F6F6F;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: italic;
				}	
*/
				
.ad_box ol li  {font-size:0.625em;
				}
			

.form_text	{
		padding:0 10px 0 10px;
		}

.form_text p	{
				color: #FFF;
				}

				
#PgForm			{
				width:233px;
				margin-top:13px;
				margin-left:12px;
				padding-bottom:12px;
				background-color:#DD5050;
				border:1px solid #fff;
				background-image:  url(../images/adBack.jpg);
				background-repeat: no-repeat;
				background-position: bottom;							
				}
				
#PgForm	.box_bar		{
						margin-top:0;
						padding:5px;
						border-bottom:1px solid #fff;
						}				
.form_text a	{
				color:#FFF;
				}					
				
#PgForm	span	{
				font-size:0.625em;
				padding-top:1em;
				color:#fff;
				}				
				
#PgForm	ul		{display:block;}		
								
				
#PgForm	li		{
				display:list-item;
				padding:2px;
				font-size:0.6875em;
				color:#EAEAEA;
				}					

#PgForm fieldset	{
					border:none;
					}

#PgForm label {
				color : #fff;
				}


#content_area	{
				
				width:485px;
				
				}

				
#content		{
				padding:0 12px 0 39px ;
				width:410px;
				}

								
#content h1,h2	{font-size:0.8125em;
				margin-top:12px;}
				
#content ul 		{list-style-image:url(../images/bullet.gif); 
				list-style-position:outside;
				}
#content li 	{   line-height: normal;
				}				

.content_box h2,h3	{
				font-size:0.75em;
				}
			
.sub			{width:410px;float:left;border:1px solid #DD5050;margin:8px 0 8px 0;}

.sub_title		{float:left;
				width:5em;
				margin: 0 ;
				padding: 0;
				border-bottom:1px solid #DD5050;
				background-color:#DD5050;
				padding:4px;
				}

.sub_box		{float:left;
				width:16em;
				margin: 0 ;
				padding: 8px 4px 8px 4px;
				border-left:1px solid #DD5050;
				border-right:1px solid #DD5050;
				}
				
.sub_box	p	{
				padding:0;
				margin:0;
				}								
				
.sub_title	p	{
				color:#fff;
				font-weight:bold;
				padding:0;
				margin:0;
				}		
				
#hubForm	{
			width:410px;
			}


					
#hubForm label
					{font-size: 0.625em;
					}


button:hover 
		{
		background-color: #6F6F6F;
		}
#hubForm a:link, a:hover a:visited{
					font-size: 0.625em;
					}						

#footer li		{
				font-size:0.6875em;	
				}	
							

#footer_left	{width:252px;
				height:28px;
				padding:0 0 0 20px;
				}				
					


#footer_links 	{
				margin:0;
				padding:8px;
				width:419px;
				}	

#copyright	{
			font-size: 0.625em; 
			}		
		
/*No smaller versions of these: */
#left_wrap h4 	{
				margin: 0 0 3px 0;
				padding: 4px 0 4px 15px;
				background-color:#DD5050;
				color: #fff;
				font-size: 0.75em;
				}

				
#regions_wrap ul a:hover	{
							border-left: 6px solid #EEE;
							color: #DD5050;
							background-image:  url(../images/arrow.gif);
							background-repeat: no-repeat;
							border-bottom: 1px solid #DD5050;
							background-position: 0 .9em;
							}		

#left_nav		{
				padding: 0 1px 1px;
				margin: 0px;				
				}
					
#left_nav li	{
				list-style: none;					
				text-align: left;display:block;
				padding: 0 0 0 29px;
				margin: 0 0 1px 0;
				border: 1px solid #DD5050;
				background-image:  url(../images/left_nav_arrow.gif);
				background-repeat: no-repeat;			
				}

#left_nav	a	{
				font-weight:normal;
				margin-bottom:-1px;
				display: block;
				margin: 0;
				padding: 5px 0 3px 7px;
				text-decoration:none;

				color:#DD5050;
				}
				
#left_nav  li a:hover {
						background-color: #F0F0F0;
						}
#special_link_adbox
					{
				width:233px;
				/*border:1px solid #DD5050;*/
				margin-top:13px;
				margin-left:12px;
				padding: 15px 0 15px 0;
				text-align: center;
				font-size: 0.6825em;
				}
#membersLogin a span{ display:none;}	
#membersLogin a:hover{ color:#DD5050;
}	
#membersLogin a:hover span{display:inline;
}				
						
#terms {	margin: 40px;
			text-align: center;
			
		}					
						
#terms a{	font-family: 'Trebuchet MS', sans-serif; 
			font-size: 0.6125em;
			color:#999999; 
			text-decoration: underline;
		}
#terms a:hover{ text-decoration: none;
				 }

/*--LINKS PAGE ONLY----------------------------------------------------------------------------*/				 
				 
#left_side_linkspage	{
				float:left;
				width:190px;
				margin-bottom:20px;
				}
				 
#content_linksarea	{				
			  width: 468px ;
			  margin-left: 10px ;
			  
  				}

#content_linksarea p {text-align: center;
}
#reciplink {	margin-left: 20px;}

#reciplink p {padding-left: 18px;
				color:#DD5050;
				}
#addurl { margin-top: 10px; 
		padding-top 1px;	
			width: 165px;
			text-align:center;
			background-color: #F0F0F0;
			border: 1px solid #DD5050;
}
#addurl p{padding:0;}
#addurl a {text-decoration:none;
			}
#addurl a:hover {text-decoration: underline;
					
					}
td {
				font-size: 0.75em; color: #222222;}
				
/*-------------------adult_contacts index nav LHS--------------------------*/
#contact_areas_wrap	{
				margin-top:4px;
								}
#contact_areas_wrap ul	{
					margin: 0;
					padding-left: 0;
					list-style-type: none;
					}
				
#contact_areas_wrap li	{
					font-size: 0.625em;
					margin: 0 0 4px 0;
					}
				
#contact_areas_wrap ul a	{
					font-family: Arial, Helvetica, sans-serif;
					display: block;
					padding: 4px 2px 0 9px;
					height:11px;
					border-bottom: 1px solid #ccc;
					text-decoration:none;
					color: #999999;
					}			
						
#contact_areas_wrap a:hover	{
							border-left: 10px solid #EEE;
							color: #DD5050;
							background-image:  url(../images/arrow.gif);
							background-repeat: no-repeat;
							border-bottom: 1px solid #DD5050;
							background-position: 0 .9em;
							}
#textlinkads{	
			
			border-style: solid;
			border-width:thin;
			border-color: #DD5050;
			padding: 5px;
			
			font-size: 0.625em;
		
		
			}
#textlinkads h6{ 
			font-size: 0.6825em;
			display:inline;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#DD5050;
			}
#LHsignup{
				display: block;
				width: 98%;
				height:126px;
				margin-left:auto;
				margin-right:auto;
				margin-top: 0;
				padding: 0px;
				background: transparent url(../images/LHsignup.png);
				background-repeat: no-repeat;
			}
#LHsignup:hover
			{
			display: block;
				width: 100%;
				height:126px;
			background: transparent url(../images/LHsignup_hover.png);
				background-repeat: no-repeat;
			}

.signup a:hover{
				font-weight:bold;			
				background-color: #F0F0F0;
				border: double 10px #DD5050;
				text-decoration:underline;
				color:#DD5050;
				
			}

/* August 2012 new sign up image for index */
#join{
		width:410px;
		}
#join h1{
			font-size: 1.125em;
			
}

#joinpic:hover{
			height: 267px;
			display:block;
			background-position: 0 0;
			background: url(../images/join_hover.png);
				
}

#joinpiclondon:hover{
			height: 140px;
			display:block;
			background-position: 0 0;
			background: url(../images/joinpartyscenehover.png);
			
}

#joinpic_sofa:hover{
			height: 140px;
			display:block;
			background-position: 0 0;
			background: url(../images/party_on_sofa_hover.png);
				
}
/*HOWATTEND SPECIALS */
#step
     { margin: .5em 0 0 .25em;
	 padding-top: 1.7em;
	 padding-bottom: .75em;
	  background: transparent url(../images/howattendbullet.png);
	background-repeat: no-repeat;
	
	    }
#step a 
	{
	display: block;
	            margin-left:auto;
				margin-right:0;
				width: 8.5em;
				margin-top: 0;
				padding: .5em;
				background-color:#DD5050;
				font-size: 0.625em;
				text-align: center;
				color:#ffffff;
	}
#step a:hover{
     color:#dd5050;
	 background: #ffffff;
	 border: double 1px #dd5050;
	 }
	 #step h6
	{
	display: inline;
	font-size: 1em;
	padding-left:2.5em;
	}
#step p
	{display: inline;
	font-size: .75em;
	padding-left: .5em;
	}
 /* landing_pages party link to howattend */
 #party_page_proceed{
			margin: 0px;
			text-align: center;
			height: 140px;    
			width: 100%;
			display:block;
			overflow:hidden;
    		text-indent:100%;
    		white-space:nowrap;
	      	background: transparent url(../images/party_landing.png);
			background-repeat: no-repeat;		
}
#party_page_proceed:hover{
			height: 140px;
			display:block;
			background-position: 0 0;
			background: url(../images/party_landing_hover.png);
				
}
}
/* HUB WIDGET STYLES */
.hub_hot_member_near h3 {font-size:1em;
				font-weight:normal;
				color:#DD5050;
				margin-top: 30px;}
.hub_hot_member_near .es-carousel-wrapper .es-carousel ul li {
	padding: 0;
	font-size: 1em;
    height: 100%;
    float: left;
    display: block;
}