<!-- 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> assigned a 'To Do' for you: <a href="javascript:;">Update report for Thursday's presentation</a></div>
        <div class="lotusMeta lotusChunk"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="[update type]" />2:35 PM</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>
    </div><!--end postContent-->
</article><!--end post-->