/* Criss Angel */
/* The Loyal Stylesheet
----------------------------------------------------------------------------- */

	@import url("widget-member.css");
	@import url("widget-event.css");
	@import url("widget-blog.css");
	@import url("page-downloads.css");
	@import url("widget-media.css");
	@import url("widget-photos.css");


/* Prescedents
----------------------------------------------------------------------------- */


	#page-referral #content {
	
	width: 900px;
	color: #919191;
	font: normal 12px/15px trebuchet ms, sans-serif;
	
	}
	
	
/* Users Online
----------------------------------------------------------------------------- */


	#online {
	
	float: left;
	color: #fff;
	font: normal 43px/37px Georgia, Serif;
	position: relative;
	margin-bottom: 50px;
	
	}
	
	#online h3 {
	
	width: 392px;
	background: url(../images/section-loyal/h3-online.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 4px;
	left: 80px;
	
	}
	
	#online ul li {
	
	float: left;
	margin: 15px 22px 0 0;
	
	}


/* The Loyal Body Art
----------------------------------------------------------------------------- */

	#page-loyal #photos {
	
	border-top: 1px solid #1e444a;
	border-bottom: 1px solid #1e444a;
	padding: 10px 0 10px 0;
	float: left;
	clear: left;
	margin-bottom: 50px;
	position: relative;
	
	}
	
	#page-loyal #photos h3 { 
	
	width: 388px;
	background: url(../images/section-loyal/h3-loyalbodyart.gif) no-repeat;
	
	}
	
	#page-loyal #photos ul.actions {
	
	position: absolute;
	top: 20px;
	left: 415px;
	
	}
	
	#page-loyal #photos ul.photos li a img {
	
	height: 90px;
	width: auto;
	
	}
	
	
	
/* Upcoming Chats
----------------------------------------------------------------------------- */

	#chats {
	
	margin-bottom: 30px;
	
	}

	#chats h3 {
	
	width: 278px;
	height: 25px;
	background: url(../images/section-loyal/h3-chats.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	
	}
	

/* Find A Friend
----------------------------------------------------------------------------- */


	#friend-search {
	
	float: left;
	margin-bottom: 30px;
	
	}

	#friend-search h3 {
	
	width: 227px;
	height: 19px;
	display: block;
	text-indent: -5000px;
	background: url(../images/section-network/h3-findfriend.gif) no-repeat;
	
	}
	
	#friend-search h4 {
	
	display: none;
	
	}
	
	#friend-search ul.actions {
	
	clear: left;
	margin-top: 10px;
	
	}
	

/* Downloads
----------------------------------------------------------------------------- */

	body.section-loyal #downloads {
	
	float: left;
	clear: left;
	margin-bottom: 30px;
	
	}

	body.section-loyal #downloads h3 {
	
	background: url(../images/section-loyal/h3-downloads.gif) no-repeat;
	width: 281px;
	height: 224px;

	}
	
	body.section-loyal #downloads p {
	
	color: #919191;
	font: normal 12px/15px Trebuchet MS, sans-serif;
	margin-bottom: 10px;
	
	}
	
	

/* View Blog Posts
----------------------------------------------------------------------------- */	
	
	#view-post {
	
	float: left;
	margin-bottom: 50px;
	
	}
	
	#view-post p {
	
	margin: 10px 0;
	
	}
	
	#view-post ul.actions {
	
	margin: 20px 0;
	
	}
	
	#view-post ul.actions li {
	
	float: left;
	margin-right: 15px;
	
	}
	
	
/* Friends
----------------------------------------------------------------------------- */


	#friends {
	
	margin-bottom: 50px;
	
	}
	
	#friends h3 {
	
	width: 263px;
	background: url(../images/section-network/h3-friends.gif) no-repeat;
	
	}

	#member-friends h3 {
	
	width: 163px;
	height: 19px;
	background: url(../images/section-network/h3-myfreaks.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	
	}
	
	
/* Exclusive Contests
----------------------------------------------------------------------------- */

	#contests {
	
	margin-bottom: 30px;
	clear: left;
	
	}


/* Referral Program page
----------------------------------------------------------------------------- */


