3カラムの横幅変更について

スタンダードホワイト2カラムから、同3カラムに変更しようとしているところです。
3カラムの幅を全体的を広げたくて、数字をいろいろと変えてみたのですが、完成しません。左サイドと中央だけが画面いっぱいに広がり、右サイドが落ちてしまいます。（数値変更前だとそうはならないので、画像が本文からはみ出しているというわけではなさそうです）。
以下の状態で行き詰っているのですが、どこが間違っているのでしょうか。なお、もともとblogcontainerにwidthが含まれていなかったので追加してみました。
よろしくお願いします。

追記：1pxずつでも変えようものなら、形が崩れてしまうようです。もともと変更不可なデザインなのでしょうか…

#container {
width: 970px;
margin: 0 auto;
text-align: center;
}
#blogcontainer {

       width: 960px;

background: #fff;
border: solid #9599aa;
border-width: 0 1px 1px;
margin: 0 auto;
padding: 45px 15px 30px;
height: 1%;
}
#wrapper {
float: left;
width: 745px;
}
#content {
float: right;
width: 525px;
text-align: left;
}
#left {
float: left;
width: 200px;
}
#right {
float: right;
width: 200px;
}

スタンダードホワイト3カラムの初期状態にまず戻してもらってから、以下の数字に均等な数字を足してみましょう。200ずつとか。
blogcontainerはいじりません。

#container {
width: 775px;

#wrapper {
float: left;
width: 550px;
}
#content {
float: right;
width: 350px;

これで本文の幅が広がるはずです。
左右カラムの幅を広げたい場合は、本文をいじったあとでcontentの数字はいじらず他の数字をいじってください。
一気にやらずに順番にやったほうが確実です。
数字の整合がとれていないのでデザイン崩れたのだと思います。