Main Wrapper Background Color

Hi,

I’m trying to change the background color of the content area from white to tan in a custom theme I’m creating based on the Twenty Twelve Theme. Firebug is showing me that it is div#main.wrapper. I’ve tried modifying the CSS as:

.wrapper {
		border-top: none;
		box-shadow: none;
		background-color: #c7b199;
	}

#main {
background-color: #c7b199;
}

#main .wrapper {
background-color: #c7b199;
}

div#main.wrapper {
background-color: #c7b199;
}

None of these seem to work. When modify the CSS in Firebug the only thing that seems to change the color is modifying the `html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;
padding: 0 px;
border: 0;
font-size: 100%;
vertical-align: baseline
background-color: #c7b199;
}`

But this changes practically every element on the site. How do I change the CSS rules so that just the #main .wrapper get’s changed?