title: Outer Padding and Margins with Masonry / Isotope
body: <p>I have been struggling with Isotope for a while now. After a few different sittings, I can't seem to figure this one out.</p>
  
  <p><strong>isotope.metafizzy.co/index.html</strong></p>
  
  <p>I'll illustrate my problem with images, but here is the explanation. As you can see on my site,</p>
  
  <p><strong>test.davewhitley.com/not-wp/isotope_test/index.php</strong></p>
  
  <p>I am using isotope with three same-width columns.</p>
  
  <p>If you look at the outer edges of the central layout, you can see that there is some padding, forcing the whole center to be somewhat narrower than the header / footer. I have played with CSS to my heart's content, but I can't figure out how to expand the central gallery to the edges of the div that it is contained it (it is 960px — therefore, the central gallery is about 940px). Normally I could do this with just divs and some CSS, but masonry's javascript is over my head (all of its calculations and such). Any help would be greatly appreciated.</p>
  
  <p>Here is my problem illustrated. What I have:</p>
  
  <p><a href="http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg" rel="noreferrer">http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg</a></p>
  
  <p>What I would like:</p>
  
  <p><a href="http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg" rel="noreferrer">http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg</a></p>
  
  <p>Sorry for the linked images and non-hyperlinked text, I am too young on this site.</p>