/* CSS Document */
body, div, li, ul, h1, h2, h3 { padding:0px; margin:0px; }





body {
	background-color:#000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
  

}

p {margin-bottom: 8px }

a {color:#FFF;}
a:hover {color:#FFF;background: #d84087;}
img { border: 0 }
.clear {clear:both;}
#container { }
#header {
	background: #d84087;
	height: 140px;
	clear: both;
}



/*header links*/
#header_links {float:right;}
#header_links ul {
	list-style: none;
	 margin: 0;
	 padding: 0;
}

#header_links li {
	list-style: none;
	 margin: 0 0 0 10px;
	 padding: 0;
	 float:left;
	 text-transform:uppercase;
}
#header_links li a {
	font-size:12px;
	color: #9a1553;

}



#header_content {
	width: 1060px;
	margin: auto;	
	background: #d84087; 
	
}


#header #logo {
 	float: left;
	width: 136px;
}

#page_title { margin: 10px 0 10px 0 }

/* menu */
#menu_container {float: left; width: 900px; padding: 80px 0 0 20px; z-index: 10;}
#menu { list-style:none; margin: 0; padding: 0;}
#menu a {color:#FFF; text-decoration:none; text-transform:uppercase; font-size: 1em; font-family:Helvetica, Arial; }


/*red hot*/
#redhot {
	background: url('/templates_new/images/redhot_bg.gif') repeat-x top #9a1553;
	height: 180px;
	clear: both;	
	padding-top: 12px;
}

#content_containerVOID{background: url('/templates_new/images/signup-bg.gif') repeat; min-height: 500px; padding: 20px 0 0 0;border-bottom: solid 1px #1f2023; }
#content {
	clear: both;
	width: 960px;
	margin: auto;

}

.content p { margin-bottom: 6px; }

#col-1 { width: 660px; float:left; }
#col-2 {padding-top: 20px; width: 280px; float:left;  }
#col-2 a {color:#FFF; text-transform:uppercase; text-decoration:none; border-bottom: solid 1px #fff; color:#FFC }
#col-2 h3 {
	font-size: .9em;
	border-bottom: solid 1px #CCC;
	margin: 5px 0 3px 0;
	
}


