Reduce Spacing Above Footer

You gotta whole bunch of grid and columns in the footer for some reason. It’s causing all that extra space.

Delete this:

<div class="grid col-620">
		         </div><!-- end of col-620 -->

         <div class="grid col-300 fit">
         <ul class="social-icons"></ul><!-- end of .social-icons -->         </div><!-- end of col-300 fit -->

Then look in style.css and make #footer-wrapper look like this:

#footer-wrapper {
margin: 0;
padding: 0;
margin-top: -30px;
}

I have a similar problem, so I have added to this post, which I hope is okay. I am making a simple website for someone using the Yoko theme, which has worked out okay except for the spacing at the bottom of the pages. The main content and each widgeted section finish with a default grey line – which is fine, however there is then a sizeable gap to teh footer area.

See the testing site: http://www.simonredux.com/testing

I wondered if it is possible to remove some of this area??

Ideally I would like to keep the widget areas as they are, but remove the grey lines at the end of each main content section on pages; WELCOME, TESTIMONIALS, CONTACT, while reducing the space to the footer area.

I am pretty clueless about php so any advice would be really welcome!