Уменьшить поля в хедер и футере?

Как уменьшить хедер и футер , чтобы было не на всю ширину сайта?

 

Например в файле стиле stylesheet.css для стиля footer

добавить

max-width:1170px;
margin:0 auto;

ну и тоже самое для стиля #top

 

а как сделать , чтобы поиск лого и корзина были по середине от верха и низа, а то, примагнитилось все к верху?

 

#search
добавить margin-top:50px например

По изучайте CSS и firebug для файрефокса или в других браузерх, по правому клику, проинспектировать элемент.

 

благодарю, буду учить матчасть...