[wordpress css] make .content and .footer height 100%

Hello i need help setting the .content and .footer to stick to the bottom of the page. i did a word press template.
my site

you can see the black line is not all the way at the bottom. i add css to the .footer

clear: both;
position:fixed;
right:0px;
left:0px;
bottom:0px;

which did the trick but only to the footer. the .content which is the center screen in cut off. the only way to bring it down is by setting the min height to a higher number. please help

Thanks You