blogタイトルのfont sizeを変えたら、画面が半分しか映ってないのですが・・・

top画面のblogタイトルのfont sizeを大きくして、右上に表示されていたのを、左上にしたのですが、そしたら画面の表示が小さくなってしまいました。タイトルの大きさ、位置を今のまま変えずに、画面の表示の大きさを元通りに戻すにはどうしたら良いですか？私のblog URLは、 です。ご存知の方、教えて下さい。宜しくお願いします。

＜画像が切れたら背景色にする場合＞

body{
margin:0;
padding:0;
color:#4b4a62;
font-family:arial ,sans-serif;
text-align:center;
background:url(http://image.blog.livedoor.jp/genomic_dna/imgs/9/d/9d35e2fd.jpg) no-repeat 50% 0 #04043a;}

#container{
width:800px;
margin:0 auto;
padding:0;
text-align:center;
word-break:break-all;
}


＜画像が切れたら、画像を繰り返す場合＞

body{
margin:0;
padding:0;
color:#4b4a62;
font-family:arial ,sans-serif;
text-align:center;
background:url(http://image.blog.livedoor.jp/genomic_dna/imgs/9/d/9d35e2fd.jpg) repeat-y 50% 0 #04043a;}

#container{
width:800px;
margin:0 auto;
padding:0;
text-align:center;
word-break:break-all;
}


＜画像を固定する場合＞

body{
margin:0;
padding:0;
color:#4b4a62;
font-family:arial ,sans-serif;
text-align:center;
background:url(http://image.blog.livedoor.jp/genomic_dna/imgs/9/d/9d35e2fd.jpg) no-repeat 50% 0 #04043a;;
background-attachment:fixed;}

#container{
width:800px;
margin:0 auto;
padding:0;
text-align:center;
word-break:break-all;
}

画像を固定する場合、画像を少し小さくしてアップロードしなおした方が、画像の下の方まで見えて良いかもしれません。

画像を縮小したりするのは、

↑こちらがお役に立つかもしれません。

#container{
width:800px;
margin:0 auto;
padding:0;
text-align:center;
word-break:break-all;
background:url(http://image.blog.livedoor.jp/genomic_dna/imgs/9/d/9d35e2fd.jpg) no-repeat 50% 0;}

これはどうでしょうか？