Background colour around body

Here it is in Black:

body {
background: none repeat scroll 0 0 black; /* Change black */
color:              #5A5A5A;              /* Default Text Color */
padding-bottom:     0px;
}
#main-wrapper {
margin-top:         0px ;
margin-bottom:      0px ;
background-color:   black ;               /* Change black */
border:             2px solid #9DB668 ;   /* Delete if no border needed */
padding:            0 10px 0 20px ;
}

.container[role="main"] {
background-color:   black ;               /* black */
}

.navbar-wrapper, footer#footer .colophon, header.tc-header  {
background-color:   black;                /* black */
}

.round-div {
border:             104px solid black;    /* black   */
}

.carousel {
background-color:   black;
margin-bottom:      0px;
}

Oh Andrew, how could you doubt me 😉

At the moment, most of my time is spent building the library of Snippets and they need to have sufficient comments to help people.

But I do actually try to comment all my work like this. I started as a Programmer many moons ago (do you remember COBOL haha), so had it drilled into me.

@web

I looked at your site on my iPhone 5 to see how the above changes worked and looked and noticed your featured images are off center. Just wanted to let you know. Great looking site.

I would like to make a similar change on my site (prettyhungryblog.com) but in my case I would like the post body and sidebar to be white and the margins/background to be light gray. Could you tell me what code to insert?

People! Please post your own topics!