@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SHONTELLE MAIN CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		shontelle_main.css
	Date:			Jul 09, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#fff url(../../images/bgPattern.jpg) repeat-x top center;
		color:#fff;
		behavior:url(shared/css/csshover.htc);
	}
	.alt {
		text-indent:-3000px;
		display:block;
		font:normal 2px Arial, Helvetica, sans-serif;
		line-height:2px;
	}
	.clearfix:after {
		content:".";
		display:block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	
	#main {
		width:960px;
		margin:0 auto;
		background:url(../../images/bg_content.jpg) top center no-repeat;
	}
	
	#header {
		background:url(../../images/header_bg.jpg) top center no-repeat;
		height:537px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	text-color Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	a:link, a:active, a:visited {
		color:#efefef;
	}
		a:hover {
			color:#fff;
		}
	.brownLight {
		color:#e6d498;
	}
	.pink {
		color:#e564b8;
		font-weight:bold;
	}
	
	b {
		color:#fff;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	breadCrumbs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#breadCrumbs {
		font:bold 10px Verdana, Arial, Helvetica, sans-serif;
		color:#d5d5d5;
		width:840px;
		padding:10px 0 0 0px;
		margin:0 auto;
		text-align:right;
		
	}
		#breadCrumbs .current {
			color:#fff;
		}
		#breadCrumbs a:link, #breadCrumbs a:active, #breadCrumbs a:visited {
			color:#d5d5d5;
			text-decoration:none;
		}
			#breadCrumbs a:hover {
				color:#e9e9e9;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	social Links Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#social_links {
			margin:0 auto;
			width:960px;
			}
	#social_links a {
		float:left;
		padding:0 10px 0 0;
	}
	#social_holder {
		padding:326px 0 0 760px;
		width:353px;
		margin:0 auto;
	}

	a.FB {
		display:block;
		width:33px; height:34px;
		background:url(../../images/btn_FB.gif) 0 0 no-repeat;
	}
		a.FB:hover {
			background-position: 0 -34px;
		}
	a.myspace {
		display:block;
		width:33px; height:34px;
		background:url(../../images/btn_myspace.gif) 0 0 no-repeat;
	}
		a.myspace:hover {
			background-position: 0 -34px;
		}
	a.twitter {
		display:block;
		width:33px; height:34px;
		background:url(../../images/btn_twitter.gif) 0 0 no-repeat;
	}
		a.twitter:hover {
			background-position: 0 -34px;
		}			
			
