height 100% wordpress

Hello i need help setting the .content and footer to stick to the bottom of the page.
if you go to

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