/*
Theme Name: Twenty Twelve kpm
Theme URI: http://sokarp.ru
Author: Serg
Author URI: http://sokarp.ru
Description: Twenty Twelve Child Theme
Template: twentytwelve
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve-child
*/




img {
max-width: 100%;
height: auto;
}


/* меню */

.main-navigation {
	background: #e5e5e5;
	box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.9); 
}

.main-navigation {
	margin-top: 24px;
	margin-top: 0.414285714rem;
	text-align: center;
}

.main-navigation a {
	color: #003366;
	font-weight: bold;
	margin-left: 20px;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #ff3300;
	background: #cccccc;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
		color: #003366;
		font-weight: bold;
		background: #cccccc;
		text-decoration: underline;
	}

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 0px solid #ededed;
		border-top: 0px solid #ededed;
	}
	

.main-navigation li a,
.main-navigation li {
		padding-left: 5px;
		padding-right: 5px;
	}
	
.main-navigation li a:hover,
.main-navigation li a:focus {
		color: #ff3300;
		background: #cccccc;
		text-decoration: underline;
	}

	
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

/* уменьшаю ширину контента без сайдбара */
body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 76%;
		margin-left: 12%;
	}

.main-navigation li a {
		color: #003366;
		font-weight: bold;
		line-height: 3.692307692;
		text-decoration: underline;
		text-transform: none;
		border-bottom: 0;
		white-space: nowrap;
	}
	
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
		color: #003366;
		font-weight: bold;
		background: #cccccc;
		text-decoration: underline;
	}
	
	
.main-navigation li a:hover,
.main-navigation li a:focus {
		color: #ff3300;
		background: #cccccc;
		text-decoration: underline;
	}

/* дочерние страницы в меню */
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
		background: #cccccc;
		color: #ff3300;
	}

/* уменьшаю расстояние между пунктами в меню */
.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 1.857142857rem 0 0;
		position: relative;
	}

/* изменяю ширину виджетов на главной под ширину основных текстовых колонок */
.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 47.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 48.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}


}
	

/* уменьшаю отступ тела сайта от верха и от низа браузера */

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 1.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 1.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}

/* Содержание по центру поста */
	#toc_container {
	margin-left: 0%;
	}

}


.entry-content img,
.comment-content img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}


.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 0.714285714rem;
	background: #efefef;
	text-align: center;
	border-radius: 3px;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	list-style-type: disc;
	list-style-position: inside;
}


.widget-area .widget {
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	padding: 5px;
	background: #fcfcfc;
}

/* заголовки-ссылки записей */
.entry-header .entry-title a {
	color: #003366;
	border-bottom: 1px solid #cccccc;
}

.entry-header .entry-title  a:hover,
.entry-header .entry-title  a:focus {
	color: #ff3300;
	border-bottom: 1px solid #ffcc99;
}


/* ссылки в посте */
.entry-content a {
	color: #0066cc;
	border-bottom: 1px solid #0066cc;
	text-decoration: none;
}

.entry-content a:visited {
	color: #663366;
	border-bottom: 1px solid #663366;
	text-decoration: none;
}

.entry-content a:hover,
.entry-content a:focus {
	color: #ff3300;
	border-bottom: 1px solid #ff3300;
	text-decoration: none;
}

/* ссылки в сайдбаре */
.widget-area .widget a {
	color: #003366;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
}

.widget-area .widget a:visited {
	color: #003366;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
}

.widget-area .widget a:hover,
.widget-area .widget a:focus {
	color: #ff3300;
	border-bottom: 1px solid #ffcc99;
	text-decoration: none;
}

/* заголовки в сайдбаре */
.widget-area .widget h3 {
	color: #660000;
}

/* ссылка на рубрику */
.comments-link a,
.entry-meta a {
	color: #0066cc;
	border-bottom: 1px solid #0066cc;
	text-decoration: none;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #ff3300;
	border-bottom: 1px solid #ff3300;
	text-decoration: none;
}

/* Footer */
footer[role="contentinfo"] {
	text-align: center;
}

/* ссылка в сайдбаре на главной странице */
.template-front-page .widget-area .widget li a {
	color: #003366;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
}
.template-front-page .widget-area .widget li a:hover {
	color: #ff3300;
	border-bottom: 1px solid #ffcc99;
	text-decoration: none;
}



/* имена комментаторов жирным */
.comments-area cite b {
	font-weight: bold;
}

/* удаляю Ваш комментарий ожидает проверки */
.comment-awaiting-moderation {display: none;}


/* удаляю комментарии закрыты */
.nocomments {display: none;}


/* удаляю над формой комментов ваш e-mail не будет опубликован обязательные поля помечены */
.comment-notes {display: none;}



/* увеличиваю размер шрифта в посте */

.entry-content {
	font-size: 115%;
}

/* удаляю ссылку в cforms */
.linklove {display: none;}


