Best Answer James B , 23 March 2013 - 04:19 AM
Ok its a combination of different elements making up all that space.
I use firebug as it shows the areas which have padding/margins as a highlighted blue or yellow block, i find that's the quickest and easiest way to track them down. I would imagine chrome has something similar.
So when you inspect the element, scroll up and down in the html just above and below the element you land on, if you see a block of thick dark blue/yellow appear that indicates that that div you're hovering over has the padding/margin applied to it.
So click on that div and you'll see the css load up in the right hand window and you'll be able to track it down.
Recorded you a short video to show this - http://screencast.com/t/QdC5BCs3
So from there you can see there's 25px padding in the .hentry-pad and a margin of 25px in the first-post.
But if you then looker deeper into that section you'll see each of the ba boxes have additional margins applied to.
Hope that helpsGo to the full post