Package markup

gistfile1.html

<div class="time-gallery package">
		
	<div class="nav">

		<a href="#" class="disabled arrow prev">prev</a>
		
	<div style="float:left">
	
		<div class="count" style="float:none;">
			<span class="position">1</span>
			of
			<span class="total">8</span>
		</div>
					
		<a href="http://micahland.com/2012/05/15/test-package/slides/all" class="viewall">View All</a>
		
	</div>

		<a href="http://micahland.com/2012/05/15/test-package/slide/superman/" class="arrow next">next</a>
	</div>
			
	<div class="item-container">
	
		<div class="item selected" data-id="729" data-pos="0">
		
			<div class="hub-title">Super Heros</div>
			<h2 class="item-title">1. Batman</h2>
			<div class="describer-title">DC</div>
			
			<figure class="entry-thumb entry-thumb- ">
			
			<img   src="http://micahland.com/wp-content/uploads/2012/05/18429735_0.jpg" class="attachment- wp-post-image" alt="18429735_0" title="18429735_0" />
			
				<div class="entry-thumb-meta ">
					<div class="entry-thumb-description"></div>
					<small class="entry-thumb-credit photo-credit credit"></small>
				</div><!-- .entry-thumb-meta -->
				
			</figure>
			
			<div class="item-content">
				I am the terror the flaps in the night
				
				<p class="next-item">
					<span>Next:<span> <a href="http://micahland.com/2012/05/15/test-package/slide/superman/">Superman</a>
				</p>
				
			</div><!-- .item-content -->
			
			<div class="item-details">
				<div><label>Director:</label> The Goddamn Batman</div>
				<div><label>Year Released:</label> 2012</div>
				<div><label>Studio:</label> Warner Brothers</div>
				<div><label>Cast:</label> Christian Bale, Tom Hardy</div>
			</div><!-- .item-details -->
			
		</div><!-- .item -->
	</div>
	
	<div class="item-browser">
				
		<div class="hub">
		
			<h4>Super Heros</h4>				
			
			<ul>
				<li><a href="http://micahland.com/2012/05/15/test-package/slide/batman/" data-pos="0">Batman</a></li>
				<li><a href="http://micahland.com/2012/05/15/test-package/slide/superman/" data-pos="1">Superman</a></li>
				<li><a href="http://micahland.com/2012/05/15/test-package/slide/spiderman/" data-pos="2">Spiderman</a></li>
			</ul>
			
		</div><!-- .hub -->
		
		<div class="hub">
			
			<h4>Villians</h4>
							
			<ul>
				<li><a href="http://micahland.com/2012/05/15/test-package/slide/bane/" data-pos="3">Bane</a></li>
				<li><a href="http://micahland.com/2012/05/15/test-package/slide/peyton-manning/" data-pos="4">Peyton Manning</a></li>
				<li><a href="http://micahland.com/2012/05/15/test-package/slide/clayface/" data-pos="5">Clayface</a></li>
				<li><a href="http://micahland.com/2012/05/15/test-package/slide/joker/" data-pos="6">Joker</a></li>

		</div><!-- .hub -->
		
	</div><!-- .item-browser -->
	
</div><!-- .time-gallery -->