デザインのクマが右より過ぎているのですが、直し方をご存じでしょうか？

ご覧頂ければわかる通り、クマが右より過ぎていて文章を食べそうです。おまけに下半身は痛々しく欠けています。デザインのサンプルを見るとバランス良くなっているのですが。デザインの設定をやり直してもこれは変化しませんでした。どなたか直し方知っていたらご教授願います。
blog.livedoor.jp/felicia22

管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の、CSS （ スタイルシート ） の記述を書き換えます。
CSS を上から順に見ていくと、

#container{
background:url('http://image.blog.livedoor.com/img/usr/white_bear.jpg') no-repeat 50% 0%;
margin:0 auto;
width:750px;
text-align:center;
word-break:break-all;
}

という部分があります。このうち、

background:url('http://image.blog.livedoor.com/img/usr/white_bear.jpg') no-repeat 50% 0%;

を、こうします。

background:url('http://image.blog.livedoor.com/img/usr/white_bear.jpg') no-repeat;

そして、

#blogcontainer{width:750px;margin:0 auto;}

を、こうします。

#blogcontainer{width:750px;margin:50 auto;}

この↑ margin:50 auto; の 50 の数字は適当に調整して下さい。要約説明 （ description ） と記事本文上部との間のすきまをあらわす数字です。もっと大きくとっても良いし、小さくでも OK です。でも 0 のままだと、ひっついてしまいます。

CSS の保存をし、CSS の再構築をおこなって下さい。
ブラウザーをリロード （ 再読み込み ） をすれば、表示
反映されているはずです。