/* the comment function */

<?php

function ahs_comment($comment, $args, $depth) {
   $GLOBALS['comment'] = $comment; ?>
   <li <?php comment_class(empty($args['has_children']) ? '' : 'parent'); ?> id="li-comment-<?php comment_ID() ?>">
     <div id="comment-<?php comment_ID(); ?>">
     	<div class="comment-data">
     	<div class="comment-data2">
			<div class="avatarnreply">
			 <?php echo get_avatar($comment,$size='78',$default=get_bloginfo('stylesheet_directory').'/images/comment-avatar.png' ); ?>
			
			  <div class="reply">
			     <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
			  </div>
			</div>
			
			<div class="commentbody">
				<h4><?php printf(__('%s'), get_comment_author_link()) ?><?php edit_comment_link(__('Edit'),'<span class="sm"> | ','</span>') ?></h4>
				<div class="dateandtime"><?php printf(__('%1$s  &nbsp;  %2$s'), get_comment_date('m/d/Y'),  get_comment_time('H:iA')) ?></a></div>
				
				<?php comment_text() ?>
				
				<?php if ($comment->comment_approved == '0') : ?>
				 <br /><em><?php _e('Your comment is awaiting moderation.') ?></em>
				<?php endif; ?>
			</div>
			<div class="clr">&nbsp;</div>     	
     	</div>
     	</div>
		<div class="clr">&nbsp;</div>     	
     </div>
<?php } ?>


/* the css */

.commentlist {
	margin: 0 20px 0 0;
	padding: 0;
}

.commentlist .comment {
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist .comment h4 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	color: #48b4c1;
}

.commentlist .sm {
	font-weight: normal;
	font-size: 10px;
}

.comment-data2 {
	border-top: 1px solid #b4b4b4;
}

.comment .avatarnreply {
	background-color: #fff;
}

/* top level items */

.comment.parent {
	background-image: url('../images/cmt-thrd-vline.gif');
	background-repeat: repeat-y;
}

.comment.depth-2.parent {
	background: url('../images/cmt-thrd-vvline.gif') repeat-y;
}

/* second level items */

.children .comment-data {
	padding-left: 90px;
	background: url('../images/cmt-thrd-hline.gif') no-repeat 37px 60px;
}

.children li:last-child .comment-data {
	background: #fff url('../images/cmt-thrd-L.gif') no-repeat 38px 0px;
}

/* third level items */

.children li:last-child .children .comment-data {
	background: url('../images/cmt-thrd-hline.gif') no-repeat 37px 60px;
}

.children li:last-child .children li:last-child .comment-data {
	background: #fff url('../images/cmt-thrd-L.gif') no-repeat 38px 0px;
}

.comment:last-child.depth-2.parent {
	background: #fff url('../images/cmt-thrd-vline.gif') repeat-y 90px 0;
}

/* other stuff */

.depth-1 .children {
	padding: 0;
}

.depth-2 .children {
	padding: 0;
	padding-left: 90px;
}

.comment .avatarnreply {
	float: left;
	width: 80px;
	padding-top: 20px;
}

.comment .reply {
	margin-top: 8px;
}

.comment .dateandtime {
	margin-bottom: 10px;
}

.comment .commentbody {
	float: right;
	width: 545px;
	padding: 20px 10px;
	min-height: 85px;
}

.depth-2 .commentbody {
	width: 455px;
}

.depth-3 .commentbody {
	width: 360px;
}

/* marking admin comments grey */
.commentlist .byuser .commentbody { background: #ececec; }
.commentlist .byuser ul .commentbody { background: #fff; }
.commentlist .byuser ul .byuser .commentbody { background: #ececec; }
.commentlist .byuser ul .byuser ul .commentbody { background: #fff; }
.commentlist .byuser ul .byuser ul .byuser .commentbody { background: #ececec; }