@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMMUNITY OVERVIEW :		The Rocket Summer Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		rs_userOverview.css
	Date:			Feb 05, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
	}
	ul#nav li#navHome a {
		background-position:0 -23px;
	}
	#footer .info .nav li.community a {
		color:#d24d20;
	}
	#subNav li#subNavOverview a {
		background-position:0 -32px;
	}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	community Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community {
		color:#766044;
	}
		#community .titleBar {
			border-bottom:solid 2px #aca47f;
			height:38px;
			padding:0 0 0 5px;
		}
			#community .titleBar h1 {
				font:normal 30px Georgia, "Times New Roman", Times, serif;
				color:#1f1e1b;			
				float:left;
			}
			#community .titleBar .onlineStatus {
				padding:14px 0 0 0;
				display:block;
				font:normal 15px Georgia, "Times New Roman", Times, serif;
				color:#d24d20;
				float:right;
			}
		#community .contentBox {

		}
			#community .contentBox .profileBox {
				width:570px;
				padding:6px 0 9px 6px;
			}
			#community .contentBox .profileBox .imgHolder {
				border:solid 3px #ddd6af;
				float:left;
			}
			#community .contentBox .profileBox .profileStats {
				width:312px;
				padding:5px 0 0 0;
				float:left;
			}
				.profileStats col#statName, .profileStats .statName {
					width:92px;
					padding:0 0 0 15px;
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					color:#9b8569;
					line-height:22px;
				}
				.profileStats col#statValue, .profileStats .statValue {
					width:203px;
					text-align:left;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#766044;
				}
			#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:#766044;
					line-height:17px;
				}
			#community .contentBox .profileBox .btnHolder {
				width:100px;
				margin:21px 0 0 33px; padding:0;
				float:left;
			}
				#community .contentBox .profileBox .btnHolder a.btn {
					margin:0 0 5px 0;
					font-size:10px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	photosContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentBox div .titleBar {
		border-bottom:solid 1px #aca47f !important;
	}
	#photosContent {
		width:auto;
		margin:0;
		float:none;
	}
		#photosContent .titleBar {
			height:18px;
			margin:25px 0 3px 0; padding:0 13px 0 0;
			color:#f5f1e6;
			background:none;
		}
			#photosContent .titleBar h1#h1_latestGalleryPhotos {
				width:211px; height:14px;
				background:url(../../images/h1_latestGalleryPhotos.png) no-repeat;
				float:left;
			}
				#photosContent .titleBar a:link, #photosContent .titleBar a:active, #photosContent .titleBar a:visited {
					width:80px; height:10px;
					margin:6px 0 0 0;
					background:url(../../images/btn_viewGallery.png) 0 0 no-repeat;
					display:block;
					float:right;
				}
					#photosContent .titleBar a:hover {
						background-position:0 -10px;
					}
		#photosContent .contentBox {
			height:auto;
			margin:0; padding:0;
			border:none;
		}
		#photosContent .entry {
			width:180px; height:171px;
			margin:0 12px 12px 0; padding:10px 0 6px 0;
			text-align:center;
			float:left;
			overflow:hidden
		}
			#photosContent .entry img {
				border:solid 3px #ddd6af;	
				padding:1px;
				background:#fff;			
				margin:0 auto;
			}
			#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 h2 a {
					width:auto !important; height:auto !important;
					padding:0 !important;
					font:normal 14px Georgia, "Times New Roman", Times, serif;
					text-align:left;
				}
					#photosContent .entry h2 a:hover {
						background:none;
					}
			#photosContent .entry .socialBar {
				margin:2px 0 0 10px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#575757;
				text-align:left;
			}
				#photosContent .entry .socialBar a {
					width:auto !important; height:auto !important;
					margin:0 0 0 7px; padding:0 !important;
					display:inline;
				}
					#photosContent .entry .socialBar a:hover {
						background:none;
					}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	blogContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blogContent {
		width:auto;
		margin:24px 0 0 0; padding:0;
		float:none;
	}
		#blogContent .titleBar {
			height:17px;
			margin:0 0 7px 0; padding:7px 0 0 0;
			background:none;
			border:none;
		}
			#blogContent .titleBar h1#h1_latestBlogEntries {
				width:185px; height:14px;
				background:url(../../images/h1_latestBlogEntries.png) no-repeat;
				float:left;
			}
				#blogContent .titleBar a:link, #blogContent .titleBar a:active, #blogContent .titleBar a:visited {
					width:80px; height:10px;
					margin:6px 0 0 0;
					background:url(../../images/btn_viewBlog.png) 0 0 no-repeat;
					display:block;
					float:right;
				}
					#blogContent .titleBar a:hover {
						background-position:0 -10px;
					}
		#blogContent .contentBox {
			margin:0; padding:0;
			border:none;
			background:none;
		}
		#blogContent .entry {
			margin:0 0 10px 0;
		}
			#blogContent .entry .blogTitle {
				padding:5px 0 9px 12px;
				min-height:30px;
			}
				#blogContent .entry .blogTitle span {
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					color:#7e7260;
				}
				#blogContent .entry .blogTitle h2 {
					margin:2px 0 0 0;
				}
			#blogContent .entry .contentBox {
				height:auto;
				padding:7px 14px 14px 14px;
				background:url(../../images/bg_dotBorder.jpg) 0 bottom repeat-x;
				border:0;
				font:normal 12px Arial, Helvetica, sans-serif;
				line-height:17px;
				color:#0b1216;
			}
				#blogContent .entry .contentBox .noContent {
					padding:15px 0;
					font:normal 15px Arial, Helvetica, sans-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;
						color:#545043;
					}
					#blogContent .entry .contentBox p a:link,  #blogContent .entry .contentBox p a:active, #blogContent .entry .contentBox p a:visited {
						border-bottom:1px solid #d35d30;
					}
						#blogContent .entry .contentBox p a:hover {
							border-bottom:1px solid #2ca2cf;
						}
						
				/* social bar */
				#blogContent .entry .contentBox .socialBar {
					width:526px; height:20px;
					margin:10px 0 0 0;padding:5px 10px 0 12px;
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					line-height:normal;
					list-style:none;
				}
					#blogContent .entry .contentBox .socialBar .info {
						float:left;
						color:#786e5c;
					}
					#blogContent .entry .contentBox .socialBar a.btnReadBlog:link, #blogContent .entry .contentBox .socialBar a.btnReadBlog:active, #blogContent .entry .contentBox .socialBar a.btnReadBlog:visited {
						width:91px; height:10px;
						margin:6px 0 0 0;
						background:url(../../images/btn_readBlogEntry.png) 0 0 no-repeat;
						display:block;
						float:right;
					}
						#blogContent .entry .contentBox .socialBar a.btnReadBlog:hover {
							background-position:0 -10px;
						}
				#blogContent .contentBox .btnHolder {
				
				}
					#blogContent .contentBox .btnHolder a.btn:link, #blogContent .contentBox .btnHolder a.btn:active, #blogContent .contentBox .btnHolder a.btn:visited {
						width:130px; height:14px;
						margin:0 0 5px 0; padding:1px 0 0 0;
						display:block;
						background:url(../../images/btn_130.png) no-repeat;					
						font:bold 11px Arial, Helvetica, sans-serif;
						color:#fff;					
						text-align:center;
						text-transform:uppercase;
					}
						#blogContent .contentBox .btnHolder a.btn:hover {
							color:#fff;
							background-position:0 -16px;
						}
														
							
