デザインですが、空白を埋めるにはどうすればよろしいですか？お願いします。

すいません。先ほどの続きで、画面を左から真ん中に寄せる事はできたのですが、空白を埋めるにはどうすればよろしいですか？どうしても自分ではできません。教えてください。




ＣＳＳは以下の通りです。


#container{
width:783px;
margin:0;
text-align:center;
word-break:break-all;
}

#banner{
width:753px;
height:129px;
text-align:left;
margin:0;
}

#banner a{color:#fff;text-decoration:none;}
#banner a:link{text-decoration:none;}
#banner a:visited{text-decoration:none;}
#banner a:hover{text-decoration:underline;}

h1,h2,h3{margin:0;padding:0;}

.blogtitle{
font-size:14px;
padding:35px 0px 2px 35px;
}

.description{
color:#fff;
font-size:11px;
padding:0px 0px 0px 35px;
}

#blogcontainer{
width:753px;
text-align:left;
margin:0 auto;
}

#wrapper{
width:572px;
float:left;
text-align:center;
}

#content{
width:391px;
float:right;
text-align:center;
margin:0 auto;
}

#blog{
width:391px;
margin:0 auto;
text-align:left;
padding:0px 0 30px;
background:#fff;
}

#lefttop,#righttop{}

#left{
float:left;
width:161px;
padding:0px 0 30px;
margin:0 auto;
}

#right{
float:right;
width:161px;
padding:0px 0 30px;
margin:0 auto;
}


#categorytitlebody{}
#categorytitle{
color:#4d4d4d;
font-size:12px;
font-weight:bold;
padding:5px;
text-align:center;
border-bottom:1px solid #666;
background:#fff;
margin-bottom:15px;
}

.datetop,#articletop{}

.fullbody,#articlebody{
padding:28px 28px 20px;
border-bottom:1px solid #666;
}

.datebody{}
.date{
font-size:12px;
font-weight:normal;
padding:0px;
}

.blogbodytop{}

.blogbody{
padding:11px 0 0;
}

.blogbodybottom{}

.titlebody{}

.title{
font-size:12px;
font-weight:bold;
}


すみませんよろしくお願いします。

バックアップを取られた上で
やってみられると解ると思いますが
本文幅を100、両サイドを10づつ広げるとします
すると
#container{
width:903px;
margin:0;
text-align:center;
word-break:break-all;
}
#banner{
width:753px;
height:129px;
text-align:left;
margin:0;
}
#banner a{color:#fff;text-decoration:none;}
#banner a:link{text-decoration:none;}
#banner a:visited{text-decoration:none;}
#banner a:hover{text-decoration:underline;}
h1,h2,h3{margin:0;padding:0;}
.blogtitle{
font-size:14px;
padding:35px 0px 2px 35px;
}
.description{
color:#fff;
font-size:11px;
padding:0px 0px 0px 35px;
}
#blogcontainer{
width:873px;
text-align:left;
margin:0 auto;
}
#wrapper{
width:682px;
float:left;
text-align:center;
}
#content{
width:491px;
float:right;
text-align:center;
margin:0 auto;
}
#blog{
width:491px;
margin:0 auto;
text-align:left;
padding:0px 0 30px;
background:#fff;
}
#lefttop,#righttop{}
#left{
float:left;
width:171px;
padding:0px 0 30px;
margin:0 auto;
}
#right{
float:right;
width:171px;
padding:0px 0 30px;
margin:0 auto;
}
こうなりますが
（※御質問の表記を全部は記載してません）
前回も申し上げた通り

この画像が798pxですので
広げた分（100+10+10=120）プラス120pxなので
横幅を918pxに画像を加工編集して
その加工した画像をアップロードし
body{の後にある

http://parts.blog.livedoor.jp/img/usr/concrete/bg.jpg

と入れ替えが必要です