/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaHolder {
		width:445px; height:99px;
		padding:6px 0 0 405px;
		margin:0 auto;
	}
	
	#mediaPlayer {
		width:445px; height:99px;
	}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navBar {
		margin:0 auto; 
		width:845px; height:38px;
		line-height:10px;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
		#navBar ul {
			list-style:none;
		}
		#navBar ul li {
			margin:0 0px 0 0;
			display:inline;
			float:left;
		}
			#navBar ul li a {
				display:block;
				height:38px;
				background:url(../../images/nav_sprite.jpg) top left no-repeat;
			}
			#navBar ul li div {
				height:38px;
			}
		
		/*	home */
			#navBar .home, #navBar .home a {
				width:67px; 
				background-position:0 0;
			}
				#navBar li.active .home a, #navBar .home a:hover {
					background-position:0 -38px;
				}
		/*	videos */
			#navBar .videos, #navBar .videos a {
				width:160px; 
				background-position:-68px 0;
			}
				#navBar li.active .videos a, #navBar .videos a:hover {
					background-position:-68px -38px;
				}
		/*	photos */
			#navBar .photos, #navBar .photos a {
				width:81px; 
				background-position:-228px 0;
			}
				#navBar li.active .photos a, #navBar .photos a:hover {
					background-position:-228px -38px;
				}
		/*	bio */
			#navBar .bio, #navBar .bio a {
				width:51px; 
				background-position:-309px 0;
			}
				#navBar li.active .bio a, #navBar .bio a:hover {
					background-position:-309px -38px;
				}
		/*	shows */
			#navBar .shows, #navBar .shows a {
				width:68px; 
				background-position:-360px 0;
			}
				#navBar li.active .shows a, #navBar .shows a:hover {
					background-position:-360px -38px;
				}
		/*	kyte */
			#navBar .kyte, #navBar .kyte a {
				width:57px; 
				background-position:-428px 0;
			}
				#navBar li.active .kyte a, #navBar .kyte a:hover {
					background-position:-428px -38px;
				}
		/*	extras */
			#navBar .extras, #navBar .extras a {
				width:72px; 
				background-position:-485px 0;
			}
				#navBar li.active .extras a, #navBar .extras a:hover {
					background-position:-485px -38px;
				}
		/*	ringtones */
			#navBar .ringtones, #navBar .ringtones a {
				width:78px; 
				background-position:-676px 0;
			}
				#navBar li.active .ringtones a, #navBar .ringtones a:hover {
					background-position:-676px -38px;
				}
		/*	community */
			#navBar .community, #navBar .community a {
				width:119px; 
				background-position:-557px 0;
			}
				#navBar li.active .community a, #navBar .community a:hover {
					background-position:-557px -38px;
				}
		/*	signup */
			#navBar .signup, #navBar .signup a {
				width:83px; 
				background-position:-754px 0;
			}
				#navBar li.active .signup a, #navBar .signup a:hover {
					background-position:-754px -38px;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	column Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		width:904px;
		margin:0 auto; padding:0;
		
	}
	
	/*	mainCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.mainCol {
			width:390px;
			padding:2px;
			border:2px solid #a7b4c9;
			float:left;
			font:normal 13px Arial, sans-serif;
			color:#fff;
			line-height:18px;
			overflow:hidden;
			background:url(../../images/mainCol_bg.jpg) top center repeat-y;
		}
			.mainInner {
				padding:10px 0 20px 10px;
			}
			.mainCol div.hr {
				height:3px;
				background:url(../../images/hr_min.gif) repeat-x;
				margin:2px 0 20px 0;
			}
				.mainCol div.hr hr {
					display:none;
				}
		.sideCol {
			padding:0px 0 0 0;
			width:488px;
			float:right;
		}
	
	/*	altCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.altCol {
			width:334px;
			float:left;
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
		.adBox {
			margin:20px 0 0; padding:2px;
			border:2px solid #a7b4c9;
		}
		.adInner {
			padding:0 13px 15px 13px;
			background:url(../../images/altCol_bg.jpg) top center repeat-y;
		}
			
			.altCol p {
				margin:10px 0 14px 6px;
			}
			.altCol div.hr {
				height:3px;
				background:url(../../images/hr_alt.gif) repeat-x;
				margin:2px 0;
			}
				.altCol div.hr hr {
					display:none;
				}
			.altCol .adHolder {
				padding:35px 0 0 0;
				width:300px;
			}
		
	/*	minCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.minCol {
			width:134px;
			padding:2px;
			border:2px solid #a7b4c9;
			float:right;
		}
		.minInner {
			background:url(../../images/minCol_bg.jpg) top center repeat-y;
		}
			.minCol .contentHolder {
				width:110px;
				padding:12px 10px;
			}
			.minCol div.hr {
				height:3px;
				background:url(../../images/hr_min.gif) repeat-x;
				margin:2px 0;
			}
				.minCol div.hr hr {
					display:none;
				}
			.minCol a:link, .minCol a:active, .minCol a:visited {
				text-decoration:none;
			}
				.minCol a:hover {
					color:#ffffff;
				}


/*	--------------------------------------------------------------------------------------------------------------------------
	membershipBox Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.membershipBox {
		padding:2px;
		border:2px solid #a7b4c9;
	}
		.membershipInner {
			padding:12px 13px 15px 13px;
			background:url(../../images/altCol_bg.jpg) top center repeat-y;
		}
		.membershipBox h1#hdrMembership {
			width:103px; height:15px;
			background:url(../../images/h1_membership.gif) no-repeat;
		}
		
		.membershipBox .formHolder {
			margin:8px 0 12px 0;
		}
			.membershipBox .formHolder .item {
				margin:2px 0 0 0;
			}
			.membershipBox .formHolder .item label {
				float:left;
				width:54px;
				padding:4px 6px 0 0;
				font:bold 9px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				text-align:right;
			}
			.membershipBox .formHolder .item input {
				width:156px; height:15px;
				padding:2px 4px;
				background:#61605e;
				border:1px solid #fff;
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				line-height:11px;
				color:#fff;
			}
			.membershipBox .formHolder .buttonHolder {
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				margin:8px 0 0 60px;
			}
				
				
				.membershipBox .buttonHolder .btnJoin {
					float:left;
					width:50px; height:16px;
				}
					.membershipBox .buttonHolder .btnJoin a:link, .membershipBox .buttonHolder .btnJoin a:visited {
						display:block;
						width:50px; height:16px;
						background:url(../../images/btn_join.gif) no-repeat top left;
					}
						.membershipBox .buttonHolder .btnJoin a:hover {
							background-position:0 -16px;
						}
						.membershipBox .buttonHolder .btnJoin a:active {
							background-position:0 -32px;
						}
				.membershipBox .buttonHolder .forgetPW {
					margin: 0 0 0 60px; padding:2px 0 0 0;
				}
				
				    .membershipBox .buttonHolder .btnLogOut {
						
					}
				
				        .membershipBox .buttonHolder .btnLogOut a:link, .membershipBox .buttonHolder .btnLogOut a:active, .membershipBox .buttonHolder .btnLogOut a:visited {
                            display:block;
                            width:64px; height:22px;
						    background:url(/images/btn_logOut.png) no-repeat top left;
				        }
				            .membershipBox .buttonHolder .btnLogOut a:hover {
								background-position:bottom;
				            }

/*	--------------------------------------------------------------------------------------------------------------------------
	commBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#commBar h1#hdrCommunity {
		width:96px; height:15px;
		background:url(../../images/h1_community.gif) no-repeat;
	}
		#commBar {
			font:normal 9px Verdana, Arial, Helvetica, sans-serif;
			line-height:11px;
		}
		#commBar .holder {
			margin:15px 0 20px 0;
		}
		#commBar .holder h2 {
			font:normal 8px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#commBar .holder a:hover {
			color:#fff;
		}
		#commBar .holder a.more:link, #commBar .holder a.more:active, #commBar .holder a.more:visited {
			color:#efefef;
			border:0;
			width:106px;
			display:block;
			text-align:right;
			line-height:11px;
		}
			#commBar .holder a.more:hover {
				color:#fff;
				line-height:11px;
			}
			#commBar .holder a.more:link strong, #commBar .holder a.more:active strong, #commBar .holder a.more:visited strong {
				color:#efefef;
			}
				#commBar .holder a.more:hover strong {
					color:#fff;
				}
	
	/*	posts Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#commBar .posts h2 {
			width:110px; height:7px;
			color:#FFFFFF;
			font:10px Arial, Helvetica, sans-serif;
		}
		#commBar .posts .entry {
			margin:8px 0; padding:0 0 12px 0;
			border-bottom:1px solid #b4b4b4;
		}
		#commBar .posts h3 {
			font:normal 10px Arial, Times, serif;
			line-height:12px;
			margin:4px 0;
			color:#fff;
		}
		#commBar .posts a.more {
			background:url(../../images/bullet.gif) no-repeat 45px 7px;
		}
	
	/*	photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#commBar .photos h2 {
			width:110px; height:7px;
			margin:0 0 8px 0;
			color:#FFFFFF;
			font:10px Arial, Helvetica, sans-serif;
		}
		#commBar .photos .entry {
			margin:8px 0 6px 0; padding:1px;
		}
		#commbar .photos .entry img {
			display:block;
		}
		#commBar .photos .entry a:link, #commBar .photos .entry a:active, #commBar .photos .entry a:visited {
			width:100px;
			display:block;
			border:1px solid #efefef;
		}
			#commBar .photos .entry a:hover {
				border:1px solid #fff;
			}
		#commBar .photos a.more {
			background:url(../../images/bullet.gif) no-repeat 38px 7px;
		}
		
	/*	members Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#commBar .members h2 {
			width:110px; height:7px;
			font:10px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
		}
		#commBar .members .entry {
			margin:8px 0;
		}
		#commBar .members .entry a:link, #commBar .members .entry a:active, #commBar .members .entry a:visited {
			border:0;
			line-height:15px;
			color:#efefef;
		}
			#commBar .members .entry a:hover {
				color:#fff;
			}
			#commBar .members .entry a:link img, #commBar .members .entry a:active img, #commBar .members .entry a:visited img {
				border-color: #efefef;
			}
				#commBar .members .entry a:hover img {
					border-color: #fff;
				}
			#commBar .members .entry a:link strong, #commBar .members .entry a:active strong, #commBar .members .entry a:visited strong {
				color:#efefef;
			}
				#commBar .members .entry a:hover strong {
					color:#fff;
				}
		#commBar .members a.more {
			background:url(../../images/bullet.gif) no-repeat 29px 7px;
		}


/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:50px 0 0 0; padding:10px 0;
		font:bold 9px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:center;
		background:#548de3;

	}
		#footer .adHolder {
			width:728px; height:90px;
			background:#0c757d;
			margin:0 0 10px 0;
			display:none;
		}
		#footer a:link, #footer a:active, #footer a:visited {
			color:#fff;
			text-decoration:none;
		}
			#footer a:hover {
				text-decoration:underline;
			}