<!-- 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> shared <a class="lotusPerson" href="javascript:;">Gail Chao's</a> file</div>
            <div class="lotusPostDetails">
                <img class="lotusPostObject" src="../../docResources/sampleImages/mv_puppy.jpg" width="100" height="150" alt="[image description/title]" />
                <h4 class="lotusTitle"><a href="javascript:;">Image Title</a></h4>
                <div class="lotusMeta"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="[update type]" />Updated 1:58 PM</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"><span class="lotusMeta">4 more comments</span></li>
    <!--alternate implementation for a link-->
    <!--<li class="lotusCommentItem"><a href="javascript:;" class="lotusMeta" role="button">4 more comments</a></li>-->
    <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, probo, quidem, loquor, uxor, et ea. Nutus autem ut vulputate obruo, facilisi at feugait aliquam quod quibus tristique hos eros nibh. Erat letalis conventio refoveo luptatum commodo vulputate huic esse hos consequat plaga veniam uxor imputo. </p>
                </div>
                <a title="Delete comment" href="javascript:;" class="lotusDelete" role="button"><img aria-label="Delete comment" src="../../css/images/blank.gif" alt=""><span class="lotusAltText">X</span></a>
            </div><!--end postContent-->
        </article><!--end post-->
    </li>
    <li class="lotusCommentItem">
        <article class="lotusPost" role="article">
            <div class="lotusPostAuthorInfo">
                <div class="lotusPostAvatar"><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:;">Gail Chao</a> 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>
            <a title="Delete comment" href="javascript:;" class="lotusDelete" role="button"><img aria-label="Delete comment" src="../../css/images/blank.gif" alt=""><span class="lotusAltText">X</span></a>
            </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-->