@import url("types.css");
@import url("hacks.css");
@import url("forms.css");
@import url("qTips.css");

/*	General Element Definitions

	Font Stack & Typographic Elements	=FONT	[types.css]
	Form & List Elements				=FORM	[forms.css]
	General HTML Elements				=HTML
	Link Elements						=LINK
	Structural Elements:				=STEL

	Specific Site Sections

	Cam [Picture] Gallery Definitions	=CMGL
	Chathost Biopage Definitions		=BIOP
	Browse Chathost Definitions			=BRCH
	Browser Settings Definitions		=BRSD
    Customer Support Definitions		=CUSD
	F.A.Q. Definitions					=FAQS
	Favorites Definitions				=FVRD
	Landing Page Definitions			=LNDP
	Live- & Private Show Definitions	=SHOW
	Log-in page Definitions				=LGIN
	Message Center Definitions			=MSGC
	Signup Elements						=SGNU
	User Information Box				=USRI
	Video Chat Definitions				=VDCH
	Welcome Page Definitions			=WLCM

	Sub Site Section

	Content IDs							=CONT
	Inline Nav Definitions				=INLN
    Java Test Definitions				=JATS
	Page Nav Definitions				=PGND
	SearchBox Definitions				=SRCH
	User Status Area Definitions		=USAD
	User Status Area Definitions		=UBAD	*/


/*========================================================================
	=STEL : Structural Elements
========================================================================*/


body {
	background: #eeeecc url('../graphics/bodybg.gif') repeat-y center top;
	text-align: center;
	padding: 0;
	margin: 0 auto; }

#mainHeader {
	background: #A90101 url('../graphics/mainheader.jpg') no-repeat left top;
	height: 117px;
	width: 785px;
	margin: 0 auto; }

#mainLayout {
	background: url('../graphics/contentbg.gif') repeat-y left top;
	width: 745px;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: center; }

#mNav {
	background: #450000 url('../graphics/5pixelborder.gif') repeat-x right bottom;
	height: 31px;
	width:785px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	white-space: nowrap; }

	#mNav img {
		text-align: left;
		white-space: nowrap;
		padding: 0;
		margin: 0; }

#mNav span.whosOn {
	margin-left: 9px; }


/*========================================================================
	=HTML : General HTML Elements
========================================================================*/


img {
	border: 0; }

hr {
	margin:0;
	padding:0;
	border: 0;
	color: #5F221F;
	background-color: #5F221F;
	width: 100%;
	height: 1px; }

br.clear {
	clear: both;
	height: 0;
	line-height: 0px; }

.middle * {
	vertical-align: middle; }


/*========================================================================
	=LINK : Link Elements
========================================================================*/


a {
	outline: none; }

a:link {
	color: #663300;
	text-decoration: underline; }

a:visited {
	color: #ECECDC;
	text-decoration: underline; }

a:hover {
	color: #000;
	text-decoration: none; }

a:active {
	color: #663300;
	text-decoration: none;
	outline: none; }


/*========================================================================
	=CONT : Specific Sections : Content IDs
========================================================================*/


#bioPage, #brSettings, #chatPage, #chBrowse, #cSupport, #faq, #favPage,
#galleryPage, #landingPage, #logIn, #messages, #signUp, #userBalance {
	background: #fbf3e6 url('../graphics/content_border.gif') repeat-y left top;
	margin: 0 auto;
	padding: 0 0 35px 0;
	text-align: left;
	border-bottom: 1px solid #5f221f; }

	h2 {
		background: url('../graphics/border_red_main.jpg') no-repeat 0 0;
		height: 40px;
		color: white;
		margin: 0;
		padding: 3px 0 0 12px; }

#content {
	padding: 14px; }


/*========================================================================
	=WLCM : Welcome Page Definitions
========================================================================*/


/*#wlcmPage { border: 1px solid #7B0100;
	background: url('../graphics/landingbg.jpg') no-repeat left top; }*/

#wlcmPage {
	padding: 0 15px; }


/*========================================================================
	=LNDP : Landing Page Definitions
========================================================================*/


#landContainer { 
	background: url('../graphics/landingbg.jpg') no-repeat 0 0; }

#landingPage .landingForm {
	margin: 385px 0 0 45px; }