/* Description */


	#page-referral #description {
	
	width: 840px;
	height: 459px;
	background: url(../images/section-loyal/img-referrals.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	margin: 0 0 25px 10px;
	
	}
	
	#page-referral p.legal {
	
	float: left;
	clear: left;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
	
	}
	
	#page-referral p.legal a {
	
	font-size: 13px;
	
	}
	

/* Link */


	#link {
	
	text-align: center;
	width: 840px;
	color: #fff;
	font: normal 14px/18px trebuchet ms, sans-serif;
	margin: 0 0 45px 10px;
	
	}
	
	#link h3 {

	width: 247px;
	height: 19px;
	background: url(../images/section-loyal/h3-hereswhatyoudo.gif) center top;
	display: block;
	text-indent: -5000px;
	margin: 0 0 10px 300px;

	}
	
	#link p.copy {
	
	margin-bottom: 15px;
	
	}
	
	#link p.link {
	
	color: #ff8900;
	
	}
	
	
/* Member Listing */

	
	#referrals {
	
	width: 840px;
	color: #fff;
	margin-left: 10px;
	
	}
	
	#referrals h3 {
	
	width: 299px;
	height: 19px;
	background: url(../images/section-loyal/h3-hereswhereyoustand.gif) center top;
	display: block;
	text-indent: -5000px;
	margin: 0 0 15px 275px;

	}
	
	#referrals table {
	
	width: 840px;
	
	}
	
	#referrals tr td {
	
	padding: 10px;
	margin-bottom: 5px;
	
	}
	
	#referrals tr.self td {
	
	background-color: #221203;
	
	}

	#referrals img {
	
	width: 50px;
	height: 50px;
	
	}
	
	#referrals td.member {
	
	width: 500px;
	
	}
	
	#referrals td.tally {
	
	width: 340px;
	
	}
	
	#referrals td.member span {
	
	display: block;
	text-indent: -5000px;
	background-color: #ff8900;
	height: 15px;
	margin-left: 60px;
	
	}
	
	#referrals td.tally em {
	
	float: right;
	
	}
	
	
	
/* LOYALFEST PAGE
----------------------------------------------------------------------------- */

	
	#page-loyalfest #layout h3.loyalfest {
	
	float: left;
	clear: left;
	width: 100%;
	height: 30px;
	background: url(../images/section-loyal/h3-loyalfest.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #26231F;
	
	}
		
	#page-loyalfest div.loyalfest {
	
	width: 900px;
	height: 485px;
	background: url(../images/section-loyal/bg-chat.gif) no-repeat;
	display: block;
	position: relative;
	float: left;
	clear: left;
	margin-bottom: 40px;
		
	}
		
	#page-loyalfest #kyteplayer {
	
	position: absolute;
	top: 35px;
	left: 0;		
	width: 423px !important;
	height: 443px !important;
	background-color: #000;
	border: 1px solid #fff;
		
	}
		
	#page-loyalfest a.launchchat {
	
	width: 157px;
	height: 11px;
	display: block;
	text-indent: -5000px;
	background: url(../images/section-loyal/a-launchchat.gif);
	position: absolute;
	top: 9px;
	right: 0;
		
	}
		
	#page-loyalfest a.reembed {
	
	width: 118px;
	height: 11px;
	display: block;
	text-indent: -5000px;
	background: url(../images/section-loyal/a-reembedchat.gif);
	position: absolute;
	top: 212px;
	right: 152px;
		
	}	
	
	#page-loyalfest #chat {
	
	width: 425px;
	height: 445px;
	position: absolute;
	top: 35px;
	right: 0px;
	z-index: 999 !important;
			
	}
		
	#page-loyalfest #chat table, #page-loyalfest #chat table td, #page-loyalfest #chat table td object {
	
	width: 425px;
	height: 445px;
		
	}	
		
	div.dim {
	
	width: 425px;
	height: 445px;
	display: block;
	background: url(../images/section-loyal/bg-disclaimer.gif);
		
	}
		
	#page-loyalfest #chat object embed {
	
	width: 425px;
	height: 445px;
		
	}
		
	
	

