/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

h3#comments { font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size: 30px; color: #a6a6a6; text-shadow: 1px 1px 1px #fff; }
#comment-wrap { width:682px; }
	.commentlist div.avatar-box { float: right; width: 71px; height: 108px; background: url(/images/comments/avatar-container-bg.png) no-repeat; padding: 15px 0px 0px 18px; position: relative; }
		div.avatar { position: relative; margin-bottom: 7px; }
			div.avatar div.overlay { background: url(/images/comments/avatar-overlay-bg.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 53px; height: 53px; }
			div.avatar-box .author-rating { margin-bottom: -1px; }
			.comment-date { color: #393939; text-shadow: 1px 1px 1px #fff; font-style: italic; font-size: 11px; font-weight: bold; margin-left:-19px; text-align:center; display: block; }
		.commentlist .author_comments_num { display: block; background: url(/images/comments/author_comment_num_blue.png) no-repeat; width: 25px; height: 21px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); text-align: center; font-size: 12px; position: absolute; top: -4px; left: -5px; line-height:16px; }
			.commentlist .no_comments { background: url(/images/comments/author_comment_num.png) no-repeat; }
		.comment_join { background: url(/images/comments/comment-join.png) no-repeat; width: 12px; height: 12px; position: absolute; top: 25px; left: -1px; z-index:3; }
		
	.comment-wrap { float: right; width: 590px; border: 1px solid #a1a1a1; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 4px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); position: relative; }
		.comment-wrap-inner { min-height:130px; background: #e0e0e0; border: 1px solid #fff; border-width: 1px 0px 0px 1px; padding: 23px 48px 15px 51px;  }
		.comment-wrap, .comment-wrap-inner { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-right-radius: 0px;-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }
			.comment-body { margin-bottom: 23px; }
			
	.comment_rating { position: absolute; display: block; top: 20px; left: -23px; background: url(/images/comments/comment_rating_zero.png) no-repeat; width: 56px; height: 48px; text-align: center; font-size: 24px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); line-height:38px; }
	.rating-negative { background: url(/images/comments/rating-negative.png) no-repeat; }
	.rating-positive { background: url(/images/comments/rating-positive.png) no-repeat; }
	
	span.fn, span.fn a, .comment-author { color: #424242; text-decoration: none; text-shadow: 1px 1px 0px #fff; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size: 18px; font-weight: bold; }
	
	.comment-author { margin-bottom: 10px; }
	
	.comment-content { color: #424242; text-shadow: 1px 1px 0px #fff; }
		.comment-reply-link { color: #424242; text-shadow: 1px 1px 0px rgba(255,255,255,0.5); font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size: 16px; }
			a.comment-reply-link:hover { color: #000; text-decoration: none; }
	.reply-container { float: right; margin-right: -25px; }
	
	
	li.et_right_answer > .comment-body > div.avatar-box { background: url(/images/rightanswer-avatar-container.png) no-repeat; }
	li.et_right_answer > .comment-body > .comment-wrap { border: 1px solid #92bf55; }
	li.et_right_answer > .comment-body > .comment-wrap .comment-wrap-inner { background: #bbee75; border-color: #e7ffc5; }
		li.et_right_answer > .comment-body > div.avatar-box > .comment_join { background:url("/images/comments/comment-join-green.png") no-repeat; }
		
		li.et_right_answer > .comment-body > div.avatar-box > div.avatar > div.overlay { background: url(/images/comments/avatar-overlay-green-bg.png) no-repeat; }
	
	li.et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner span.fn, li.et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner span.fn a, li.et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner > .comment-author, li.et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner > .comment-content { color:#437300; }
	
	li.et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner > .comment-content { text-shadow: 1px 1px 1px #e2febc; }
	
	#commentform textarea#comment { width: 98%; }
	#commentform input[type=text] { width: 40%; }

	li.comment #respond textarea { width: 88% !important; }
	li.comment #respond input[type=text] { width: 50% !important; }
	
	.depth-2 .comment-wrap { width: 536px; }
	.depth-3 .comment-wrap { width: 482px; }
	.depth-4 .comment-wrap { width: 428px; }
	.depth-5 .comment-wrap { width: 374px; }
	
	p#right_answer_set { color: #a6a6a6; text-shadow: 1px 1px 1px #fff; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size: 18px; background: url(/images/comments/right_answer_set.png) no-repeat right 11px; padding-right: 49px; float: left; }
	.depth-2 p#right_answer_set { margin-left: 56px; }
	.depth-3 p#right_answer_set { margin-left: 112px; }
	.depth-4 p#right_answer_set { margin-left: 168px; }
	.depth-5 p#right_answer_set { margin-left: 224px; }
	
	.et_right_answer > .comment > .comment-body > .avatar-box > .comment-date { color: #47631f; }
	.et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner span.fn, .et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner span.fn a, .et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner .comment-author, ..et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner .comment-content { color:#437300; }
	.et_right_answer > .comment-body > .comment-wrap > .comment-wrap-inner .reply-container a { color: #437300; }
	
	.et_like_dislike_box { background: url(/images/comments/like-box.png) no-repeat; width: 131px; height: 63px; padding: 8px 10px 0px 30px; position: absolute; top: 0px; left: 61px; visibility: hidden; }
		.et_like_dislike_box p { color: #404040; font-size: 11px; text-shadow: 1px 1px 0px #fff; font-family: Arial, sans-serif; }
		
	a.et_like_button { display: block; background: url(/images/comments/like.png) no-repeat; width: 27px; height: 27px; text-indent: -9999px; position: absolute; top: 30px; left: 55px; }
	a.et_dislike_button { display: block; background: url(/images/comments/dislike.png) no-repeat; width: 28px; height: 9px; text-indent: -9999px; position: absolute; top: 39px; left: 98px; }