Когда вверху прописываем css стили
h1, h2 {
font: normal 170% 'century gothic', arial;
margin: 0 0 15px 0;
padding: 15px 0 5px 0;
color: #000;
Что здесь подразумевается под h1? У нас же есть только
<div class="sidebar">
<h2>Поиск</h2>
И как программа понимает, что это h2 относится к блоку справа, ведь у нас есть еще h2 в header
h1, h2 - любые заголовки на странице - здесь задать общие стили для всех заголовков
если хотите поменять стили заголовка или какое-то одно свойство только для конкретного блока, пишите, например,
.sidebar h2 {
тут переписывате стили для заголовка в этом блоке или какое-то одно свойство можно поменять, например, размер или цвет шрифта или отступ...
}
