@charset "UTF-8";
/* CSS Document */



/* -- COMMENTS ------------------------- */
#social {
	background-color: #ffffff;
	text-align: left;
	margin-top: 20px;
	width: 424px;
}
#social .header {
	background-image: url( '../_images/header_comments.jpg' );
	background-repeat: no-repeat;
	width: 424px;
	height: 24px;
}
#social .content {
	font-size: 11px;
	border-left: 2px solid #dbdbdb;
	border-right: 2px solid #dbdbdb;
	padding: 10px;
	width: 400px;
}
#social .footer {
	width: 424px;
	border-bottom: 2px solid #dbdbdb;
}

#comments {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#comments .comment {
	padding-top: 20px;
	padding-bottom: 20px;
}
#comments .comment .avatar {
	float: left;
	border: 1px solid #EEE;
	width: 50px;
	height: 50px;
	margin-top: 3px;
	margin-right: 8px;
}
#comments .comment .commentBlock {
	float: left;
}
#comments .comment .commentBlock .commentAuthor {
	padding-left: 5px;
	padding-bottom: 2px;
	color: #627aac;
}
#comments .comment .commentBlock .commentBody {
	width: 328px;
	border: 1px solid #F3F3F3;
	padding: 5px;
}
#comments .comment .commentBlock .commentDate {
	padding-left: 5px;
	padding-top: 2px;
	font-size: 10px;
	color: #999;	
}


/* -- ADD COMMENT -------------------------------------------- */
#commentArea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom:10px;
	color: #999;
}
#addComment {
	border-top: 2px solid #dbdbdb;
	padding-top: 15px;
	padding-bottom: 15px;
}

#addComment .title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #E5E5E5;
}

#addComment .contentTitle {
	padding-top: 10px;
}