livedoor ナレッジ

フォト（花の写真04）デザインの外枠部分を太くしたり色の変更をしたいのですが。

超初心者です。お世話になっております。
フォト（花の写真04）のデザインの外枠部分を太くしたく私なりに目一杯頑張って見ましたがCSSのどの部分を直せばいいのか解りません。
現在のＣＳＳを出力してネットを見ながらやっては見ましたが見つけ出せず丸１日を費やしてしまいましたが無理でした。どなたか超初心者でも理解できる様レクチャーして頂けませんでしょうか。宜しくお願い致します。

管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更するんですが、CSS を上から覗いていくと ・・・

#container{ }　という部分があります。
この中にある・・・

background:url(http://image.blog.livedoor.com/img/usr/flower02d/bg.gif) repeat-y 50% 0;

↑ これを削除します。あのテンプレートの外枠は、画像で指定してあるのです。ですからまずそれを表示させないようにします。

次に、#container{ } の中に以下の記述を書き加えます。↓

border-right:○px solid #□□□□□□;
border-left:○px solid #□□□□□□;
border-bottom:○px solid #□□□□□□;

○px には数字を。2px ぐらいが良いんじゃないかな？
□ にはお好きな色コードを入れて下さい。

これで一応外枠は変更できます。
ブログの一番下部にもラインが入るようにお教えしています。
もしブログの下部の横線が要らないと言うのであれば、上記の記述の・・・

border-bottom:○px solid #□□□□□□;

を入れなければ良いのです。

次に、ヘッダーに使用されている画像の下にあるグレーの横線なんですが、これも実は花の画像に初めから付いている線なんです。ですからこの線だけを無くす為には、花の画像そのものを違うものに変える必要があります。

一応、ごまかしになりますが、その花の画像の下部に横線を上から被せる方法です。↓

#banner,#subbanner{ } の中に以下の記述を書き加えます。↓

border-bottom:○px solid #□□□□□□;

○px には数字を。上と同じく2px ぐらいが良いかな？
お好みで (^^)
□ にはお好きな色コードを入れて下さい。

これで、CSS を保存。CSS を再構築して下さい。

仕上がり状態について、要望があれば、下部のコメント欄に書いてください。続いてお答えします。

画像のｱｯﾌﾟﾛ-ﾄﾞして下記の中の border="0" を

<a href="http://image.blog.livedoor.jp/aaaaa/imgs/e/9/bbbb....; target="_blank"><img src="http://image.blog.livedoor.jp/aaaaa/imgs/bbbb.jpg&...; width="200" height="150" border="0" alt="ﾀｲﾄﾙ" hspace="5" class="pict" align="left" /></a>

border="0" alt="ﾀｲﾄﾙ" 
border="1" alt="ﾀｲﾄﾙ" 
border="3" alt="ﾀｲﾄﾙ" 

の様に好みで　どうぞ