@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SAM SPARRO MAIN CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sam_main.css
	Date:			July 18, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#000 url(../../img/bg_tile.gif) repeat;
		color:#b4be95;
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
	.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;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	text-color Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	a:link, a:active, a:visited {
		color:#08fdfc;
		text-decoration:none;
	}
		a:hover {
			color:#fff;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.header {
		margin:65px 0 0 0;
		background:url(../../img/bg_header.jpg) no-repeat;
		width:960px; height:324px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	breadCrumbs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#breadCrumbs {
		padding:4px 0 0 18px;
		font:bold 10px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		width:948px; height:21px;
	}
		#breadCrumbs .current {
			color:#fff;
		}
		#breadCrumbs a:link, #breadCrumbs a:active, #breadCrumbs a:visited {
			color:#008b01;
			text-decoration:none;
		}
			#breadCrumbs a:hover {
				color:#fff;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#navBar {
		margin:303px 0 0 0;
	}
		#navBar ul {
			width:960px;
			list-style:none;
		} 
		#navBar ul li {
			float:left;
			display:block;
		}
		#navBar li a.active {
			background-position:bottom !important;
		}
		
		/*	home */
			#navBar li.home a:link, #navBar li.home a:active, #navBar li.home a:visited {
				height:35px; width:92px;
				display:block;
				text-decoration:none;
				background:url(../../img/navHome.png) top no-repeat;
			}
				#navBar li.home a:hover {
					background-position:bottom;
				}
				
		/*	videos */
			#navBar li.videos a:link, #navBar li.videos a:active, #navBar li.videos a:visited {
				height:35px; width:144px;
				display:block;
				text-decoration:none;
				background:url(../../img/navVideos.png) top no-repeat;
			}
				#navBar li.videos a:hover {
					background-position:bottom;
				}
				
		/*	photos */
			#navBar li.photos a:link, #navBar li.photos a:active, #navBar li.photos a:visited {
				height:35px; width:102px;
				display:block;
				text-decoration:none;
				background:url(../../img/navPhotos.png) top no-repeat;
			}
				#navBar li.photos a:hover {
					background-position:bottom;
				}
				
		/*	bio */
			#navBar li.bio a:link, #navBar li.bio a:active, #navBar li.bio a:visited {
				height:35px; width:62px;
				display:block;
				text-decoration:none;
				background:url(../../img/navBio.png) top no-repeat;
			}
				#navBar li.bio a:hover {
					background-position:bottom;
				}
				
		/*	shows */
			#navBar li.shows a:link, #navBar li.shows a:active, #navBar li.shows a:visited {
				height:35px; width:92px;
				display:block;
				text-decoration:none;
				background:url(../../img/navShows.png) top no-repeat;
			}
				#navBar li.shows a:hover {
					background-position:bottom;
				}
		
		/*	extras */
			#navBar li.extras a:link, #navBar li.extras a:active, #navBar li.extras a:visited {
				height:35px; width:94px;
				display:block;
				background:url(../../img/navExtras.png) top no-repeat;
			}
				#navBar li.extras a:hover {
					background-position:bottom;
				}
				
		/*	ringtones */
			#navBar li.ringtones a:link, #navBar li.ringtones a:active, #navBar li.ringtones a:visited {
				height:35px; width:131px;
				display:block;
				background:url(../../img/navRingtones.png) top no-repeat;
			}
				#navBar li.ringtones a:hover {
					background-position:bottom;
				}
				
		/*	community */
			#navBar li.community a:link, #navBar li.community a:active, #navBar li.community a:visited {
				height:35px; width:129px;
				display:block;
				background:url(../../img/navCommunity.png) top no-repeat;
			}
				#navBar li.community a:hover {
					background-position:bottom;
				}
				
		/*	signup */
			#navBar li.signup a:link, #navBar li.signup a:active, #navBar li.signup a:visited {
				height:35px; width:114px;
				display:block;
				background:url(../../img/navSignup.png) top no-repeat;
			}
				#navBar li.signup a:hover {
					background-position:bottom;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	column Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		margin:75px 0 0 0;
		width:960px;
	}
	
	/*	mainCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.mainCol {
			padding:24px 20px 60px 20px;
			width:468px;
			background:url(../../img/bg_content.gif) repeat;
			float:left;
			display:inline;
		}
			
	/*	sideCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.sideCol {
			margin:3px 0 0 15px;
			width:436px;
			float:left;
		}

	/*	altCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.altCol {
			width:300px;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			float:left;
		}
			.altCol .contentHolder {
				width:300px;
			}
			.altCol .adHolder {
				width:300px; height:250px;
				background:#777;
				display:none;
			}
			.altCol .mediaPlayerHolder {
				margin:6px 0;
				width:300px;
			}
		
	/*	minCol Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.minCol {
			width:130px;
			background:#000;
			float:right;
		}


/*	--------------------------------------------------------------------------------------------------------------------------
	membershipBox Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.membershipBox {
		padding:50px 0 0 0px;
		width:300px; height:107px;
		background:url(../../img/bg_membership.png) no-repeat;
	}
		.membershipBox h1 {
			
		}
		.membershipBox a:link, .membershipBox a:visited, .membershipBox a:active {
			font:bold 10px Arial, Helvetica, sans-serif;
		}
		.membershipBox p {
			margin:0 0 0 10px;
		}
		.membershipBox .formHolder {
			margin:5px 0 0 10px;
		}
			.membershipBox .formHolder .item {
				
			}
				.membershipBox .formHolder .item label {
					margin:5px 0 0 3px;
					font-weight:bold;
					width:70px;
					float:left;
				}
				.membershipBox .formHolder .item input {
					width:187px; height:17px;
					padding:3px 0 0 3px;
					font:normal 10px Arial, Helvetica, sans-serif;
					border:1px solid #08fdfc;
					float:left;
				}
			.membershipBox .formHolder .buttonHolder {
				margin:5px 0 0 0;
			}
				.membershipBox .buttonHolder .btnJoin {
					margin:0 0 0 36px;
					width:53px; height:20px;
				}
					.membershipBox .buttonHolder .btnJoin a:link, .membershipBox .buttonHolder .btnJoin a:active, .membershipBox .buttonHolder .btnJoin a:visited {
						display:block;
						width:55px; height:22px;
						background:url(../../img/btn_join.png) top no-repeat;
						behavior:url(shared/css/iepngfix.htc); 
					}
						.membershipBox .buttonHolder .btnJoin a:hover {
							background:url(../../img/btn_join.png) bottom no-repeat;
						}
						
				.membershipBox .buttonHolder .btnLogOut {
					margin:5px 0 0 4px;
					width:53px; height:20px;
				}
					.membershipBox .buttonHolder .btnLogOut a:link, .membershipBox .buttonHolder .btnLogOut a:active, .membershipBox .buttonHolder .btnLogOut a:visited {
						display:block;
						width:55px; height:22px;
						background:url(../../img/btn_logout.png) top no-repeat;
						behavior:url(shared/css/iepngfix.htc); 
					}
						.membershipBox .buttonHolder .btnLogOut a:hover {
							background:url(../../img/btn_logout.png) bottom no-repeat;
						}
				.membershipBox .buttonHolder .forgetPW {
					margin:10px 0 0 0;
					font:bold 9px Verdana, Arial, Helvetica, sans-serif;
				}
				

/*	--------------------------------------------------------------------------------------------------------------------------
	commBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#commBar h1#hdrCommunity {
		width:130px; height:25px;
		margin:15px 0 0 0;
		background:url(../../img/h1_communityMin.png) no-repeat;
	}
		#commBar {
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			line-height:11px;
			color:#464646;
		}
		#commBar .holder {
			margin:15px 0 20px 0;
			width:114px;
		}
			#commBar .holder a.more:link, #commBar .holder a.more:active, #commBar .holder a.more:visited {
				border:0;
				text-decoration:none;
				color:#b4be95;
				display:block;
				line-height:11px;
			}
				#commBar .holder a.more:hover {
					color:#fff;
				}
			#commBar .holder a.more:link .posts, #commBar .holder a.more:active .posts, #commBar .holder a.more:visited .posts {
				color:#08fdfc;
			}
				#commBar .holder a.more:hover .posts {
					color:#fff;
				}
			#commBar .more {
				text-align:right;
			}
			#commBar .holder .posts {
				margin:0;
				font:bold 9px Verdana, Arial, Helvetica, sans-serif;
			}
	
	/*	posts Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#commBar .posts {
			margin:16px 0 20px 8px;
		}
			#commBar .posts h2#h2RecentPosts {
				font:bold 8px Helvetica, Arial, sans-serif;
				color:#b4be95;
			}
			#commBar .posts .entry {
				margin:8px 0; padding:0 0 12px 0;
				border-bottom:1px solid #b4be95;
				color:#aeaeae;
			}
				#commBar .posts .entry a:link, #commBar .posts .entry a:active, #commBar .posts .entry a:visited {
					color:#08fdfc;
					text-decoration:none;
				}
					#commBar .posts .entry a:hover {
						color:#fff;
					}
			#commBar .posts h3 {
				font:italic 9px Verdana, Arial, Helvetica, sans-serif;
				line-height:11px;
				font-style:italic;
				margin:4px 0;
			}
	
	/*	photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#commBar .photos {
			margin:0 0 20px 8px;
		}
			#commBar .photos h2#h2RecentlyAddedPhotos {
				font:bold 8px Helvetica, Arial, sans-serif;
				color:#b4be95;
			}
			#commBar .photos .entry {
				margin: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 #08fdfc;
			}
				#commBar .photos .entry a:hover {
					border:1px solid #fff;
				}
		
	/*	members Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#commBar .members {
			margin:0 0 30px 8px;
		}
			#commBar .members h2#h2NewestMembers {
				font:bold 8px Helvetica, Arial, sans-serif;
				color:#b4be95;
			}
			#commBar .members .entry {
				margin:8px 0;
			}
			#commBar .members .entry a:link, #commBar .members .entry a:active, #commBar .members .entry a:visited {
				border:0;
				text-decoration:none;
				line-height:15px;
				color:#a7a7a4;
			}
				#commBar .members .entry a:hover {
					color:#eba042;
				}
				#commBar .members .entry a:link img, #commBar .members .entry a:active img, #commBar .members .entry a:visited img {
					border-color:#08fdfc;
					text-decoration:none;
				}
					#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:#08fdfc;
					text-decoration:none;
				}
					#commBar .members .entry a:hover strong {
						color:#fff;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:75px 0 50px 0; padding:20px 0 0 20px;
		width:940px; height:132px;
		color:#000;
		font:bold 10px Verdana, Arial, Helvetica, sans-serif;
		background:url(../../img/bg_footer.jpg) no-repeat;
	}
		#footer .adHolder {
			width:728px; height:90px;
			background:#777;
			display:none;
		}
		#footer .links {
			padding:113px 0 0 0;
			
		}
			#footer a:link, #footer a:active, #footer a:visited {
				text-decoration:none;
				color:#000;
			}
				#footer a:hover {
					color:#fff;
				}





	.mainCol .control 
	{
	    background:#000000;
	    padding:3px 0 0 5px;
	}