Cannot change the background for main content area (betwwen the outer columns)

Are you using a browser developer tool like Firebug for exploratory CSS queries?

yes firebug

thanks for the quick reply

I don’t understand your dilemmas.
Shouldn’t Firebug give you the freedom find out the CSS selectors you need to change for these CSS queries?

E.g this is what Chrome’s developer tool shows for your first query
https://snag.gy/R0gpg.jpg

Mine doesnt look like that… im relatively new to this so please bare with me.

Mine apparently is showing up like this:

#submit, .type-post, .type-forum, .type-reply, .type-topic, .type-page, .type-comic, .type-showcase, .type-music, .type-attachment, .type-casts, #wp-paginav, .sidebar h2, #comment-wrapper, .blognav, .default-nav, .submit, .feature, .related-comics {
background: -moz-linear-gradient(100% 100% 90deg, #AAAAAA, #CCCCCC, #EEEEEE 100%) repeat scroll 0 0 transparent;
border-radius: 10px 10px 10px 10px;
padding: 2px 5px;
}

I tried messing around with the colors but still no dice

Although it’s formatted differently, it still provides the still rules.
You can add a new style;

background: deeppink

and it will change to deeppink colour.

So I have tried everything that i could possible…

That code that you gave me with the background gradients DOES WORK, but it doesn’t save it when i post in in my editor. Below is the code i used and in the bold is what the background gradient code is:

#submit, .type-post, .type-forum, .type-reply, .type-topic, .type-page, .type-comic, .type-showcase, .type-music, .type-attachment, .type-casts, #wp-paginav, .sidebar h2, #comment-wrapper, .blognav, .default-nav, .submit, .feature, .related-comics {
padding: 2px 5px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: black
background: #eee; /* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #aaa, #ccc, #eee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0, 0, 0)), color-stop(100%, rgb(0, 0, 0))); /* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#aaa),to(rgba(#eee))); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(#eee,#aaa); /* Opera11.10+ */
background: -ms-linear-gradient(#eee,#aaa); /* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(#eee),to(#aaa)); /* W3C */
}

I have also tried adding the code you had above but still no luck. Every other easel website i have used this always has worked.

appreciate your help!