サブタイトル下に余白、サイドの幅を変え変え方を教えてください！

ブログの設定中ですが、困っています。
１、サブタイトルの下に余白がなく見苦しいので余白を作りたいです。
２、両脇の幅をそろえ、デザインを左右対称にしたい。

以上の設定のやり方を知っている方おしえてください。
現在ブログはこのようになっています。

ブログのタイトルを上に動かせば
サブタイトルも上に動くような気がするので
CSSの.blogtitleの中の
padding:35px 250px 0 40px;

35pxの数値を小さくするといいんじゃないかと思います。
それでダメだったら
.descriptionの中のpaddingも調整してみてください。


両脇の幅をそろえるのは
ちょっと自信はないですが
#containerの
width:744px;を消して
position:relative;を入れる。
margin:0 auto;のauto部分を希望の幅に変更する。

ただ、現在両脇の幅は
可視範囲に対して均等になってますが
上記で挙げたような方法にすると
両サイドの幅に対して均等になるので
ブラウザの左サイドに「お気に入り」などを出して
可視範囲が狭くなってる人などが見ると
逆にバランスが悪くなる可能性があります。

なので、私個人としては今のままの方が
いいんじゃないかと思ってます。

kavalierさんの御回答と重複しますが…

.blogtitle{
text-align:left;
color:#fff;
font-size:22px;
padding:35px 250px 0 35px;
}

の部分をフォントサイズはそのままで

.blogtitle{
text-align:left;
color:#fff;
font-size:22px;
padding:20px 250px 0 35px;
}

ぐらいにすれば良いかと思います


それと現在は

#banner,#subbanner{
width:760px;
height:150px;
background:url('http://image.blog.livedoor.com/img/usr/simple_blue/header.gif') no-repeat;
margin: 0 auto;
}

となっている箇所は

#banner,#subbanner{
width:744px;
height:110px;
background:url('http://image.blog.livedoor.com/img/usr/simple_blue/header.gif') no-repeat;
margin:0 auto;
}

に戻してください