#landingPage .landingForm small {
	font-size: 0.8em; }


/*========================================================================
	=LGIN : Log-in page Definitions
========================================================================*/


#loginCnt span.loginHere {
	float: left;
	width: 176px;
	margin: 10px 5px 0; }

#loginCnt span.promoAdHere {
	float: left;
	border: 1px solid brown;
	margin: 10px 0 0;
	width: 528px; }

#loginCnt a:link, #loginCnt a:visited {
	color: #663300; }

#loginCnt a:hover, #loginCnt a:active {
	color: #E0723D; }

#loginCnt span.loginHere small {
	font-size: 9px; }

#loginCnt span.loginHere p {
	/*width: 176px;*/ }

#loginCnt span.loginHere .inputLogin,
#loginCnt span.loginHere .inputPaswd {
	background: #fbf3e6 url('../graphics/login_input_bar.gif') no-repeat;
	color: #663300;
	height: 25px;
	width: 155px;
	margin: 5px 0;
	padding: 5px 8px 0 8px;
	border: none; }

#loginCnt span.loginHere .inputLogin:hover,
#loginCnt span.loginHere .inputPaswd:hover,
#loginCnt span.loginHere .inputLogin:focus,
#loginCnt span.loginHere .inputPaswd:focus {
	background: #fbf3e6 url('../graphics/login_input_bar_on.gif') no-repeat; }


/*========================================================================
	=BIOP : Chathost Biopage Definitions
========================================================================*/


#inLine table .content {
	margin-top: 2px; }

#bioPage #bioscn {
	float: left;
	margin: 0 6px 0 0; }
		
img.bioPic {
	width: 320px;
	padding: 4px;
	margin: 10px 0 0;
	background: white;
	border: 1px solid #573833; }

#bioPage #bioNfo {
	width: 365px;
	float: right;
	margin: 10px 0 0;
	padding: 0;
	border: 1px solid #573833;
	line-height: 1.3; }

.xtraNfo {
	display: block;
	margin: 10px auto;
	padding: 10px;
	clear: both;
	background: #ede5d9; }

#bioPage #bioNfo p {
	padding: 10px 10px; }

#bioPage h1 {
	color: #663300; }

#bioPage h3 {
	display: block;
	color: #663300;
	margin: 5px 0;
	padding: 0 3px; }

#bioPage h4 {
	width: 320px;
	background: transparant;
	border: 1px solid #5F221F;
	color: #fff;
	text-align: center;
	margin: 10px 0;
	padding: 4px; }

#bioPage h5 {
	width: 320px;
	background: white;
	border: 1px solid #5F221F;
	border-top: 0;
	color: #663300;
	text-align: center;
	margin: 0;
	padding: 4px; }

#bioPage .statOnOff {
	vertical-align: middle;
	margin: -4px 5px 0 5px; }

#bioPage span.ch_id {
	color: #FBF3E6; }


/*========================================================================
	=BRCH : Browse Chathost Definitions
========================================================================*/


#chCells {
	display: block;
	margin: 20px 10px;
	padding: 0; }

.tableOne, .tableTwo {
	margin-bottom: 10px;
	border-bottom: 1px solid #5f221f; }

	.tableOne {
		background: #FBF3E6 url('../graphics/border_chbox.jpg') no-repeat left top; }

	.tableTwo {
		background: #FBF3E6 url('../graphics/border_chbox.jpg') no-repeat left top; }

#chBox .browseChThumb {
	float: left;
	background: url(../graphics/chbiotmb-bg.gif) no-repeat 0 0;
	margin: 1px 5px 0;
	padding: 0; }

	#chBox .browseChThumb .tmbnl {
		width: 80px;
		height: 60px;
		border: 1px solid white;
		margin: 8px 0 0 9px;
		padding: 5; }

	#chBox .browseChThumb .tmbnl {
		opacity: 1; }

	#chBox .browseChThumb a:hover .tmbnl {
		opacity: .8; }

