ブログのタイトルと、ブログの説明の文字を小さくしたい。

いつもお世話になっております。

今回は、ありがちな質問ですが
テンプレートが違うため、他の質問を確認しましたが
当てはまるものがなかったため、質問させていただきます。

ブログタイトル→現在制作中(Design)

ブログ説明→ここはデザインが好きなボクの、アトリエみたいな所です。

この2点を小さくしたいです。
どこに何を入れるか教えていただければ
大きさの検証は自分で数字をいじってやります。

よろしくお願いします。

まず、タイトル。

スタイルシート
ttp://blog.livedoor.jp/genzaiseisakuchu/site.css

上のスタイルシートの、この部分。

(294行目付近)
～～～～～～～～～～～～～～～～～～～～～～～～～～～
h1#blog-title {
background: url(ttp://parts.blog.livedoor.jp/img/usr/default_2008/sky/black/r_right_top.gif) no-repeat right top;/* 背景画像：右上 */
margin: 0;
padding: 35px 30px 0;
font-size: 150%;
font-weight: bold;
}
～～～～～～～～～～～～～～～～～～～～～～～～～～～

『font-size: 150%;』←これを100%などに変えれば、小さくなります。



次に、その下の文。

同じスタイルシートの、この部分

(306行目付近)
～～～～～～～～～～～～～～～～～～～～～～～～～～～
p#blog-description {
background: url(ttp://parts.blog.livedoor.jp/img/usr/default_2008/sky/black/r_right_bottom.gif) no-repeat bottom right;/* 背景画像：右下 */
margin: 0;
padding: 10px 30px 35px;
line-height: 135%;
}
～～～～～～～～～～～～～～～～～～～～～～～～～～～

↑こうなっている部分に、font-size指定を一行足します。

～～～～～～～～～～～～～～～～～～～～～～～～～～～
p#blog-description {
background: url(ttp://parts.blog.livedoor.jp/img/usr/default_2008/sky/black/r_right_bottom.gif) no-repeat bottom right;/* 背景画像：右下 */
margin: 0;
padding: 10px 30px 35px;
line-height: 135%;
font-size: ★;
}
～～～～～～～～～～～～～～～～～～～～～～～～～～～

★は、「16px｣など、好きな大きさを入れればOK。


スタイルシートをいじるなら、
このページの一番上に紹介しているレポートが
おススメですよ。

【参考】