Mobile browser padding

Hi, I have set my set so it displays the full version on mobile devices which works fine. The only problem is that the padding on the page is completely off. Is there any way that i can add padding for mobile devices?

I have tried doing this:

@media only screen and (max-device-width: 480px) {
   /* .... styles */
}

etc but that messes up with width of the page and squashes the content. Is there a way of changing the style without messing up the width? I am using a windows phone, could this be why i am having trouble.

http://www.proofisinthepudding.co.uk/wordpress