@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SUGARLAND USER OVERVIEW
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sugarland_userOverview.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 repeat-x;
	}
	ul#nav li#navHome a {
		background-position:0 -92px;
	}
	#mainCol ul#subNav li#subNavOverview a {
		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:#fff;
		}
	#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:27px;
			padding:4px 0 0 9px;
			color:#f5f1e6;
		}
			#community .titleBar h1 {
				font:normal 18px Arial, Helvetica, sans-serif;				
				float:left;
			}
			#community .titleBar .onlineStatus {
				padding:2px 13px 0 0;
				display:block;
				font:normal 15px Arial, Helvetica, sans-serif;
				float:right;
			}
		#community .contentBox {
			padding:13px 0 13px 13px;
			border-bottom:1px solid #aca394;
		}
			#community .contentBox .profileBox {
				width:570px;
				padding:6px 0 9px 6px;
				background:#f5f1e6;
			}
			#community .contentBox .profileBox .imgHolder {
				float:left;
			}
			#community .contentBox .profileBox .profileStats {
				width:320px;
				padding:5px 0 0 0;
				float:left;
			}
				.profileStats col#statName, .profileStats .statName {
					width:92px;
					padding:0 0 0 15px;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#9b8569;
					line-height:22px;
				}
				.profileStats col#statValue, .profileStats .statValue {
					width:203px;
					text-align:left;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#8e8f62;
				}
			#community .contentBox .profileBox .statement {
				width:420px;
				margin:10px 0 0 4px;
				float:left;
			}
				#community .contentBox .profileBox .statement h2 {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#9b8569;
				}
				#community .contentBox .profileBox .statement p {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#8e8f62;
					line-height:17px;
				}
			#community .contentBox .profileBox .btnHolder {
				width:100px;
				margin:21px 0 0 33px;
				float:left;
			}
				#community .contentBox .profileBox .btnHolder a.btn:link, #community .contentBox .profileBox .btnHolder a.btn:active, #community .contentBox .profileBox .btnHolder a.btn:visited {
					width:100px; height:16px;
					margin:0 0 5px 0; padding:2px 0 0 0;
					display:block;
					background:url(../../images/btn_100.png) no-repeat;					
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#000;					
					text-decoration:none;
					text-align:center;
					text-transform:uppercase;
				}
					#community .contentBox .profileBox .btnHolder a.btn:hover {
						color:#fff;
						background-position:bottom;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	photosContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosContent {
		
	}
		#photosContent .titleBar {
			height:21px;
			margin:25px 0 3px 0; padding:0 13px 0 0;
			color:#f5f1e6;
			background:none;
			border:none;
		}
			#photosContent .titleBar h1#h1_latestGalleryPhotos {
				width:178px; height:12px;
				background:url(../../images/h1_latestGalleryPhotos.png) no-repeat;
				float:left;
			}
				#photosContent .titleBar a:link, #photosContent .titleBar a:active, #photosContent .titleBar a:visited {
					margin:2px 0 0 0; padding:0 7px 0 0;
					background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
					font:bold 10px Arial, Helvetica, sans-serif;
					color:#8e8f62;
					float:right;
				}
					#photosContent .titleBar a:hover {
						background-position:right -40px;
						color:#ffffff;
					}
		#photosContent .contentBox {
			margin:0; padding:0;
			border:none;
		}
		#photosContent .entry {
			width:180px; height:171px;
			margin:0 12px 12px 0; padding:10px 0 6px 0;
			background:#f5f1e6;
			text-align:center;
			float:left;
			overflow:hidden
		}
			#photosContent .entry .noContent {
				margin:20px auto 0 auto;
				width:140px; height:50px;
			}
			#photosContent .entry h2 {
				width:160px; max-height:34px;
				margin:0 0 0 10px;
				font:normal 14px Arial, Helvetica, sans-serif;
				text-align:left;
				overflow:hidden;
			}
			#photosContent .entry .socialBar {
				margin:2px 0 0 10px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#786e5c;
				text-align:left;
			}
				#photosContent .entry .socialBar a {
					margin:0 0 0 7px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	blogContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blogContent {
		margin:24px 0 0 0;
	}
		#blogContent .titleBar {
			height:17px;
			margin:0 0 7px 0; padding:7px 13px 0 0;
			background:none;
			border:none;
		}
			#blogContent .titleBar h1#h1_latestBlogEntries {
				width:158px; height:12px;
				background:url(../../images/h1_latestBlogEntries.png) no-repeat;
				float:left;
			}
				#blogContent .titleBar a:link, #blogContent .titleBar a:active, #blogContent .titleBar a:visited {
					margin:2px 0 0 0; padding:0 7px 0 0;
					background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
					font:bold 10px Arial, Helvetica, sans-serif;
					color:#8e8f62;
					float:right;
				}
					#blogContent .titleBar a:hover {
						color:#ffffff;
						background-position:right -40px;
					}
		#blogContent .contentBox {
			margin:0; padding:0;
			border:none;
		}
		#blogContent .entry {
			width:576px;
			margin:0 0 10px 0;
			background:#f5f1e6;
		}
			#blogContent .entry .blogTitle {
				background:#2c2e2b;
				padding:5px 0 9px 12px;
				min-height:30px;
			}
				#blogContent .entry .blogTitle span {
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					color:#f5f1e6;
				}
				#blogContent .entry .blogTitle h2 {
					margin:2px 0 0 0;
					color:#f5f1e6;
				}
					#blogContent .entry .blogTitle h2 a:link, #blogContent .entry .blogTitle h2 a:active, #blogContent .entry .blogTitle h2 a:visited {
						background:none;
						font:normal 18px Arial, Helvetica, sans-serif;
						color:#f5f1e6;
						float:none;
					}
						#blogContent .entry .blogTitle h2 a:hover {
							color:#fff;
						}
			#blogContent .entry .contentBox {
				padding:7px 14px 14px 14px;
				background:#f5f1e6;
				border:0;
				font:normal 12px Arial, Helvetica, sans-serif;
				line-height:17px;
				color:#8e8f62;
			}
				#blogContent .entry .contentBox .noContent {
					padding:15px 0;
					font:normal 15px Georgia, "Times New Roman", Times, serif;
				}
				#blogContent .entry .contentBox .imgHolder {
					margin:0 0 10px 0;
					float:left;
				}
					#blogContent .entry .contentBox .imgHolder img {
						margin:0 10px 0 0;
						display:block;
						border:6px solid #c4bbab;
					}
					#blogContent .entry .contentBox p {
						margin:2px 0 10px 0;
						line-height:17px;
					}
					#blogContent .entry .contentBox p a:link,  #blogContent .entry .contentBox p a:active, #blogContent .entry .contentBox p a:visited {
						border-bottom:1px solid #5e5d3f;
					}
						#blogContent .entry .contentBox p a:hover {
							border-bottom:1px solid #2ca2cf;
						}
						
				/* social bar */
				#blogContent .entry .contentBox .socialBar {
						width:526px; height:20px;
						background:#e1d8c9;
						margin:10px 0 0 0;padding:5px 10px 0 12px;
						font:normal 11px Arial, Helvetica, sans-serif;
						line-height:normal;
						list-style:none;
					}
						#blogContent .entry .contentBox .socialBar .info {
							float:left;
						}
						#blogContent .entry .contentBox .socialBar a.btnReadBlog:link, #blogContent .entry .contentBox .socialBar a.btnReadBlog:active, #blogContent .entry .contentBox .socialBar a.btnReadBlog:visited {
							width:90px;
							padding:0 7px 0 0;
							color:#8e8f62;
							background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
							font:bold 11px Arial, Helvetica, sans-serif;
							display:block;
							float:right;
						}
							#blogContent .entry .contentBox .socialBar a.btnReadBlog:hover {
								color:#fff;
								background-position:right -40px;
							}
														
							
