<!-- article is an HTML5 element. Use div instead if you are using HTML4 -->
<article class="lotusPost" role="article">
	<div class="lotusPostAuthorInfo">
		<div class="lotusPostAvatar">
			<!-- replace the blank.gif with the URL to the server for person pictures -->
			<img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="" src="../../css/images/blank.gif"/></div>
		<div class="lotusPostName"><a class="lotusPerson" href="javascript:;">Poster Name</a></div>
		<div class="lotusMeta">28 Posts</div>
	</div><!--end author info-->
	<div class="lotusPostContent">		
	<h4 class="lotusTitle">This is the post title</h4>
		<div class="lotusMeta">Oct 17, 2008 10:04 AM</div>
		<div class="lotusPostDetails">
			<p>Fatua quidem roto, velit si, gilvus erat cogo. Si nulla autem ea tristique, blandit adsum nulla in secundum obruo vel abluo. </p>
		</div>
		<div class="lotusActions"><ul class="lotusInlinelist"><li class="lotusFirst"><a href="javascript:;" role="button">Reply</a></li><li><a href="javascript:;" role="button">Edit</a></li><li><a href="javascript:;" role="button">[Pin|Unpin] this topic</a></li></ul></div><!--end actions-->
</div><!--end commentContent-->
</article><!--end commment-->