ヘッダー画像の縦幅を狭くしたときにできる下の余白を解消したい

固定ページは自由に設定できるのですが，投稿ページはどのように設定するとよいのかわからないで困っています。固定ページは自由に設定できるのですが，投稿ページはどのように設定するとよいのかわからないで困っています。テーマは「DesignMag」を使用しています。

ロゴとグローバルメニューの間のヘッダー画像が大きすぎるので，せめて縦幅だけでも狭くしたいと考えました。。
このテーマは，ブログの投稿ページで，930ｘ300の画像５枚を用意してスライド表示をさせています。

固定ページをトップページとしましたので，投稿ページはスライド表示をする必要はないので，1枚だけを表示していますが930ｘ300の画像の大きさが目立ちすぎますので，まずは画像の大きさを930ｘ150に設定しようとして，下のfunction.phpで930ｘ150に設定してみたところ，ヘッダー画像の下に150px分の余白が生じてしまいました。

この余白を解消するのは，CSSに違いないと思いましたが，該当の部分を探すことができません。なければ，新たにCSSで指定するのかとも思いますが，その方法もわかりません。

縦幅を狭くする設定の仕方を教えていただけますでしょうか？
ちなみに，問題のページは　http://zlabo.com/blog-2/ です。

<functions.php>

$theme->options['includes'] = array('featuredposts', 'social_profiles');

//$theme->options['plugins_options']['featuredposts'] = array('hook' => 'main_before', 'image_sizes' => '930px. x 300px.', 'effect' => 'fade');
//$theme->options['plugins_options']['featuredposts'] = array('hook' => 'main_before', 'image_sizes' => '620px. x 130px.', 'effect' => 'fade');
$theme->options['plugins_options']['featuredposts'] = array('hook' => 'main_before', 'image_sizes' => '930px. x 150px.', 'effect' => 'fade');
unset($theme->admin_options['Ads']);

<CSS>

/* =LAYOUT
-------------------------------------------------------------- */
#container {
width: 960px;
margin: 0 auto;
}

#main {
padding: 15px;
background: #fff;
}

#main-fullwidth {
padding: 15px;
background: #fff;
}

#content {
overflow: hidden;
float: left;
width: 615px;
}

#sidebar-primary {
overflow: hidden;
float: left;
width: 300px;
margin-left: 15px;
}

/* =HEADER
-------------------------------------------------------------- */

#header {
height: 60px;
padding:20px 0;
}

.logo {
float: left;
}

.header-right {
float: right;
}