ブログタイトルの横にフリースペースを作りたいです。

ブログタイトルの横にフリースペースを作りたいです。
ブログタイトルの枠を縮めて、枠の外（灰色の枠と白い枠の間）にスペースができるとよいです。

↓アルファルファさんのブログタイトル横の写真のスペースみたいな用量です。

使用しているデザインテンプレートは「デフォルト2008（ねずみ,2カラム）」です。

必ず保存してからやって下さいね。

同じイメージでやってみたければ、まずCSSに以下の内容を足してみます。

#banner,#subbanner{
background:url(画像URL) no-repeat 0px 0px;
width:1000px;
text-align:left;
height:85px;
}

.b1{
float:left;
width:518px;
}
.b2{
float:left;
padding: 5px 0 0 0;
}

次にトップページの
<div class="blog-title-outer">の上あたりに、

<div id="banner">
<div class="b1"><h1 class="blogtitle"><a href="<$BlogUrl$>" title="<$BlogTitle ESCAPE$>"><$BlogTitle ESCAPE$></a></h1></div>
<div class="b2"><a href="お好きなリンク先"><img src="画像URL" border="0"></a></div>

こんな感じのを足せばいいんじゃないかなぁと。
お手軽にほとんどアルファルファさんのソース引用です。(すんません)
しかも全然検証してない回答です。。。

要するにidとclassを使う方法です。


clip


私はスタイルシートのことはさっぱりわかりません。
最新のやり方はさっぱりな人なのでこういう時CSSは無視してtableタグで横2列とかってやっちゃいそうです
もっとスキルの高い人の回答があるといいのですけど。