ブログ初心者です、デザイン変更のうんぬんを教えて頂けませんか？

作成途中でお恥ずかしいのですが、以下は私のブログです。↓


このブログにいろいろと手を加えて、以下のようなデザインにしたいのです。↓


どこを変えたいかというと、
1.　私のブログの画面一番上の余白が1センチ程度ですが、それを見本のようにグンと3センチくらい開けたい。

2.見本のように、写真の大きさを自由自在に変えるには、どこをいじればいいのか？

3.今、白くなっている外枠の箇所、エメラルドグリーンぽくなってる箇所、の色を変えるには、CSSのどこをいじればいいのか（用語が分からないので適当にやったら色が変わったのです）。

以上、本当に初歩的な質問で申し訳ないのですが、どなたかお分かりでしたら教えて頂けると幸いです。
どうぞ宜しくお願い致します。

色に関しては、下記のサイトで調節するといいですよ。

順番に私なりのアドバイスを致します。
必ずバックアップをとった上でお試し下さい。

1．上部（ブログタイトル部分）の変更について
CSSの.blogtitleのpadding:20px 10px 0;の数字を変えます。
左から順番に、上、左右、下の隙間の設定数値です。
それを意識して、数値を増やして調整してみて下さい。

2．写真の大きさに関して
アップロードする際に、「サムネイルを作成する」のチェックを外してアップしてみて下さい。
作った画像そのままの大きさで表示出来るようになります。
その際、写真が大き過ぎないように注意して下さい。
写真自体の大きさの変更は画像編集ソフトを用いて下さい。

3．白い背景、明るい緑色の部分を変えるには
白い背景の部分はbodyにbackground:#数字;を付け足し、数字の部分を変えて下さい。
明るい緑色の部分は#containerのbackground:#bfffff;の数字部分を変えて下さい。
カラーコードについてはご存じでしょうか?
カラーコードなどで検索すると便利なサイト様が多数ありますよ。
お好きな色に変更して下さい。

質問とは直接関係ありませんが、アドレスの?blog_id=数字の部分は必要がない上にID部分でもありますので、今後は消して下さいね。

この説明で分からない場合は、コメント欄からお尋ね下さいませ。
もし詳細に知りたい場合は、今後は出来れば別々に質問を立てられることをお勧め致します。

ものすごく強引な回答ですが・・・

参考にされているblogのデザインがノートパッド（おそらくそのまま？）のようですのでノートパッドに変更してからの方が早いかもしれません。


尚、質問されている部分の回答については望さんの回答で間違いないと思います。