#chBox .browseStatBar { 
	display: block;
	height: 34px;
	margin-top: 0;
	padding: 0;
	clear: right; }

	#chBox .browseStatBar .on-off {
		float: left;
		display: block;
		padding: 0 0 0 7px;
		margin: 6px 0 0; }

	#chBox .browseStatBar .cidName {
		color: #fff;
		font: bold italic 1.6em "Trebuchet MS", Arial, sans-serif, Helvetica;
		letter-spacing: 0.04em;
		float: left;
		display: block;
		padding: 0 0 0 10px;
		margin: 5px 0 0; }

	#chBox .browseStatBar .statBarXtra {
		display: block;
		float: right;
		margin: 8px 8px 0;
		padding: 0 0 0; }

	#chBox .oneLiner {
		height: 32px;
		margin: 15px 0 0 125px;
		text-align: left;}

	#chBox .oneLiner .dsc {
		display: inline;
		color: #663300; }

#chBox .browseBtns {
	height: 28px;
	text-align: center;
	padding: 0 5px 0 0;	}

#chBox .browseBtns img {
	display: inline;
	margin: 0 5px;
	padding: 0;
	border: 0; }

#chBox .statNew {  }
#chBox .statOnOff { }

#warnSetting {
	background: #c93700 url(../graphics/bullet_statusnfo.gif) no-repeat 5px 5px;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 5px 20px; }

	#warnSetting a:link {
		color: #fff;
		text-decoration: underline; }

	#warnSetting a:hover {
		color: #ffba00;
		text-decoration: none; }

	#warnSetting a:active {
		color: #ffba00;
		text-decoration: none;
		outline: none; }

	#warnSetting a:visited {
		color: #fff;
		text-decoration: underline; }


/*========================================================================
	=FVRD : Favorites Definitions
========================================================================*/


#favSelector {
	text-align: left;
	margin: 15px 0; }

	#favSelector input {
		border: 1px solid red;
		background: black;
		margin: 0; }

#favBoxMain { /* bogus */  }

	#favBoxOnline, #favBoxOffline, #rss {
		margin: 0 0 10px 5px;
		padding: 0 5px;
		width: 100%;
		line-height: 15px; }

	#favBoxOnline strong, #favBoxOffline strong {
		display: block;
		margin-bottom: 5px; }


/*========================================================================
	=BRSD : Browser Settings Definitions
========================================================================*/


#brSettings p {
	line-height: 15px; }

	#brSettings a, #faq a:link {
		font-weight: bold;
		color: #663300; }
	#brSettings a:visited {
		color: #d7d7c8; }
	#brSettings a:hover, #brSettings a:active {
		color: #E0723D; }


/*========================================================================
	=CMGL : Cam [Picture] Gallery Definitions
========================================================================*/


#galleryPage .statOnOff {
	vertical-align: middle;
	margin: -4px 5px 0 5px; }

#galleries {
	display: block;
	padding: 0 15px; }

#galleries #picBox {
	display: block;
	float: left;
	margin: 10px 3px 0 0; }

	#galleries #picBox .thmb {
		padding: 2px;
		/*margin-right: 5px;*/
		border: 1px solid #535a76;
		opacity: .95;
		filter: alpha(opacity=90); }

	#galleries #picBox a:hover .thmb {
		opacity: 1;
		filter: alpha(opacity=100); }

	#galleries #picBox date {
		font-size: xx-small;
		padding:0; }

#galleries .noPics {
	width: 558px;
	background: url('../graphics/nophotosyet.jpg') no-repeat 0 0; }

#galleries .noPics p .largetxt {
	margin: 12px 0;
	padding: 5px;
	background: #f3f3ee;
	font-size: 12px; }

#galleries p .anote {
	border: 1px solid #dadbd4;
	color: #4d5359;
	margin: 12px 0;
	background: url('../graphics/bullet.png') no-repeat 10px 12px;
	padding: 12px 12px 12px 30px; }

.galleryinfo {
	display: block;
	/*margin: 10px 14px 0 14px;*/ }


/*========================================================================
	=VDCH : Video Chat Definitions
========================================================================*/


#chatPage #freeChat {
	background: url('../graphics/pop_up_freechat_bg.gif') no-repeat 0 0;
	margin: 5px 0 10px 0;
	height: 240px; }

#chatPage #preview {
	border: 1px solid #5F221F;
	width: 320px;
	height: 240px;
	float: left;
	clear: both;
	white-space: nowrap;
	text-align: left; }

