@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - PARACHUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		para_communtyOverview.css
	Date:			April 13, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#communityNav li#navCommProfile a {
		color:#fff;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	section Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol #profileBlock {
		margin:0 0 0 0;
	}
	
	.section {
		width:570px;
	}
		.section h3 {
			margin:25px 0 0 0; padding:5px 0 0 8px;
		}
			.section h3.contact {
				width:78px; height:8px; background:url(../../images/h3_contact.png) top center no-repeat;
			}
			.section h3.activity {
				width:82px; height:8px; background:url(../../images/h3_activity.png) top center no-repeat;
			}
		
		.mainCol #profileBlock .section .hr {
			margin:2px 0 5px 0; background:#d4d4d4; height:1px;
		}
			.mainCol #profileBlock .section .hr hr {
				display:none;
			}

		.section .statRow {
			margin:0 0 4px 0; padding:0 0 5px 0; border-bottom:1px solid #919191;
		}
			.section .statRow .leftCol {
				width:285px; float:left;
			}
			.section .statRow .rightCol {
				width:285px; float:left;
			}
				.section .statRow .label {
					padding:3px 0 0 0; width:98px; color:#898989; text-transform:uppercase; font:normal 10px Arial, Helvetica, sans-serif; float:left;
				}
				.section .statRow .info {
					width:185px; color:#c7cfd7;	font:normal 12px Arial, Helvetica, sans-serif; line-height:16px; overflow:hidden; float:left;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	blogBlock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blogBlock {
		width:580px; margin:0 0 20px 0; padding:14px 15px 30px 0;		
	}
		#blogBlock h1 {
			width:580px; height:29px; margin:0 0 13px 0; background:url(../../images/h1_myBlog.png) no-repeat;
		}
		#blogBlock .noContent {
			margin:7px 0 0 0;
		}
		/* entry */
		#blogBlock .entry {
			width:530px; margin:0 0 46px 25px; font:normal 10px Arial, Helvetica, sans-serif; color:#c18b96;
		}
			#blogBlock .entry .date {
				margin:0 0 3px 0; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#6974a7;
			}
			#blogBlock .entry h2 {
				margin:0 0 10px 0; font:normal 16px Georgia, "Times New Roman", Times, serif;
			}
			#blogBlock .entry p {
				margin:0 0 15px 0; color:#e7e8fc; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;
			}
			#blogBlock .entry a.btnReadMore {
				font:italic 11px Georgia, "Times New Roman", Times, serif; text-transform:lowercase;
			}
			#blogBlock .entry a.share {
				margin:35px 0 12px 0; width:125px; display:block;
			}
			
		#blogBlock .hr {
			height:3px; margin:25px 0 40px 0; background:url(../../images/hr.png) repeat-x; 
		}
			#blogBlock .hr hr {
				display:none;
			}
		
		/* socialBar */		
		#blogBlock .entry ul.socialBar {
			padding:20px 0 0 0;
		}
			#blogBlock .entry ul.socialBar li.views {
				width:60px; font:italic 11px Georgia, "Times New Roman", Times, serif; color:#898989; overflow:hidden; float:left;
			}
			#blogBlock .entry ul.socialBar li.comments {
				width:90px; float:left; font:italic 11px Georgia, "Times New Roman", Times, serif; color:#898989; overflow:hidden;
			}
			#blogBlock .entry ul.socialBar li.shared {
				width:125px; float:right;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	photosBlock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosBlock {
		margin:0 0 20px 0; padding:14px 0 20px 0; width:595px;
	}
		#photosBlock h1 {
			margin:0 0 20px 0; width:580px; height:29px; background:url(../../images/h1_myPhotos.png) no-repeat;
		}
		
		#photosBlock .entries {
			
		}
			#photosBlock .entries .noContent {
				width:560px;
			}
			#photosBlock .entries .entry {
				margin:0 5px 0 33px; float:left; display:inline;
			}
				#photosBlock .entries .entry a {
					border:1px solid #919191; display:block;
				}
					#photosBlock .entries .entry a:hover {
						border:1px solid #fff;
					}
				#photosBlock .entries .entry a img {
					display:block; width:100px; height:100px; border:none;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	commentsBlock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#commentsBlock {
		margin:0 0 20px 0; padding:14px 15px 40px 0; width:580px;
	}
		#commentsBlock h1 {
			margin:0 0 13px 0; width:580px; height:29px; background:url(../../images/h1_myComments.png) no-repeat;
		}
		#commentsBlock .comments .noContent {
			margin:7px 0 0 0;
		}
		#commentsBlock a.btnPostComment {
			margin:10px 0 0 0; width:102px; height:19px; display:block;	background:url(../../images/btn_postComment.png) 0 top no-repeat;
		}
			#commentsBlock a.btnPostComment:hover {
				background-position:bottom;
			}
			
		#commentsBlock .hr {
			background:url(../../images/hr.png) repeat-x; height:3px;
		}
			#commentsBlock .hr hr {
				display:none;
			}
			
		/* commentEntry */	
		#commentsBlock .commentEntry {
			margin:20px 0 10px 0; padding:0 0 20px 0; background:url(../../images/dotted_line.png) 0 bottom repeat-x;
		}
			#commentsBlock .commentEntry .userInfo {
				margin:0 20px 0 0; width:52px; float:left;
			}
				#commentsBlock .commentEntry .userInfo a {
					color:#e2b1be; display:block; border:1px solid #919191;
				}
					#commentsBlock .commentEntry .userInfo a:hover {
						color:#fff;
					}
					#commentsBlock .commentEntry .userInfo img {
						display:block;
					}
			#commentsBlock .commentEntry .comment {
				width:387px; float:left;
			}
				#commentsBlock .commentEntry .comment h3 {
					margin:0 0 0 0;	color:#fff; font:normal 16px Georgia, "Times New Roman", Times, serif; word-wrap:break-word;
				}
				#commentsBlock .commentEntry .comment .posted {
					padding:0 0 10px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#898989;
				}
				#commentsBlock .commentEntry .comment p {
					margin:0 0 10px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#c7cfd7; line-height:16px;
				}	
