It'll be a little complicated, but doable. You'll need to also increase the grey sidebox image as well to the width you want. You'll have to open the file in an image editing program, then re-size it and save it.
First you'll need to change the width of the sideboxes in the admin, under "Configuration", "Layout Settings". Make sure to change both sideboxes in both places.
Then in the css, this section contains the changes you'll need to make:
Code:
.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* Our right column width */
}
.inner {
width: 100%;
}
.float-wrap {
float: left;
width: 97%;
margin-left: -165px; /* Same length as .outer padding-left but with negative value */
}
#content {
float: right;
margin-right: -165px; /* Same length as .outer padding-left but with negative value */
width: 100%;
line-height:1.6;
position: relative; /* IE needs this */
}
.contentWrap{
padding: 5px 0 5px 5px;
}
#navColumnOne {
float: left;
position: relative; /* IE needs this */
}
#navColumnTwo {
float: right;
margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
position: relative; /* IE needs this */
}
You'll change the 150px to the width of your sideboxes. Let's say you choose 170px, then you'll need to also increase all of the 165px by 20px, to 185px.
I *believe* that's all you'll need to do, let me know how it works out.
Bookmarks