I'm working on a draft site for a non-profit that I'll move a little later. (Thus the inconsistency between website name and content.)

I would like to have a solid blue box around the whole site, and I can't figure out how to do it. I've added the border, but that's not what I'm really looking for.

http://myseattleschools.org/

There are huge white spaces on the left and right that I want to be blue. I know this is a silly question, but I'm completely lost!

At Layout -> Layout Container Style add
background: #123456;

For the sidebars: Sidebars -> LEFT sidebar style / RIGHT sidebar style
background: #123456;

For the center column: Center -> Center column style
background: #123456;

Er, I didn't explain myself well. I'm looking for the areas outside of the layout container to have a color. I've got inside worked out (I want it white). It's the outside that's frustrating me.

That's at Body, Text & Links -> Body Style

I've changed the color of the blog background as per your instructions above. However, I'm having problems with color of the background with the border around the blog itself. I used the example code in the layout section as follows:

border: solid 2px #315E37;
padding: 10px; (This effectively only affects top/bottom padding)
background: #FBFBF9; <--- THIS SHOULD CONTROL THE COLOR INSIDE THE BORDER, RIGHT?
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

However, the color inside the border is the same as the color of the background. How do I change it so I can control the color inside the border.

Thanks,
Shawn

See post #2, you might have other colors on the middle column and the sidebars. If this doesn't help post a URL please

I tried that, it didn't make a difference.

Here's URL: http://www.cometomachupicchu.com/blog

Remove the comment or make it a CSS comment:

border: solid 2px #315E37;
padding: 10px; (This effectively only affects top/bottom padding)
background: #Ffffff;

Or use:

border: solid 2px #315E37;
padding: 10px; /* This effectively only affects top/bottom padding */
background: #ffffff;

I am changing this example code in the theme options

I tried in 6 different browsers and it looked fine in all of them. In which browser are you seeing this?

Edit: Looks like you got it working

I am trying to figure out to keep the middle white, it seems like many people have it set up that way and I can't figure it out!

If I may ...

I attached a .CSV file to post http://forum.bytesforall.com/showthread.php?t=2062 (Reply #2) that lists all of, or the vast majority of, the locations in ATO for 3.3.3 that control styling of color, lines (borders) and text.

I built this after running into similar issues of "Where do I ..." during my first attempt to "tweak" the look and feel of my site. I did it as an XLS so that I could filter it for just background or just hover, etc and go back and tweak those points in order to develop a consistent scheme.

This may help you track down the cause of your issue.