/*	--------------------------------------------------------------------------------------------------------------------------
	comment Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community .contentBox .commentContent {
		margin:0; padding:0 0 32px 0;
	}
		#community .contentBox .commentContent .titleBar {
			height:19px;
			margin:21px 0 0 2px; padding:0 13px 0 0;
			background:none;
			border:0;
		}
			#community .contentBox .commentContent .titleBar h1#h1_latestComment {
				width:155px; height:14px;
				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 {
				width:111px; height:10px;
				margin:6px 0 0 0;
				background:url(../../images/btn_viewAllComments.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#community .contentBox .commentContent .titleBar a:hover {
					background-position:0 -10px;
				}
		#community .contentBox .commentContent .entry {
			margin:13px 0 4px 3px;
			background:url(../../images/bg_commentCommunity.png) 78px 0 no-repeat;
		}
		#community .contentBox .commentContent .entry .user {
			width:60px;
			margin:2px 0 0 0; padding:2px;
			background:#ddd6af;
			float:left;
		}
			#community .contentBox .commentContent .entry .user img {
				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:#ede7c7;
			border:solid 1px #ddd6af;
			border-left:none;
			float:left;
		}
			#community .contentBox .commentContent .entry .contentBox .noContent {
				padding:15px 0 15px 15px;
				font:normal 15px Arial, Helvetica, sans-serif;
			}
			#community .contentBox .commentContent .entry .contentBox h3 {
				margin:0 0 5px 0;
				font:normal 16px Georgia, "Times New Roman", Times, serif;
				color:#d24d20;
				word-wrap:break-word;
			}
			#community .contentBox .commentContent .entry .contentBox p {
				width:401px;
				margin:0 0 14px 0;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#545043;
				line-height:18px;
			}
			#community .contentBox .commentContent .entry .contentBox .date {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#766044;
				float:left;
			}
				#community .contentBox .commentContent .entry .contentBox .date a.im {
					display:inline-block;
				}
				#community .contentBox .commentContent .entry .contentBox a.btnReport:link, #community .contentBox .commentContent .entry .contentBox a.btnReport:active, #community .contentBox .commentContent .entry .contentBox a.btnReport:visited {
					width:40px; height:10px;
					margin:6px 20px 0 0;
					background:url(../../images/btn_report.png) 0 0 no-repeat;
					display:block;
					float:right;
				}
					#community .contentBox .commentContent .entry .contentBox a.btnReport:hover {
						background-position:0 -10px;
					}	
		#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 {
				font:normal 10px Georgia, "Times New Roman", Times, serif;
			}
		a.btnEdit {
			width:82px; height:20px;
			margin:0 3px 0 0; padding:5px 0 0 2px;
			color:#f8f8f0 !important;
			background:url(../../images/btn_84.png) 0 0 no-repeat;
			font:normal 11px Georgia, "Times New Roman", Times, serif;
			text-align:center;
			display:block;
			float:left;
		}
			a.btnEdit:hover {
				background-position:0 -25px;
			}
		a.btnDelete {
			width:82px; height:20px;
			padding:5px 0 0 2px;
			color:#f8f8f0 !important;
			background:url(../../images/btn_84.png) 0 0 no-repeat;
			font:normal 11px Georgia, "Times New Roman", Times, serif;
			text-align:center;
			display:block;
			float:left;
		}
			a.btnDelete:hover {
				background-position:0 -25px;
			}
			
