Body Customization

[CathrynGray]

I'm completely stuck at the moment. I've included an image showing where the colors are that I want to change.

I've been using the Blue color theme and changing the CSS in the site-wide customization area, but I'm not sure what exactly I need to add the the CSS to change what I want to.

I'd love some help!

Thanks in advance,
Cathryn Gray

[CathrynGray]

I also would like my popular photos and galleries to show up on my homepage.

Smugmug has definitely got me confused. :scratch

[CathrynGray]

I've tried different codes and I was able to customize the length of the body to 930px but any other customizations I have made aren't showing up. Here's what I've done so far.

#homepage, #category, #smugmug_small, #smugmug, #traditional, #allthumbs, #journal, #filmstrip, #slideshow, #critique, #singleImage, #content {
background-color:#94cee2;
padding: 10px;
}

#header, #footer, #cobrand_footer, #feeds, #themeCredit, #content, #singleImage, #filmstrip, #smugmug_small, #journal, #traditional, #allthumbs, #slideshow, #press_release, #homepage, #controlPanel, #communityHome, #category, #subcategory, #communityKeyword, #communityBrowse {
margin: 0 auto;
padding: 5px 0;
text-align: left;
width: 930px;
}

body {
margin: 0px;
padding: 0;
color: #4d9dc0;
background-color: #4d9dc0;
background-image: url(http://www.cathryngray.com/wp-content/themes/GrungeMag/images/bg_try02.jpg);
background-repeat: no-repeat;
background-position: 50% 205px;
font-family: Arial;
font-size: 12px;
line-height: 15px;
}

.boxTop {
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
}

#footer {
background-color: #94cee2;
height: 50px;
padding: 0 10px;
text-align: center;
width: 930px;
}

a:link {
text-decoration: none;
color: #158eb5;
}

a:visited {
text-decoration: none;
color: #158eb5;
}

a:hover, a:active {
color: #8bb029;
}

Then proceed to include header CSS.

Is there a way to overwrite the theme, that I haven't figured out?