サイト全体幅の変更について

>サイト全体の横幅の変更（サイトを表示した場合の左右の余白幅の縮小）を行いたいのですが

こうされる目的を明確にされるとよりよい返答が期待できると思います。
ちなみに、

html
  body
    #container
      #body
        #body-in
          #main
          #sidebar

というような構成になっているわけですが#body-inよりも上の、いわゆる各親要素にはどれでもマージン・パディングの設定・その他諸々ができます。

Simplicityは#mainも#sidebarもfloatされているので、#body-inの幅が(#main + #sidebar + マージン(※))であれば見た目を維持しつつ、#body-inの各親要素のマージンを設定できるはずです。

※ カッコ内のサイズ幅が#body-inを超えると#sidebarがカラム落ちします

floatというのは、文字通り浮いているような状態なので、アニメなどでいうセルを連想されるとわかりやすいと思います。背景があって、人物があって、人物の顔のパーツで動く部分があってと言うレイヤーがそれぞれあるような感じです。
Simplicityでいうと、htmlと言う空とかの背景があって、bodyという山とかの背景があって、#containerと言う町並みの背景があり、#body-inで人物の全体像、#mainが目や鼻の動く部分という感じです。

質問から推測すると、人物像はそのままで、背景になっている部分を何か加工したいと言うふうにとれるわけですが、左右のマージンだけなら例えば

#container { margin: 0 50px; }

とでもすれば#containerの左右に50pxの余白ができます。ただこれだけだと、モバイル表示の時余白が大きすぎるようになるかも知れません。デフォルトでモバイル用のCSSが設定されているのでそういうことはないかも知れませんが、もし余白の調整をするような場合は、メディアクエリなどを利用して、そのサイズの時#containerのwidthをどれぐらいにするかを別途設定する必要があります。

またwidthを#containerに設定しても良いと思いますが、サイズが決定されるとそれを基準配置されている#headerとかがズレるかも知れませんので注意が必要です。

用途によっては、デフォルトのhtml構成はそのままで、例えば#body-inの中身#headと#main + #sidebarを囲む新規のラッパーが必要になるかも知れません。それはそれでjQueryでできますので、#body-in以外の幅を縮める理由がわかると助かります。

アドバイスありがとうございます。質問の仕方が悪くすいません。

サイト左右の余白を縮めたい理由は、サイト全体を表示したときの左右の余白幅を狭くすることで、例えば１５インチとか１７イチントとか小さなモニターでもサイドバーが落ちたりせずにサイト全体を表示するようにしたいためです。main＆sideberの幅を縮めて対応することはできるのですが、その部分に関しては極力大きく表示させたいと思っていますのでマージンの余白を縮めて対応したいと考えています。「マージン」を縮めればというのは理屈ではわかるのですが実際にどういじればいいのか？その方法がわかりません。

例えばこのサイト「http://semiritaia.net/」の全体を表示すると左右に余白がかなりあります。しかしこのサイト「http://wp-simplicity.com/」だと全体を表示させたときに左右の余白が上のサイトに比べかなり少ないです。下記のサイトのようにサイト全体を表示したときの左右の余白を縮めたいと考えています。

わかりました。何とか自力でやってみます。お騒がせしました。アドバイスありがとうございました。

何度もアドバイスありがとうございました。参考にさせて頂きます。