Как к блоку применить стиль ?

Почему при создании нового блока, стили к нему не применяются ? Блок "Поиск и Вход" все отлично, блок "Новости" уезжает вправо и стили уже не те. 

HELP, please!

https://photos.app.goo.gl/1DQthu2NpKNUQg5S6

{

<div class="main">
<div class="header">
<div class="logo">
<div class="logo_text">
<h1>
<a href="/"> КиноМонстр</a>
</h1>
<h2>
Кино - наша страсть
</h2>

</div>

</div>

<div class="menubar">
<ul class="menu">
<li class="selected"> <a href="#">Главная</a> </li>
<li> <a href="#">Фильмы</a></li>
<li> <a href="#">Сериалы</a></li>
<li> <a href="#">Рейтинг фильмов</a></li>
<li> <a href="#">Контакты</a></li>
</ul>

</div>

</div>

<div class="site_content">

<div class="sidebar_container">

<div class="sidebar">
<h2>Поиск</h2>
<form method="post" action="#" id="search_forms">
<input type="search" name="search_filed" placeholder="ваш запрос" />
<input type="submit" class="btn" value="найти">
</form>
</div>

<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="#" id="login">

<input type="text" name="login_field" placeholder="логин"/>
<input type="password" name="password_field" placeholder="пароль"/>
<input type="submit" class="btn" value="Вход">
<div class="lables_passreg_text">
<span>
<a href="#"> Забыли пароль? </a> </span> | <span><a href="#"> Регистрация </a></span>
</div>
</form>

</div>

<div class="sidebar">
<h2>Новости</h2>
<span>5.09.9990</span>
</div>
</div>

</div>

;}