<!-- 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:;">Gail Chao</a> <img class="lotusIcon yourProductSprite yourProductSprite-Repost16" src="../../css/images/blank.gif" alt="" />reposted a status update by <a class="lotusPerson" href="javascript:;">Amadou Alain</a></div>
            <div class="lotusPostDetails">
            <p>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.</p> 
            <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>
            <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-->
    <ul class="lotusCommentList">
    <li class="lotusCommentItem">
        <!-- 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><!--end author info-->
            <div class="lotusPostContent">
                <div class="lotusMeta"><a class="lotusPerson" href="javascript:;">Samantha Daryn</a> 10:04 AM</div>
                <div class="lotusPostDetails">
                    <p>Ut caecus quis enim in ea consequat antehabeo.</p>
                </div>
            </div><!--end postContent-->
        </article><!--end post-->
    </li>   
    <li class="lotusAddComment">
        <form class="lotusForm2 lotusStreamUpdate">
            <div class="lotusFieldEmphasis"><textarea class="lotusText lotusTextCollapsed" aria-label="Add a comment" placeholder="Add a comment"></textarea></div>
            <div class="lotusActions" style="display:none;"><ul class="lotusInlinelist"><li class="lotusFirst"><a href="javascript:;" role="button"><strong>Post</strong></a></li><li><a href="javascript:;" role="button">Cancel</a></li></ul></div>
        </form>
    </li>
</ul>
</article><!--end post-->