#chatPage .buttonRow {
	display: block;
	margin: 7px 0px; }

	#chatPage #showButtons a:visited {
		color: #A51B12; }

#chatPage #showButtons {
	border: 1px solid #5F221F;
	float: right;
	width: 380px;
	height: 240px; }

	#chatPage #showButtons .butLiveShow { 
		display: block;
		text-align: center;
		margin: 81px 0 10px 7px; }

	#chatPage #showButtons .butPrivateShow { 
		display: block;
		margin: 81px 0 10px 7px; }

	#chatPage #showButtons .sneakPeek {
		display: block;
		width: 200px;
		margin: 0 0 10px 15px; }

	#chatPage #showButtons .butBuyCreds {
		display: block;
		text-align: center;
		margin: 10px 0 0 7px; }

	#chatPage #showButtons .butEnter {
		display: block;
		text-align: center;
		margin: 18px 0 0 8px; }

	#chatPage #showButtons .pidcid {
		font: bold italic 30px "Times New Roman", Times, "serif";
		letter-spacing: 0.02em;
		color: #A51B12;
		display: block;
		margin: 82px 0 0;
		text-align: center;
		clear: both; }

	#chatPage #showButtons span.price {
		font: bold 17px "Times New Roman", Times, "serif";
		letter-spacing: 0.02em;
		color: #A51B12;
		display: block;
		margin: 20px 0 0;
		text-align: center;
		clear: both; }

	#chatPage #showButtons span.sneakpeek {
		font: bold 17px "Times New Roman", Times, "serif";
		letter-spacing: 0.02em;
		color: #A51B12;
		display: block;
		margin: 20px 0 0;
		padding: 0 10px;
		text-align: center;
		clear: both; }

		#chatPage #liveShow #showButtons .joinStory,
		#chatPage #privateShow #showButtons .joinStory {
			display: block;
			margin: 30px 0 0 10px; }

		#chatPage #liveShowLive #showButtons p,
		#chatPage #privateShowLive #showButtons p {
			padding: 10px; }

#chatPage #liveShow {
	background: url('../graphics/popup_liveshow_bg.gif') no-repeat 0 0; }

#chatPage #privateShow {
	background: url('../graphics/popup_privateshow_bg.gif') no-repeat 0 0; }

#chatPage #liveShow,
#chatPage #privateShow,
#chatPage #liveShowLive,
#chatPage #privateShowLive {
	margin: 5px 0 10px 0;
	width: 100%;
	height: 240px; }

#chatPage #liveShowLive,
#chatPage #privateShowLive {
	background: url('../graphics/popup_liveprivate_bg.gif') no-repeat 0 0; }

	#chatPage #liveShowLive #showButtons .pidcid,
	#chatPage #privateShowLive #showButtons .pidcid {
		font: bold italic 26px "Times New Roman", Times, "serif";
		letter-spacing: 0.02em;
		color: #A51B12;
		display: block;
		margin: 42px 0 0;
		text-align: center;
		clear: both; }

#chatPage #chatPane {
	width: 717px;
	height: 160px;
	display: block;
	background: url('../graphics/guestchatback.gif') no-repeat 0 0;
	padding: 20px 0 0;
	margin: 20px 0 0; }

	#chatPage #chatPane p, #chatPage #chatPane blockquote {
		color: #FBF3E6;
		line-height: 1; }

	#chatPage #chatPane p {
		margin: 0 0 0 20px;
		padding: 0; }

#chatPage #chatPaneLive {
	width: 717px;
	height: 160px;
	display: block;
	/*background: url('../graphics/guestchatback.gif') no-repeat 0 0;*/
	padding: 20px 0 0;
	margin: 0; }

#chatPage #privateShowNotavailable {
	background: url('../graphics/popup_empty_bg.gif') no-repeat 0 0; }

/*========================================================================
	=SGNU : Signup Elements						
========================================================================*/

#signUp .main {
	margin: 0 14px; }

#signUp .error {
	background: url('../graphics/error.gif') no-repeat 0 2px;
	display: block;
	margin: 8px 0;
	padding-left: 15px;
	color: #cc0033;
	font-weight: bold; }

#signUp .error_span {
	visibility: hidden;
	display: none;
	color: #ff0000;
	font-weight: bold; }

