Hi all,

Please could someone look over my knowledge and correct/direct/redirect where appropriate?

I'm a noob. I've watched tutorials, I've read them too, and experimented a bit, and learnt some things. I know that to position something such as a block, you need to assign it to a region and then set the region within the right zone/section and give it the correct weight and column width. To style something, best to use chrome's inspect element to find the exact part you want to style, this limits you to using generated classes and id's in your CSS.
Giving padding to some regions breaks omegas column widths. How can padding be added without breaking?
As it is, I can't quite figure out how to put one big div around all my content (none-background stuff) which could be my rounded corners box that holds everything else. I've had to style individual boxes, which leaves gaps between divs. Then I have to mess it up even further extending the heights and widths with CSS..
My background is a colour, and I'd like to put a partially transparent PNG on top of it to work as a gradient, but I'm not sure how to do that. Would I have a div that wraps the entire page and put the image into an Only local images are allowed. inside of that? I tried putting it into #page and body to no success.

Any help would be awesome. Thanks and apologies for being noobr.