FORMAL Diaryの本文カラムのサイズ変更

FORMAL Diaryを利用しています。
本文カラムのサイズを広げ、ブログ両端の余白を縮小したく、
カスタマイズでCSSをいじったりしてみたのですが上手くいかず崩れてしまいます。
具体的にCSSのどの部分のサイズを変更したら良いか教えていただけませんでしょうか？
よろしくお願いします。

FORMAL Diaryをもう一度選択して、全ページ再構築して初期状態に戻してから下記を試してみられて下さい。


画像１、画像２を右クリックしてダウンロードし、ＰＣに保存。
ブログにアップロードして、アドレスを確認します。

＜画像１＞


＜画像２＞



ＣＳＳの以下の部分を書き換えます。

#container{
width:950px;
margin:0 auto;
padding:0;
text-align:center;
word-break:break-all;
}
#blogcontainer{
width:921px;
text-align:center;
margin:0 auto;
padding-top:10px;
}

#content{
width:550px;
float:right;
text-align:center;
padding-top:30px;
padding-bottom:30px;
}


#blog{
width:696px;
text-align:left;
margin:0 auto;
}

.date{
color:#3c3c3c;
font-size:48px;
font-weight:normal;
text-align:right;
padding:0 5px 13px 5px;
background:url(アップロードした画像１のアドレス) no-repeat 0 100%;
letter-spacing:-2px;
margin-bottom:-10px;
position:relative;
z-index:2;
}

.dateend{
clear:both;
background:url(アップロードした画像２のアドレス) no-repeat 0 0;
padding:6px 0;
margin-bottom:25px;
}

#articlebottom{
margin-top:-40px;
clear:both;
background:#3c3c3c url(アップロードした画像２のアドレス) no-repeat 0 100%;
padding:6px 0 34px;
}

イメージとあわない場合や表示が崩れた場合は、FORMAL Diaryをもう一度選択して、全ページ再構築して初期状態に戻して下さい。