記事のタイトルにアイコン

記事のタイトルの前に葉っぱの形のような小さなアイコンをおきたいのですが
サフランのテンプレートを参考にしてやってみたのですが画像がタイトルにかぶってしまってうまくいきません。
ご教授お願いいたします

当方ＵＲＬ

CSSの
.title{
color:#555555;
font-size:x-small;
font-weight:bold;
padding:5px;
border:dotted #CCCCCC;
border-width:1px 0px;
}
の部分を
.title{
color:#555555;
font-size:x-small;
font-weight:bold;
padding:5px 40px;
border:dotted #CCCCCC;
border-width:1px 0px;
background:url(葉っぱのアイコン画像URL) no-repeat;
}

のようにすれば良いかと思います。

padding:5px 40px;

の40の数字を増やせばタイトル文字が右に行きます。
ただ、今は[font-size:xx-small;]にされているようですが
アイコンの大きさにより
文字を大きくする必要があるかもしれません。