/*	--------------------------------------------------------------------------------------------------------------------------
	comment Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community .contentBox .commentContent {
		margin:0; padding:0 0 32px 0;
	}
		#community .contentBox .commentContent .titleBar {
			margin:21px 0 0 2px; padding:0 13px 0 0;
			background:none;
			border:0;
		}
			#community .contentBox .commentContent .titleBar h1#h1_latestComment {
				width:135px; height:12px;
				background:url(../../images/h1_latestComments.png) no-repeat;
				float:left;
			}
			#community .contentBox .commentContent .titleBar a:link, #community .contentBox .commentContent .titleBar a:active, #community .contentBox .commentContent .titleBar a:visited {
				margin:2px 0 0 0; padding:0 7px 0 0;
				background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
				font:bold 10px Arial, Helvetica, sans-serif;
				color:#8e8f62;
				float:right;
			}
				#community .contentBox .commentContent .titleBar a:hover {
					color:#ffffff;
					background-position:right -40px;
				}
		#community .contentBox .commentContent .entry {
			margin:0 0 4px 3px;
			background:url(../../images/commentPointer.gif) 98px 15px no-repeat;
		}
		#community .contentBox .commentContent .entry .user {
			width:80px;
			margin:2px 0 0 0; padding:2px;
			background:#F5F1E6;
			float:left;
		}
			#community .contentBox .commentContent .entry .user img {
				margin:0 auto;
				display:block;
			}
			#community .contentBox .commentContent .entry .user .noContent {
				height:80px;
			}
				
		#community .contentBox .commentContent .entry .contentBox {
			width:435px;
			margin:0 0 0 42px; padding:14px 0 14px 14px;
			background:#f5f1e6;
			border:none;
			float:left;
		}
			#community .contentBox .commentContent .entry .contentBox .noContent {
				padding:15px 0 15px 15px;
				font:normal 15px Georgia, "Times New Roman", Times, serif;			
			}
			#community .contentBox .commentContent .entry .contentBox h3 {
				margin:0 0 5px 0;
				font:normal 16px Arial, Helvetica, sans-serif;
				color:#5e5d3f;
			}
			#community .contentBox .commentContent .entry .contentBox p {
				width:401px;
				margin:0 0 14px 0;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#8e8f62;
				line-height:18px;
			}
			#community .contentBox .commentContent .entry .contentBox .date {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#8e8f62;
				float:left;
			}
				#community .contentBox .commentContent .entry .contentBox a.btnReport:link, #community .contentBox .commentContent .entry .contentBox a.btnReport:active, #community .contentBox .commentContent .entry .contentBox a.btnReport:visited {
					margin:0 20px 0 0; padding:0 7px 0 0;
					color:#8e8f62;
					background:url(../../images/btn_communityArrows.png) right 5px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					float:right;
				}
					#community .contentBox .commentContent .entry .contentBox a.btnReport:hover {
						color:#dc4717;
						background-position:right -40px;
					}	
		#community .contentBox .commentContent .btnHolder {
			margin:11px 0 0 129px;
			font:bold 10px Arial, Helvetica, sans-serif;
		}
			#community .contentBox .commentContent .btnHolder a.btn:link, #community .contentBox .commentContent .btnHolder a.btn:active, #community .contentBox .commentContent .btnHolder a.btn:visited {
				width:100px; height:16px;
				margin:0 0 5px 0; padding:2px 0 0 0;
				display:block;
				background:url(../../images/btn_100.png) no-repeat;					
				font:bold 11px Arial, Helvetica, sans-serif;
				color:#815806;					
				text-decoration:none;
				text-align:center;
				text-transform:uppercase;
			}
				#community .contentBox .commentContent .btnHolder a.btn:hover {
					color:#a5bdde;
					background-position:bottom;
				}