@import url(reset.css);

body{
	font:13px/1.4 Arial,Verdana,Tahoma,sans-serif;/*размез шрифта,межстрочный интервал,стили шрифтов*/
	background:url(../images/main_bg_1.jpg);/*фоновая каринка,адресс*/
	color:#5e5e5e;
}

.clear{
	clear:both;/*для того что-бы не захдлпывался родительский элемент,задать пустой блок div с id-clear в html,а в css задать сласс clear со значением both*/
}

p{
	margin:7px 0 13px 0;/*отступ-сверху,справа,снизу,слева*/
}

a{
	text-decoration:none;/*убрать подчёркивание в списке*/
	color:#5e5e5e;
}

a:hover{
	text-decoration:underline;/*все ссылки на странице с подчёркиванием*/
}

h2{
	font-size:18px;/*размер шрифта для ссылок*/
	line-height:1.1;
	margin-bottom:6px;/*отступ снизу*/
}

#logo{
	width:241;/*ширина*/
	height:46;/*высота*/
	float:left;/*оптикание слева*/
	margin-top:44px;/*отступ сверху*/
	margin-bottom:42px;/*отступ снизу*/
	margin-left:10px;/*отступ слева*/
}

#banner{
	width:468px;/*ширина*/
	height:60px;
	float:right;/*оптикание справа*/
	margin-top:34px;/*отступ сверху*/
	margin-right:10px;/*отступ справа*/
}

#top-menu{
	min-width:960px;/*минимальная резиновая ширина*//*только для меню для резинового сайта*/
	height:49px;/*высота*/
	background:url(../images/top_menu_bg.png) repeat-x;/*фоновая каринка,адресс,повторение по горизонтали-ось х */
}

#header, #inner-menu, #wrapper, #middle-content, #bottom-content{
	min-width:960px;/*минимальная резиновая ширина*/
	max-width:1200px;/*максимальная резиновая ширина*/
	margin:0 auto;/*выровнять блок по центру*/
}

#inner-menu ul li{
	float:left;/*выровнять список в одну линию*/
	text-transform:uppercase;/*все слова заглавными буквами*/
}

#inner-menu a{
	color:#ebebeb;
	font-size:13px;/*размер шрифта для ссылок*/
	padding:16px 15px;/*внутренний отступ,верх-низ,лево-право*/
	display:block;/*данные ссылки являються блочным элементом*/
}

#inner-menu a:hover{
	background:url(../images/menu_hover.png)repeat-x;/*фоновый рисунок*/
	text-decoration:none;/*отменить подчёркивание для главного меню*/
}

#sidebar{
	width:300px;/*ширина*/
	float:right;/*оптикание справа*/
	padding-right:10px;
}

#content{
	margin-right:310px;/*отступ справа*/
	padding:30px 38px 0 10px;
	
}

.post{
	border-bottom:1px dashed #383838;/*линия,в 1 пкс,пунктир,цвет*/
	overflow:hidden;/*для того что-бы захдлпывался родительский элемент*/
	margin-top:15px;/*отступ сверху*/
}

.post:first-child{
	margin-top:0;
}

.thumbnail{
	float:left;/*оптикание слева*/
}

.thumbnail img{
	border:3px solid #e0e0e0;/*рамка для картинки*/
	margin-bottom:15px;/*отступ снизу*/
}

.post-content{
	margin-left:180px;/*отступ слева*/
}

.post-categories, .post-catigories{
	font-family:Georgia,Times New Roman,Times,serif ;
	color:#aaaaaa;/*цвет*/
	margin:0 0 3px 0;/*отступ-сверху,справа,снизу,слева*/
}

#sidebar h3{
	font-size:15px;/*размер шрифта*/
	color:#999999;
	text-transform:uppercase;/*Заглавные буквы большие*/
	font-weight:bold;/*жирний шрифт*/
	background:url(../images/sidebar_h3_bg_1.png) repeat-x 0 5px;
	padding-left:22px;/*внутренний отступ влево*/
	margin-top:26px;/*отступ сверху*/
	margin-bottom:25px;/*отступ снизу*/
}

