@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SUGARLAND USER FRIENDS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sugarland_userFriends.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		background:url(../../images/nav_bg_community.jpg) 0px 6px no-repeat;
	}
	ul#nav li#navHome a {
		background-position:0 -92px;
	}
	#mainCol ul#subNav li#subNavFriends a {
		color:#f6f1e6;
		background-position:0px -60px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#commStatus {
		height:18px;
		margin:8px 0 0 0; padding:0 6px 0 0;
	}
	#commStatus a:link, #commStatus a:active, #commStatus a:visited {
		margin:0 0 0 10px;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#235869;
	}
		#commStatus a:hover {
			color:#dc4717;
		}
	#commHeader {
		width:867px; height:172px;
		margin:0 0 20px 0; padding:0 0 0 81px;
		background:url(../../images/communityHeader_bg.jpg) no-repeat;
		border-bottom:solid 2px #7d7b61;
	}
		#commHeader ul {
			width:308px;
			margin:70px 0 0 0;
			float:left;
			list-style:none;
			color:#f5f1e6;
		}
			#commHeader ul li {
				padding:0 0 0 10px;
				background:url(../../images/list_square.gif) 0 10px no-repeat;
				font:bold 13px Arial, Helvetica, sans-serif;
				line-height:23px;
			}
				#commHeader ul li.title {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#7d7b61;
					background:none;
				}
		#commHeader .joinLink {
			margin:93px 0 0 0;
			float:left;
		}
			#commHeader .joinLink h2 {
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#f5f1e6;
			}
			#commHeader .joinLink a.btn:link, #commHeader .joinLink a.btn:active, #commHeader .joinLink a.btn:visited {
				width:105px; height:35px;
				margin:5px 0 0 0;
				display:block;
				background:url(../../images/btn_joinNow.png) no-repeat;
			}
				#commHeader .joinLink a.btn:hover {
					background-position:bottom;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community {
		color:#8e8f62;
	}
		#community .titleBar {
			height:25px;
			padding:4px 10px 0 9px;
			color:#f5f1e6;
		}
			#community .titleBar h1 {
				font:normal 18px Arial, Helvetica, sans-serif;
				float:left;
			}
			#community .titleBar .selectBox select {
				width:150px; height:20px;
				padding:1px 0 0 0;
				background:#f5f1e6;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#8e8f62;
				border:solid 1px #b4ac9a;
				float:right;
			}
		#community .contentBox {
			padding:17px 0 13px 0;
			border-bottom:1px solid #aca394;
		}
			#community .contentBox .stats {
				height:14px;
				margin:0 0 8px 0; padding:0 0 0 13px;
				font:bold 11px Arial, Helvetica, sans-serif;
				color:#5b5448;
			}
			#community .contentBox .entries {
				padding:0 0 0 13px;
			}
				#community .contentBox .entry {
					margin:0 6px 6px 0; padding:10px 0 0 0;
					width:188px; height:241px;
					background:#f5f1e6;
					color:#8e8f62;
					font:normal 11px Arial, Helvetica, sans-serif;
					float:left;
					display:inline;
				}
					#community .contentBox .entry .imgHolder {
						text-align:center;
					}
					#community .contentBox .entry .noContent {
						margin:20px auto 0 auto;
						width:150px;
						text-align:center;
						font:normal 15px Arial, Helvetica, sans-serif;
					}
					#community .contentBox .entry .userInfo .userName {
						width:146px;
						margin:3px 0 0 19px;
						font:normal 13px Arial, Helvetica, sans-serif;
						text-align:center;
						overflow:hidden;
					}	
					#community .contentBox .entry .userInfo .info {
						width:160px;
						margin:13px 0 5px 15px;
						font:normal 11px Arial, Helvetica, sans-serif;
						text-align:left;
						overflow:hidden;
					}
						#community .contentBox .entry .userInfo .info .friendSince {
							display:block;
						}
						#community .contentBox .entry .userInfo .info .location {
							height:14px;
							overflow:hidden;
							display:block;
						}
				#community .contentBox .entry a {
					text-align:center;
				}
				/* btnHolder */
				#community .contentBox .entry .userInfo .btnHolder {
					margin:0 auto;
					width:126px;
				}
					#community .contentBox .entry .userInfo .btnHolder a.btn {
						margin:0 5px 0 0; padding:2px 0 0 0;
						width:58px; height:16px;
						font:bold 11px Arial, Helvetica, sans-serif;
						background:url(../../images/btn_58.png) 0 top no-repeat;
						color:#815806;					
						text-align:center;
						text-transform:uppercase;
						display:block;
						float:left;
					}
						#community .contentBox .entry .userInfo .btnHolder a.btn:hover {
							color:#a5bdde;
							background-position:bottom;
						}