/* увеличиваю размер шрифта в заголовках постов и расстояние от двойной линии до заголовков в списке записей */
.entry-header .entry-title {
	font-size: 1.97143rem;
	text-align: center;
	margin-top: 30px;
}


/* увеличиваю размер шрифта в подзаголовках h2 в постах и добавляю доп правила */
.entry-content h2 {
	font-size: 1.68571rem;
	background: #f7f7f7;
	padding-left: 5px;
	margin-top: 45px;
	text-align: center;
}

/* увеличиваю размер шрифта в подзаголовках h3 в постах */
.entry-content h3 {
	font-size: 1.34286rem;
}

/* добавляю вертикальную черту слева для цитаты */
.entry-content blockquote p:last-child {
	border-left: 4px solid #e5e5e5;
	padding-left: 15px;
}


/* уменьшаю расстояние от конца поста до области комментариев */
.site-content article {
	margin-bottom: 0.14286rem;
}

/* правила для соц кнопок */
#soc-knopki {
	margin-bottom: 1.14286rem;
}

/* уменьшаю расстояние от имени комментатора до его коммента */
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 1.428571429rem;
}


/* правила для похожих постов */
#pohogposty {
	margin-bottom: 3.14286rem;
}

#pohogposty a {
	color: #0066cc;
	border-bottom: 1px solid #0066cc;
	text-decoration: none;
}

#pohogposty a:visited {
	color: #663366;
	border-bottom: 1px solid #663366;
	text-decoration: none;
}

#pohogposty a:hover,
#pohogposty a:focus {
	color: #ff3300;
	border-bottom: 1px solid #ff3300;
	text-decoration: none;
}

#pohogposty h3 {
	margin-bottom: 24px;
	margin-bottom: 0.714285714rem;
	font-size: 1.14286rem;
}

#pohogposty li {
	font-size: 14px;
	font-size: 0.998571429rem;
	line-height: 1.846153846;
	list-style-type: disc;
	list-style-position: inside;
}

/* чтобы старая форма подписки смарта отображалась в посте корректно */

.entry-content td,
.comment-content td {
	border-top: 0px solid #ededed;
}

.entry-content table,
.comment-content table {
	border-bottom: 0px solid #ededed;
}

caption,
th,
td {
	text-align: center;
}

/* чтобы в комментах возле моего имени не отображалось Автор записи */
.comments-area .bypostauthor cite span {display: none;}

/*  Разбить текст на 2 колонки  */
#column1, #column2{float:left; width:48%; text-align:justify}
#column2{margin-left:4%}

@media only screen and (max-width:768px) {
#column1,#column2{float:left;width:100%;text-align:justify}
#column1{margin-bottom:3%}
#column2{margin:0}
}

/* Цвет и размер текста на кнопках */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	font-size: 11px;
	font-size: 0.985714286rem;
	color: #333;
}

/* Для текста перед заголовком записи */
.pered-zagolovkom {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #660000;
	font-size: 13px;
	font-size: 0.998571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
font-weight: bold;
}

.pered-zagolovkom a {
	color: #0066cc;
	border-bottom: 1px solid #0066cc;
	text-decoration: none;
}

.pered-zagolovkom a:hover,
.pered-zagolovkom a:focus {
	color: #ff3300;
	border-bottom: 1px solid #ff3300;
	text-decoration: none;
}

/* Для текста после поста */
.posle-posta {
	border-top: 0px double #ededed;
	border-bottom: 0px double #ededed;
	color: #660000;
	font-size: 13px;
	font-size: 0.998571429rem;
	line-height: 1.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
font-weight: bold;
}

.posle-posta a {
	color: #0066cc;
	border-bottom: 1px solid #0066cc;
	text-decoration: none;
}

.posle-posta a:hover,
.posle-posta a:focus {
	color: #ff3300;
	border-bottom: 1px solid #ff3300;
	text-decoration: none;
}

/* Для картинки в сайдбаре */
.block-img{
text-align: center;
}

.widget img{
border-radius: none;
box-shadow: none;
}

/* Уменьшаю расстояние от верха шапки до верхнего конца тела сайта */
.site-header {
	padding: 24px 0;
	padding: 0.714285714rem 0;
}

.sub-active {
	text-align: center;
	font-weight: bold;
	margin-bottom: 24px;
	margin-bottom: 0.714285714rem;
}

/* Число комментариев после заголовка поста */
.entry-header .comments-link {
	text-align: center;
}

/* Моя форма поиска */
#my-search {
	text-align: center;
	margin-top: 10px;
}


/* Заголовок в архиве рубрики */
.archive-title,
.page-title {
	text-align: center;
}

/* Новые сайдбары в футере */
#footer-sidebar {
display:block;
}

#footer-sidebar1 {
float: left;
width: 30%;
margin-left:5px;
margin-right:5px;
}

#footer-sidebar2 {
float: left;
width: 30%;
margin-right:5px;
}

#footer-sidebar3 {
float: left;
width: 30%;
}