#sidebar h3 span{
	background:url(../images/main_bg_1.jpg);
	padding:0 7px;/*внутренний отступ верх-низ,лево-право*/
}

#search-form  form{
	width:220px;
	height:0 auto;
	margin-top:30px;/*отступ сверху*/
}

.text-field{
	width:140px;/*ширина*/
	height:31px;/*высота*/
	background:url(../images/input_bg.png) no-repeat;
	float:left;/*оптикание слева*/
}

.text-field input{
	background:none;/*текстовое поле для ввода станет прозрачным*/
	border:none;/*рамка текстового поле для ввода станет прозрачным*/
	font-size:12px;/*размер шрифта*/
	color:#b1b1b1;
	padding:8px 10px;/*внутренний отступ верх-низ,лево-право*/
	width:120px;
	height:12px;
	outline:0;/*отвечает за задание границы типа бордер но для хрома*/
}

.first-row, .second-row{
	width:270px;
	margin:0 auto;
}

.left{
	float:left;/*оптикание слева*/
	display:block;/*используем ссылки как блок*/
}

.right{
	float:right;/*оптикание справа*/
	display:block;/*используем ссылки как блок*/
}

.second-row{
	margin-top:14px;/*отступ сверху*/
}

#categories ul {
	width:140px;
}

#categories ul li {
	border-top:1px dashed #5e5e5e;
	padding:9px 0;/*внутренний отступ верх-низ,лево-право*/
}

#categories ul li:first-child{
	border:none;/*рамка текстового поле для ввода станет прозрачным*/
}

#categories ul li a{
	font-weight:bold;/*жирний шрифт*/
}

#categories h3 {
	margin-bottom:14px;/*отступ снизу*/
}

#pagination{
	margin:34px 0;
}

#pagination ul {
	overflow:hidden;/*для того что-бы захдлпывался родительский элемент*/
}

#pagination ul li{
	float:left;/*выровнять список в одну линию*/
	margin-right:2px;
}

#pagination ul li a{
	display:block;/*используем ссылки как блок*/
	padding:9px 14px 6px 14px;/*внутренний отступ верх-низ,лево-право*/
	border-bottom:3px solid #eeeeee;
}

#pagination ul li a:hover{
	text-decoration:none;/*отменить подчёркивание меню*/
	background:#e7e7e7;
}

#pagination .current,#pagination .current:hover{
	background:#333333;
	color:#ffffff;
	border:none;
	padding-bottom:9px;
}

#pagination .next{
	padding-bottom:8px;
	padding-top:7px;
}

#footer{
	min-width:960px;
	color:#e0e0e0;
}

#footer-top{
	height:19px;
	background:url(../images/footer_top_bg.png) repeat-x;
}

#footer-middle{
	background:url(../images/footer_middle_bg.png);
}

#middle-content{
	padding-bottom:60px;
}

.footer-box{
	padding-top:55px;
	width:30%;
	margin-right:5%;
	float:left;
}

#footer-box{
	margin-right:0;
}

#magazine{
	background:url(../images/logo_footer.png) no-repeat 10px 0;
	padding:37px 0 0 10px;
}

#magazine p {
	margin:16px 0;
}

#footer h3 {
	background:url(../images/footer_h3_bg.png) repeat-x 0 5px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	width:220px;
	margin-bottom:8px;
}

#footer h3 span {
	background:url(../images/footer_middle_bg.png);
	padding-right:13px;
}

#archives{
	padding-right:10px;
}

#recent-posts ul li,#archives ul li{
	padding:12px 0;
	background:url(../images/dashed_bg.png) repeat-x left bottom;
}

#recent-posts ul li a,#archives ul li a{
	color:#e0e0e0;
}

#footer-bottom{
	background:url(../images/footer_bottom_bg.png) repeat-x;
}

#footer-bottom p{
	margin:0;
	padding:25px 10px;
}

#footer-bottom a{
	color:#8f8f8f;
}