I left views-row classes in for now, since we're doing funky things with the 1st and 6th article in the view.

article-view-output.html

<div class="view-content">
	<div class="views-row views-row-1 views-row-odd views-row-first views-row-last">

		<div class="field-image">
			<img typeof="foaf:Image" src="http://centerforfaithandwork.local/sites/default/files/styles/article_full/public/field/image/61014_orig.jpg?itok=gbusSbQE" alt="star wars">  
		</div>

		<div class="field-logo">
			<img typeof="foaf:Image" src="http://centerforfaithandwork.local/sites/default/files/styles/source_logo/public/images/sources/saber.jpg?itok=BA9QZ3DN" width="76" height="76" alt="">  
		</div>

		<div class="field-source">Center for Faith &amp; Work</div>

		<h2 class="article-title">Knights of the Old Republic</h2>  

		<div class="field-body">
			<p>Red Five standing by. The Force is strong...</p>
		</div>    

		<div class="channels">   
			<span>Channel(s): </span>    
			<ul class="field-channels">
				<li>Church Leadership</li>
				<li>Calling</li>
			</ul>
		</div>  

		<div class="media">    
			<span>Media: </span>    
			<ul class="field-media">
				<li>Books</li>
				<li>Faith Based Media</li>
				<li>Cultural Issues</li>
			</ul>
		</div>  

	</div>
</div>