/* Sliding Boxes */
.boxgrid p {  padding:0px; margin:0px; }
.thecombo h3{ margin: 10px 10px 0 10px; color:#FFF; font:14pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
.boxcaption h3{ margin: 10px 10px 0 10px; color:#FFF; font:16pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
		
.boxgrid{ width: 200px; height: 200px; margin:10px; float:left; background:#161613; overflow: hidden; position: relative; }
.boxgrid img{position: absolute;top: 0;left: 0;border: 0;}
.boxgrid p{padding: 0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif;}

.boxcaption{float: left;position: absolute;background: #000;height: 200px;width: 100%;opacity: .8;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top: 200;left: 0;}
.caption .boxcaption {top: 200;left: 0;}





/* footer */
#footer {background: url('/templates_new/images/body_bg.jpg') bottom right no-repeat #000;text-align:center;clear:both;height: 300px; margin-top: 30px;}



#footerlinks { margin: 10px;font-size:10px; color:#666; }
#footerlinks a { font-size:12px; color:#666; }










/* PROFILE */

#profile_container {	}

#profile_description { 
	float: left;
	width: 960px;
	padding-right: 10px;
	text-align:justify;
	margin-bottom: 30px;
} 

#profile_extra_fields {margin-left: 20px;float: right;width: 300px;text-align:center;margin-top: 10px;}

#profile_extra_fields table {border: 0; width:100%;}
#profile_extra_fields table th { width: 110px; font-weight:normal; background: #9a1553; padding: 4px;}
#profile_extra_fields table td { color:#FFF; 	background: #d84087; margin: 2px; padding: 4px; }
#profile_extra_fields table td a { color:#FFF }

#profile_photos {clear: both;margin: 20px 0 20px 0;display:block;} 


/*profile reviews */
#profile_reviews { margin-bottom: 150px; }
.review_comment {min-height: 292px;width: 957px;margin-bottom: 4px;background: #4b4b4b url('/templates_new/images/review_comment.gif') top left no-repeat;}
.review_comment .review_by {margin: 30px 0 0 150px;color:#FFF;font-size: 2em;font-weight:bold;}
.comment_container {margin: 0 30px 22px 38px; }
.comment_container .the_review {float: left; min-height: 240px; width: 860px; padding-top: 9px; margin-top: 18px;}
.comment_container .review_quiz {float: right; min-height: 240px;  width: 490px; margin-left: 20px; padding-top: -18px;}
.review_quiz dt { margin-top: 5px; font-style:italic; }
.review_quiz dd { margin-left: 50px; }
.comment_container .the_review .block {float: left; width: 70px; height: 30px; display:block; }
.comment_container .date_revied {text-align:right; font-size:12px; color:#333; padding-right: 3px; } 
  

/* stories */
#stories {border-top: solid 2px #FFF;margin-top: 20px;padding-top: 20px;}
#stories .story {border-bottom: dashed 1px #999;padding-bottom: 20px;}
#stories .storyTitle { font-weight:bold; }
#stories .storyEscort { background: #9a1553; padding: 15px;	margin-bottom: 20px;}
#stories .storyPunter { background: #000; padding: 15px;	margin-bottom: 20px;}
#added_story { padding: 5px; background:#FFC; color:#000; }


/* stories */
#col-2 #stories-ticker {}
#col-2 #stories-ticker .story {padding: 10px; font-size: 12px;}
#col-2 #stories-ticker .story a { color:#FFF; font-size: 12px; text-transform:lowercase}
#col-2 #stories-ticker .storyTitle { font-weight:bold; }
 

#classifieds_content p {
	display: block;
 
	margin: 10px;
 
	
	
}


/*

#classifieds_content p {
	display: block;
	float:left;
	width: 200px;
	height: 80px;
	padding: 10px;
	margin: 10px;
	border: solid 1px #CCC;
	
	
}

*/

/* signup */


#signup-plans_container {background: url('/templates_new/images/signup-bg.gif') repeat; min-height: 400px; padding: 20px 0 0 0;border-bottom: solid 1px #1f2023; }
#signup-plans_content { width: 990px; margin: auto;}
#signup-plans_content .jacket a:hover {background:none;}
#signup-info { height: 300px; }

#signup-header {font-size: 1.4em;}
#signup-subheader {font-size: 1.2em;}





 .plan-desc { text-align: center; margin-bottom: 10px; }

div.container {
  width: 950px;
  margin: 0 auto;
	padding: 0;
	background-color: transparent;

}


body div.masthead h2 strong {
	color: #000;
}

body div.jacket {
	height: 360px;
	margin: 0 auto;
	font-family: helvetica, arial, sans-serif;
	width: 783px;
	color:#333;
}

body div.short {
	width: 220px;
	height: 290px;
	border: 1px solid #999;
	float: left;
	margin-top: 22px;
	text-align: center;
	padding: 10px;
	background-color: #fff;
}

body div.tall {
	width: 240px;
	height: 320px;
	border: 3px solid #d84087;
	float: left;
	text-align: center;
	padding: 8px 10px 10px 10px;
	background-color: #fff9df;
}

body div.no-r {
	border-right: 0;
}

body div.r-shadow {
	background-image: url(/templates_new/images/shadow-right.png);
	background-position: right;
	background-repeat: no-repeat;
}

body div.no-l {
	border-left: 0;
}

body div.l-shadow {
	background-image: url(/templates_new/images/shadow-left.png);
	background-position: left;
	background-repeat: no-repeat;
}

body div.short h1 {
	margin: 0;
	padding: 0;
	font-size: 34px;
}

body div.short h1, body div.short h1 a, div.short h2 {
	color: #333;
	text-decoration: none;
}

body div.tall h1, body div.tall h1 a {
	margin: 0;
	padding: 0;
	font-size: 42px;
	color: #000;
	line-height: 1em;
	text-decoration: none;
}

body div.short h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
}

body div.tall h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}

body div.short h3 {
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	font-family: helvetica, arial, sans-serif;
	color: #9a1553;
}

body div.tall h3 {
	margin: 0 0 15px 0;
	padding: 0 0 4px 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: #9a1553;
}

body div.short li, body div.tall li {
	font-size: 14px;
	color: #64503f;
}

body div.tall li {
	font-size: 16px;
}

body div.tall ul, body div.short ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

body div.tall ul.highlight, div.short ul.highlight {
	margin-top: 0;
}

body div.tall ul.highlight li, div.short ul.highlight li {
	list-style: none;
	margin-bottom: 3px;
	font-size: 18px;
	line-height: 1em;
	border-bottom: 1px dotted #888;
}

body div.tall li strong, body div.short li strong {
	color: #c33700;
}


body div.tall ul.highlight li {
	font-size: 20px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #888;
}

body div.tall img {
	margin: 1px 0 4px 0;
}

body div.tall small {
	color: #C33700;
	font-size: 12px;
}

body div.under_chart_left, body div.under_chart_right {
	width: 550px;
	position: relative;
	top: -44px;
	font-size: 11px;
	float: left;
} 

body div.under_chart_right {
	float: right;
}

/* SIGNUP BUBBLES */

body.signup .hover_container {
  position: relative;
  font-size: 12px;
  color: #666;
}

body.signup .hover_container div.bubble {
  display: none;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
}

body.signup .hover div.bubble {
  display: block;
  cursor: pointer;
  z-index: 1000;
}

body.signup div.bubble div.wrapper {
  position: absolute;
  top: -40px;
  left: 35px;
}

body.signup div.bubble div.content {
  width: 300px;
  margin: 0;
  padding: 0 7px 8px 0;
  background: url(/images/bubble-background.png) no-repeat bottom right;
  text-align: left;
  color: #000;
  white-space: normal;
  letter-spacing: normal;
}

body.signup div.bubble div.content div.arrow {
  position: absolute;
  top: 18px;
  left: -47px;
  width: 50px;
  height: 40px;
  background: url(/images/bubble-arrow.png) no-repeat top left;
}

body.signup div.bubble div.content div.inner {
  padding: 15px;
  background: url(/images/bubble-background.gif) no-repeat top left;
}

body.signup div.bubble div.content div.inner h2 {
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  border: none;
  margin: 0;
}

body.signup div.bubble div.content div.inner p {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  margin-bottom: 0;
}

body.signup3 a.hover_target {
  color: #000;
	font-size: 14px;
}

body a.hover_target {
  text-decoration: none;
  border-bottom: 1px dotted #888;
  margin-left: 6px;
  color: #64503f;
}

body .hover_container {
  position: absolute;
  margin: 18px 0 0 5px;
}
/* SHADOWBOX --------------------------------------------------*/

div.feature div.shadow {
  background: url(/images/background_shadow.png) no-repeat bottom right;
  padding: 0 7px 7px 0;
}

div.feature div.inner {
  overflow: hidden;
  background: #fff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 8px;
	text-align: left;
}

div.feature div.inner img {
	margin-bottom: 3px;
}

div.feature div.inner a {
  color: #333;
  text-decoration: none;
}

div.feature div.inner a:hover {
  text-decoration: underline;
}

div.small_features {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div.small_features div.feature {
  float: left;
  width: 230px;
}

div.feature {
  margin: 0 10px 11px 0;
}

div.small_features div.end {
	margin-right: 0;
}

div.feature div.container {
  width: 656px;
  background-color: #efefef;
  padding: 10px 15px 20px 15px;
  font-size: 11px;
  text-align: left;
}

div.feature h3 {
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin: 7px 0 0 0;
	color: #fff;
}

div.feature p {
  text-align: center;
  color: #000;
}

div.feature h1 {
  font-family: times;
  color: #000;
  font-weight: bold;
  font-size: 3.8em;
  text-align: center;
  margin: 5px 0 5px 0;
}

div.feature h2 {
	color: #999;
	font-size: 12px;
	margin: 2px 0 0 0;
	padding: 0;
	font-weight: normal;
	text-align: center;
}

div.feature h3 {
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin: 7px 0 0 0;
	color: #222;
}

div.feature h3 span.category {
  color: #c00;
}

div.feature h4 {
	margin: 1px 0 0 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color: #555;
	line-height: 1em;
}

div.feature h5 {
	font-family: Georgia;
  color: #222;
  font-size: 14px;
  margin: 5px 0;
  font-weight: normal;
}









/* EXTRA ------------------------------------------------------*/

div.extra {
  background-color: #1f2024;
  padding: 20px;
  margin: 30px 0 50px 0;
	clear: both;
	text-align: left;
}

div.extra h1 {
  color: #444;
	text-align: left;
  margin: 0 0 20px 0;
	clear: both;
}

div.extra hr { color:#CCC }

div.extra p { margin-bottom: 14px }

div.extra h3 {
  margin: 0 0 2px 0;
	padding: 0;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #fff;
}

div.rightcolumneven {
  width: 435px;
  padding-left: 0px;
  float: right;
	text-align: left;
}

div.leftcolumneven {
  width: 435px;
  padding-right: 0px;
  float: left;
	text-align: left;
}




div.fullcolumn {
  width: 100%;
  clear: both;
	text-align: left;
}
 
 
div.quote {
  padding: 0 15px 20px 0;
}

div.quote h3 {
  color: black;
  font-size: 1.3em;
  line-height: 1.3em;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  margin: 0;
}

div.quote p {
  margin-top: 5px;
  margin-bottom: 5px;
}






/* superfish menu */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:	inherit;}/* fixes IE7 'sticky bug' */
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


.sf-menu {float:left;margin-bottom:	1em;}
.sf-menu a {padding: 		.75em 1em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited  {color:#13a;} /* visited pseudo selector so IE6 applies text colour*/
	

.sf-menu li {z-index: 200;}
.sf-menu li li {background:		#d84087;}
.sf-menu li li li {background:		#d84087;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#9a1553;outline:0}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 	2.25em;min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/includes/jquery/superfish/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/includes/jquery/superfish/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}