#signUp .dsc {
	color: #cc0033; }

#signUp small {
	font-size: 0.8em; }

#signUp input {
	padding: 1px 2px; }

#signUp select {
	padding: 2px; }

#signUp input, #signUp select {
	border: 1px solid #d4d0c8; }

#signUp input .enter {
	border: 0; }

#signUp .mainImg {
	border: 1px solid #A52A2A; }


/*========================================================================
	=CUSD : Customer Support Definitions
========================================================================*/

#cSupport.transAction table * {
	border: 0; }

#cSupport.transAction tr{
	border: 0; }

#cSupport.transAction td {
	background: white;
	border: 0; }

#cSupport p {
	padding: 0 20px; }

#cSupport .changePw {
	margin: 15px 0; }

#cSupport hr {
	margin:20px 0;
	padding:0;
	border: 0;
	color: #663300;
	background-color: #663300;
	width: 100%;
	height: 1px; }

	#cSupport a, #cSupport a:link {
		font-weight: bold;
		color: #663300; }

	#cSupport a:visited {
		color: #E0723D; }

	#cSupport a:hover, #cSupport a:active {
		color: #E0723D; }

	#cSupport input {
		padding: 1px 4px; }

	#cSupport .error {
		display: block;
		background: url('../graphics/error.gif') no-repeat 4px 4px;
		font-weight: bold;
		padding: 2px 0 2px 18px;
		margin: 2px 0;
		color: #ff391c;	}


/*========================================================================
	=FAQS : F.A.Q. Definitions
========================================================================*/


#faq p {
	padding: 0 20px; }

#faq ul {
	padding: 0 20px; }

#faq hr {
	margin:20px 0; }

	#faq a, #faq a:link {
		font-weight: bold;
		color: #663300; }

	#faq a:visited {
		color: #E0723D; }

	#faq a:hover, #cSupport a:active {
		color: #E0723D; }


/*========================================================================
	=MSGC : Message Center Definitions
========================================================================*/


#messages {
	width: 100%; }

#messages .hihah {
	text-align: right;
	font-weight: bold;
	margin: 0 4px 0 0; }

#messages .mailBox {
	color: #663300; }

	#messages .mailBox a:link {
		color: #663300;
		text-decoration: none; }

	#messages .mailBox a:visited {
		color: #663300; }

	#messages .mailBox a:hover {
		color: #EC790C;
		text-decoration: underline; }

	#messages .mailBox a:active {
		color: #EC790C; }

#messages .inbound	 {
	background: #FBF3E60; }

	#messages .inbound p {
		padding: 5px 5px; }

	#messages .inbound a:link {
		color: #663300;
		text-decoration: none; }

	#messages .inbound a:visited {
		color: #EC790C; }

	#messages .inbound a:hover {
		color: #663300;
		text-decoration: underline; }

	#messages .inbound a:active {
		color: #2E2E2E; }

		#messages .inbound td {
			padding: 5px; }

		#messages .inbound .odd {
			background: #EC790C;
			color: white; }

		#messages .inbound .odd:hover {
			background: #EC790C; }

		#messages .inbound tr {
			background: #fff;
			color: #663300; }

		#messages .inbound tr:hover {
			background: #FBF3E6;
			color: #663300; }

	#mailbox a:link .msgfldr_active {
		background: #000;
		color: #fff;
		text-decoration: none; }

	#mailbox a:hover .msgfldr_active {
		background: #fff;
		color: #fff;
		text-decoration: none; }

	#mailbox a:link .msgfldr_inactive {
		background: #ccc;
		color: #000;
		text-decoration: none; }

	#mailbox a:hover .msgfldr_inactive {
		background: #000;
		color: #fff;
		text-decoration: none; }


/*========================================================================
	=USRI : User Information Box
========================================================================*/


#userInfo {
	width: 785px;
	height: 23px;
	display: block;
	background: #7B0000;
	padding: 0;
	margin: 0 auto; }


/*========================================================================
	=SRCH : SearchBox Definitions
========================================================================*/


