/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

.comment-body { padding: 18px 0 12px 56px; position: relative; }
	.avatar-box { position: absolute; top: 19px; left: 0; padding: 0; }
		.avatar-overlay { position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url(images/avatar-overlay.png) no-repeat; }

		.commentmetadata { color: #e4e4e4; font-size: 20px; font-family: 'Kreon', Arial, sans-serif; padding-bottom: 8px; }
			.comment-date { font-size: 14px; color: #b5bebe; }
			span.fn, span.fn a { font-size: 22px; color: #48423f; text-decoration: none; }
			span.fn a:hover { color: #111; text-decoration: none; }

	.reply-container { float:right; background: url("images/more.png") no-repeat scroll right bottom transparent; height: 35px; line-height: 35px; padding-right: 6px; }
		.reply-container a { background: url("images/more.png") no-repeat scroll 0 0 transparent; display: block; height: 35px; padding-left: 14px; padding-right: 8px; color: #8C9C9C; text-decoration: none; text-shadow: 1px 1px 1px #FFFFFF; }
		.reply-container a:hover { text-decoration: none; color: #111; }
	.comment ul.children { padding-left: 87px; }

#commentform textarea#comment { width: 96%; }
	#commentform input[type=text] { width: 38%; }
	#commentform input, #commentform textarea { background: #fff; border: 1px solid #e2e5e5; color: #b8c2c2; font-size: 12px; padding: 12px 10px 12px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
		p.form-submit input#submit { background: url(images/submit_bg.png) repeat-x; padding: 7px; float: right; }

	#commentform .hidden { display: none; }

	li.comment #respond textarea { width: 91% !important; }
	li.comment #respond input[type=text] { width: 48% !important; }

h3#reply-title { font-family: 'Kreon', Arial, sans-serif; font-size: 30px; }

#trackbacks { margin-bottom: 20px; }
	#trackbacks , #respond h3#comments { margin-bottom: 5px; }