<!-- article is an HTML5 element. Use div instead if you are using HTML4 -->
<article class="lotusPost" role="article" tabindex="0">
    <div class="lotusPostAuthorInfo">
        <div class="lotusPostAvatar">
            <!-- replace the blank.gif with the URL to the server for person pictures -->
            <img class="yourProductSprite yourProductSprite-NoPhotoPerson48" alt="" src="../../css/images/blank.gif"/></div>
    </div><!--end author info-->
    <div class="lotusPostContent">
        <div class="lotusPostAction">
        <a class="lotusPerson" href="javascript:;">Samantha Daryn</a> Vivamus gravida, lorem sit amet vestibulum semper, felis tortor posuere mi, a sagittis tortor mi ac eros. Pellentesque pellentesque tempor pharetra. Nunc non eros arcu. Vestibulum condimentum leo non dolor porttitor consequat.  
        </div>
        <div class="lotusMeta lotusChunk"><ul class="lotusInlinelist"><li class="lotusFirst"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="[update type]" />10:43 AM</li><li>12 likes</li></ul></div>
        <div class="lotusPostMore"><ul class="lotusInlinelist lotusActions" role="toolbar" aria-label="Actions for this post"><li class="lotusFirst" role="presentation"><a href="javascript:;" role="button">Comment</a></li><li role="presentation"><a href="javascript:;" role="button">Save This</a></li><li role="presentation"><a href="javascript:;" role="button">Stop Following</a></li></ul></div>
        <div class="lotusPostIndicator"><a href="javascript:;" role="button"><img src="../../css/images/blank.gif" alt=""><span class="lotusAltText">&gt;</span></a></div>
        <a title="Delete" href="javascript:;" class="lotusDelete" role="button"><img aria-label="Delete" src="../../css/images/blank.gif" alt=""><span class="lotusAltText">X</span></a>
    </div><!--end postContent-->
</article><!--end post-->