#search {
	float: right;
	width: 202px;
	background: #be0000;
	/*border-top: 1px solid #390000;*/
	padding: 0;
	margin: 0; }

	#search form fieldset {
		border: 0;
		margin:0;
		padding:0;}

	#search form fieldset legend {
		display: none; }

	#search .searchbox {
		float: left;
		display: block;
		background: #be0000;
		color: #fff;
		border: 1px solid #390000;
		height: 15px;
		font-size: 11px;
		padding: 2px 0 2px 5px;
		margin: 0; }

	#search label {
		background: url('../graphics/but_searcharrow_sel.gif') no-repeat;
		height: 19px;
		width: 27px;
		text-indent: -4000px;
		position: relative;
		cursor: pointer;
		/* Remove 'display: none' when IMG is defined in html */
		display: none; }

	#search .searchArw {
		float: right; }


/*========================================================================
	=USAD : User Login/out Status Area Definitions
========================================================================*/


#loginoutStatus {
	float: left;
	display: block;
	/*width: 202px;*/
	/*height: 98px;*/
	text-align: left;
	padding: 0; }

	#loginoutStatus span {
		display: block;
		background: #7b0000 url('../graphics/bullet_statusnfo.gif') no-repeat 5px 6px;
		padding: 5px 5px 5px 25px;
		color: #ececdc;
		font-size: 0.9em;
		font-weight: bold;
		letter-spacing: 0.08em;	}

	#loginoutStatus span strong {
		text-transform: uppercase; }

	#loginoutStatus span a:link {
		color: #ececdc;
		text-decoration: underline; }

	#loginoutStatus span a:hover {
		color: #ffba00;
		text-decoration: none; }

	#loginoutStatus span a:visited {
		color: #ececdc;
		text-decoration: underline; }

	#loginoutStatus span a:active {
		color: #6676B2;
		text-decoration: none;
		outline: none; }


/*========================================================================
	=UBAD : User Balance Area Definitions
========================================================================*/

#userBalance {
	margin-top: 10px; }

#userBalance cite {
	display: block;
	text-indent: -4000px;
	color: #ECECDC;
	margin-top: 30px;
	padding: 0;
	background: url('../graphics/your_balance.gif') no-repeat 20px 0; }

	#userBalance h2 {
		display: block;
		padding-left: 20px; }

		#userBalance span.cLinks { text-align: center;
			display: block;
			margin: 14px; }


/*========================================================================
	=INLN : Inline Nav Definitions
========================================================================*/


#inlineNav { 
	display: block; 
	text-align: center;
	white-space: nowrap;
	margin: 5px auto;
	padding: 5px 0; }

	#inlineNav .top {
		margin-bottom: 10px;
		clear: both; }

	#inlineNav .bottom {
		color: #843300;
		margin-top: 10px; }

#xtraInlBar {
	height: 19px;
	text-align: right;
	padding: 0 3px 0 3px; }

	#xtraInlBar span .status {
		float: left;
		margin-top: 3px; }

	#xtraInlBar span .favors {
		float: right; }


/*========================================================================
	=PGND : Page Nav Definitions
========================================================================*/


#pageNav {
	text-align: right;
	margin: 5px 0 5px;
	padding: 0 14px 0;
	font-weight: bold;
	white-space: nowrap; }

	#pageNav .a:link {
		color: #843300; }

	#pageNav a:hover {
		color: #EC7C0F; }

	#pageNav a:visited {
		color: #843300; }


/*========================================================================
	=JATS : Java Test Definitions
========================================================================*/


	#jTest {
		margin-top: 20px; }


	#jTest .vid {
		display: block;
		background: #FFF6E6;
		text-align: center;
		margin: 20px auto;
		padding: 10px; }


/*========================================================================
	=FOOT : Footer Definitions
========================================================================*/


#footJob {
	background: url('../graphics/bottom.jpg') no-repeat top left;
	width: 785px;
	text-align: center;
	margin: 0 auto 12px auto;
	padding: 20px 0 10px 0; }

	#footJob small {
		font-weight: bold;
		color: #843300;
		font-size: 0.8em; }

	#footJob a:link {
		color: #843300;
		text-decoration: underline; }

	#footJob a:visited {
		color: #843300;
		text-decoration: underline; }

	#footJob a:hover {
		color: #fff;
		text-decoration: none; }

	#footJob a:active {
		color: #fff;
		text-decoration: none;
		outline: none; }