Using a child of Twenty Twelve, I've been adding color to all the major containers (#main, #content, #secondary, etc.) using
#arbitrary-id {
background-color: #dedede;
}
This works for everything but body. I should be more clear: it changed the body background color until I messed with the background color in "Appearance -> Background". Now no matter what I try, I can't override that.
Looking in the HTML of the page and inside the <head>
I see:
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #e6e6e6; }
</style>
Naturally, I tried to change the color using that selector, but since it's generated internally, that trumps the external CSS.
I'm at a total loss for how to do this. How do I change the background color of the body using CSS?