Suggestion for new global article markup

global.html

<section id="global">
  <div id="back" class="back-corner"></div>
  <div id="social">
  	<ul id="toolbar">
  		<li id="comments" class="disabled"></li>
  		<li id="sharing"></li>
  		<li id="recommendations"></li>
  		<li id="favorites"></li>
  	</ul>
  	<div id="sharePane" class="socialPane">
  		<header>Share this article</header>
  		<ul>
  			<li data-share="facebook">Facebook</li>
  			<li data-share="twitter">Twitter</li>
  			<li data-share="pinterist">Pinterist</li>
  			<li data-share="email">Email</li>
  		</ul>
  	</div>
    <div id="recPane" class="socialPane">
    	<header>Recommended Articles</header>
    	<ul>
    		<li data-link="#" data-pub="PUBNAME">
    			<img src="#">
    			<div>ARTICLETITLE</div>
    			<span>TIME AGO from PUBNAME</span>
    		</li>
    		<li></li>
    		<li></li>
    		<li></li>
    		<li></li>
    	</ul>
    </div>
  </div>
  <div id="nextArticleTab"></div>
</section>