Exclude Hompage from Page Edits

Hi

I am trying to set up my blog post and pages to have a grey outer background, with a styled white container where the content is(So it looks like a white page on a grey background.

I have coded the CSS which works perfectly for page/post – however it carries through and screws the homepage.

Is there a way to have the edits to to page/post area without effecting the homepage code?

Here is the CSS I am using

.content .entry-content-wrapper {
padding-right: 50px;
padding-right: 50px;
background-color: #FFF;
padding-left: 50px;
margin-right: 30px;
padding-top: 30px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

Many thanks to anyone who can assist