Взял стиль рейтинга из шаблона developed. Стили комментариев тоже пока что из шаблона developed. Рейтинг в новостях работает, но в комментариях почему-то не отображаются стрелочки… Подробнее под катом
Вот коды:
Стиль комменатреив:

/* Comments
-------------------------------------------------------------------*/
.comments {  }
.comments .comment .comment { padding-left: 30px; }
.comment { overflow: hidden; zoom: 1; position: relative; }
.comment ul { list-style: none; }

.comment.list { margin-bottom: 20px; }
.comment.list .info { padding-left: 0; }
.comment.list .content { margin-left: 0; }

/* Header */
.comments .header { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #ccc; }
.comments .header a.rss { margin-right: 15px; color: #390; font-weight: bold; }
.comments .header span { font-style: normal; color: #aaa; }

/* Comment Types */
.comment .content { background: #f7f7f7; } /* default background of comment */
.comment .content.self { background: #fdf5e6 !important; }
.comment .content.new { background: #e4fbf1 !important; }
.comment .content.del { background: #c5c5c5 !important; }
.comment .content.view { background: #cdf5a6 !important; }

/* Single Folding */
.comment .folding, 
.comment .folding-open { width: 9px; height: 9px; float: left; position: absolute; top: 38px; cursor: pointer; }
.comment .folding.off { display: none; }

/* Content of Comment */
.comment .content { margin: 0 60px 0px 13px; padding: 0; margin-bottom: 10px; }
.comment .content .text { border: 1px solid #dddede; padding: 5px 25px 5px 10px; overflow: hidden; zoom: 1; }
.comment .content .reply-link { font-size: 11px; }

/* Vote Block */
.comment .voting { float: right; margin-top: 5px; }
.comment .voting .plus { margin-right: 5px; }
.comment .voting .minus { top: 5px; }

/* Info Block */
.comment .info { overflow: hidden; zoom: 1; font-size: 11px; padding-left: 14px; line-height: 19px; }
.comment .info li { float: left; margin-right: 15px; }
.comment .info li a.author { font-weight: bold; color: #333; text-decoration: none; }
.comment .info li a.author:hover { text-decoration: underline; }
.comment .info li.avatar { margin-right: 5px; }
.comment .info li.avatar img { border: 1px solid #aaa; padding: 2px; width: 16px; height: 16px; }
.comment .info li.date { color: #aaa; }
.comment .info li.goto-comment-parent a,
.comment .info li.goto-comment-child a { text-decoration: none; outline: none; }
.comment .info li a.delete { color: #f00; }
.comment .info li a.repair { color: #390; }

.comment .comment-topic { font-size: 11px; color: #999; padding-bottom: 3px; padding-left: 2px; }
.comment .comment-topic a { font-weight: bold; }
.comment .comment-topic a.comment-blog { color: #999; }
.comment .comment-topic a.comment-total { margin-left: 5px; text-decoration: none; font-weight: normal; color: #aaa; }

.reply-title { margin-left: 12px; }
.reply { padding: 0 60px 10px 13px; }
.reply .panel-form { width: 99%; }
.reply textarea { width: 99%; height: 70px; }
.reply textarea.loader { background: #F7F7F7 url(../images/loader.gif) no-repeat center;}

/* Update Comments */
.update { padding: 7px 7px 5px 7px; float: right; position: fixed; top: 220px; right: 0; text-align: center; background: #fafafa; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
.update .update-comments { cursor: pointer; vertical-align: top; }
.update .new-comments { border-top: 1px solid #ececed; color: #333; padding-top: 7px; margin-top: 3px; cursor: pointer; }

/* Misc Comments */
.lsCmtTree_visible { display: block; }
.lsCmtTree_hidden { display: none; }

Стиль голосования:

}
.info .voting {
overflow : hidden;
}
.info .voting .total {
float : left;
padding : 0 7px;
font-weight : bold;
color : #aaa;
}
.info .voting .total a {
text-decoration : none;
color : #999;
outline : none;
}
.info .voting.positive .total {
color : #390;
}
.info .voting.negative .total {
color : #f00;
}
.info .voting .plus, .info .voting .minus {
width : 9px;
height : 11px;
float : left;
display : block;
background : url(../images/voting.gif) no-repeat;
position : relative;
top : 4px;
outline : none;
}
.info .voting .plus {
background-position : 0 0;
}
.info .voting .minus {
background-position : -10px 0;
}
.info .voting .plus:hover {
background-position : -20px 0;
}
.info .voting .minus:hover {
background-position : -30px 0;
}
.info .voting.voted.plus .plus {
background-position : -20px 0;
}
.info .voting.voted.minus .minus {
background-position : -30px 0;
}
.info .voting.voted.plus .minus:hover {
background-position : -10px 0;
}
.info .voting.voted.minus .plus:hover {
background-position : 0 0;
}
.info .voting.guest .plus:hover {
background-position : 0 0;
}
.info .voting.guest .minus:hover {
background-position : -10px 0;
}

Шаблон комментария:

<img src="{$DIR_STATIC_SKIN}/images/folding-close.gif" alt="+" title="{$aLang.comment_collapse}/{$aLang.comment_expand}" class="folding" style="display: none;"/>
<a name="comment{$oComment->getId()}" ></a>


<ul class="info">
	<li class="avatar"><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_PROFILE}/{$oComment->getUserLogin()}/"><img src="{$oComment->getUserProfileAvatarPath(24)}" alt="avatar" /></a></li>
	<li><a href="{$DIR_WEB_ROOT}/{$ROUTE_PAGE_PROFILE}/{$oComment->getUserLogin()}/" class="author">{$oComment->getUserLogin()}</a></li>
	<li class="date">{date_format date=$oComment->getDate()}</li>
	<li><a href="#comment{$oComment->getId()}">#</a></li>	
	{if $oComment->getPid()}
		<li class="goto-comment-parent"><a href="#comment{$oComment->getPid()}" onclick="return lsCmtTree.goToParentComment($(this));" title="{$aLang.comment_goto_parent}">↑</a></li>
	{/if}
	<li class="goto-comment-child hidden"><a href="#" onclick="return lsCmtTree.goToChildComment(this);" title="{$aLang.comment_goto_child}">↓</a></li>
	{if !$oComment->getDelete() and $oUserCurrent and $oUserCurrent->isAdministrator()}   										
		<li><a href="#" class="delete" onclick="lsCmtTree.toggleComment(this,{$oComment->getId()}); return false;">{$aLang.comment_delete}</a></li>
	{/if}
	{if $oComment->getDelete() and $oUserCurrent and $oUserCurrent->isAdministrator()}   										
		<li><a href="#" class="repair" onclick="lsCmtTree.toggleComment(this,{$oComment->getId()}); return false;">{$aLang.comment_repair}</a></li>
	{/if}								
</ul>

<div class="info">
<div class="voting {if $oComment->getRating()>0}positive{elseif $oComment->getRating()<0}negative{/if} {if !$oUserCurrent || $oComment->getUserId()==$oUserCurrent->getId() ||  strtotime($oComment->getDate())<$smarty.now-$VOTE_LIMIT_TIME_COMMENT}guest{/if}   {if $oComment->getUserIsVote()} voted {if $oComment->getUserVoteDelta()>0}plus{else}minus{/if}{/if}  ">
	<span class="total">{if $oComment->getRating()>0}+{/if}{$oComment->getRating()}</span>
	<a href="#" class="plus" onclick="lsVote.vote({$oComment->getId()},this,1,'topic_comment'); return false;"></a>
	<a href="#" class="minus" onclick="lsVote.vote({$oComment->getId()},this,-1,'topic_comment'); return false;"></a>
</div>	
</div>


<div id="comment_content_id_{$oComment->getId()}" class="content {if $oUserCurrent and $oComment->getUserId()==$oUserCurrent->getId()}self{else}new{/if}">
	<div class="text">
		{$oComment->getText()}
		<br />
		<span class="reply-link">(<a href="javascript:lsCmtTree.toggleCommentForm({$oComment->getId()});" class="reply-link">{$aLang.comment_answer}</a>)</span>		
	</div>
</div>


<div class="comment"><div class="content"><div class="text" id="comment_preview_{$oComment->getId()}" style="display: none;"></div></div></div>	
<div class="reply" id="reply_{$oComment->getId()}" style="display: none;"></div>
<div class="comment-children" id="comment-children-{$oComment->getId()}"></div>