検索窓のずれによるページ全体のバグ

先日、ヘッダーのタイトル周りの余白を少なくするために、スタイルシートのヘッダー部分を修正したところ、ページ全体にバグが起きてしまいました。具体的に、申し上げると、

/* =Header
----------------------------------------------- */

#branding {
	border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;  /*3.65625emを0.2emに変えました*/
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;   /*3.65625emを0.2emに変えました*/
}
#branding img {
	height: auto;
	display: block;
	width: 100%;
}

これを保存しプレビューを見たところ、余白が狭すぎて、タイトルの右側にあった検索窓が、トップページの写真の下（ヘッダーの下）に移動してしまいました。
そこで数値を元に戻し確認したところ、余白だけが戻り、検索窓が元に戻らなくなってしまいました。しかも、検索窓が移動してしまったせいで、記事のタイトルのフォントが大きくならない、ページの左半分のみに文字が表示されてしまう、固定ページに移るためのカテゴリーのボタンが箇条書きのようになる等、画面全体にわたりバグが発生してしまいました。他のコードはいじってないので、原因が考えられません。バグの原因がわかる方、検索窓を元に戻る方法を知っている方は、ご教授よろしくお願い致します。