/*  
Theme Name: History of Blog
Theme URI: http://history-of-blog.ru/
Description: История одного блога
Version: 3.0
Author: Anton krasnov
Author URI: /history-of-blog.ru
*/

@charset "utf-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 150%;
	font-family: 'PTSansRegular', 'Verdana';  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 17px;
	color:#4C4C4C; 
	background: #f1f1f1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::selection {
background: #36c;
color: white;
}
::-moz-selection {
background: #36c;
color: white;
}	

@font-face {
    font-family: 'PTSansRegular'; /* Гарнитура шрифта */
    src: url('./fonts/ptsans/PTSansRegular/PTSansRegular.eot') format('eot'),
		 url('./fonts/ptsans/PTSansRegular/PTSansRegular.ttf') format('truetype'),
		 url('./fonts/ptsans/PTSansRegular/PTSansRegular.woff') format('woff');
   }
@font-face {
    font-family: 'PTSansBold'; /* Гарнитура шрифта */
    src: url('./fonts/ptsans/PTSansBold/PTSansBold.eot') format('eot'),
		 url('./fonts/ptsans/PTSansBold/PTSansBold.ttf') format('truetype'),
		 url('./fonts/ptsans/PTSansBold/PTSansBold.woff') format('woff');
   }
a {
	color: #36c;
}
a:hover {
	color: #000;
}
b, strong {
	font-family: 'PTSansBold';
}
.clear {
	clear: both;
}
p img {
max-width:100%;
height:auto;
}
/* Верхнее меню */
.top-main_menu { 
	background: #fff;
	width: 100%;
	min-width: 226px;
	height: 50px;
	z-index: 1000;
	line-height: 50px;
}
.all-wrap, .all {
	max-width: 960px;
	padding: 0 0;
	margin: 0px auto; 
	min-width: 336px;
}
/* Слити внутреннего блока меню */
ul.top-menu {
	float:left;
 }
.top-menu li {
 	display: inline-block;
 }	
/* Слити внутренних блоков меню */
.top-menu a{
	display: block;
	color: #157ABA;
 	margin: 0px 10px 0 10px;
 	text-decoration: none;
 	text-align: center;
 	font-size: 18px;
}
.top-menu a:hover {
 	color: #000;
}
.logo_top {
	float:left;
} 	
.glav {
	float:left;
}
.glav a img {
	padding: 7px 15px 0 15px;
	width: 70px;
	opacity: 0.9;
}
.glav a img:hover {
	opacity: 1;
}
/* Яндекс поиск */	

#yandex-poisk { 
  padding: 0px 5px 0px 0; 
  float: right;
  width: 290px; 
  height: 50px;
  overflow: hidden;
}
.ya-site-form__submit {
	padding: 0px 10px 0px;
	background: url(images/poisk.png) no-repeat !important;
	width: 34px !important;
	height: 30px !important;
}
#yandex-poisk-str { 
  margin-top:0px;
}
.ya-site-form__search-input {
	padding:2px !important;
}

/* Шапка */	
.header{
	height: 80px;
}	
.header_inner {
	position:relative;
	max-width: 960px;
    padding: 0;
	margin: 0 auto;
}

/* Общая колонка контента */	
.content{
	float: left; 
}
/* Слити постов */							
.posts{
	width: 540px;
	padding: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: #fff;
}
/* Слити постов */							
.posts_width_100{
	width: 960px;
}
/* Миниатюра */
.wp-post-image {
	margin: -20px -20px 15px;
	width: 580px !important;
	height: 250px;
}
.posts a .wp-post-image {
	opacity: 0.9;
}
.posts a:hover .wp-post-image {
	opacity: 1;
}
.posts p {
	margin-bottom: 20px; 
	line-height: 170%;
}
a.gopost {
	text-decoration: none;
}
.posts h2 a {
	font: 19px 'PTSansBold';
	color: #36c; 
	text-decoration: none;
	border-bottom: 1px solid #36c; 
}
.posts h2 a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}
.meta_info {
	background: #f1f1f1;
	padding: 10px 20px;
	overflow: hidden;
}
.data-posta {
	float:left;
}	
.commenty {
	float: right;
	margin-left: 20px;
}
/* Шрифты в постах */	  
.posts h2 { 
    text-align: left;
    margin-bottom: 15px;
    clear: both;
    font: 20px 'PTSansBold';
}
.meta_info a {
	border-bottom: none;
	text-decoration: none;
}
.meta_info a:hover {
	border-bottom: none;
	border-bottom: 1px solid #000;
}

/* Сайдбар */	
.sidebar { 
    width: 296px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
}

/* Обновления */	
.obnovleniya {
	margin: 0px -20px 15px;
	overflow: hidden;
}
.obnovleniya h2 {
    font: 19px 'PTSansBold';
    padding: 0 0 10px 20px;
}
.obnovleniya a img {
	opacity: 0.9;
	float: left;
}
.obnovleniya a:hover img {
	opacity: 1;
}
.obnovleniya form {
	float:left;
	width: 296px;
}
.obnovleniya form input.vash-e-mail {
	outline: none;
	border: 0;
	font: 16px 'PTSansRegular';
	width: 170px;
	background: #f2f2f2;
	float: left;
	line-height: 40px;
	height: 40px;
	padding: 0 0 0 10px;
}
.obnovleniya form input.poluc {
	outline: none;
	border: 0;
	font: 17px 'PTSansBold';
	line-height: 40px;
	height: 40px;
	cursor: pointer;
	background: #36c;
	color: #fff;
	width: 116px;
	transition: 0.2s linear;
}
.obnovleniya form input.poluc:hover {
	background: #000;
}
.razdel {
	margin: 0px -20px 15px;
	overflow: hidden;
}
.razdel h2 {
    font: 19px 'PTSansBold';
    padding: 0 0 10px 20px;
}
ul.spiski {
	list-style:none; line-height: 90%;
}
ul.spiski a {
	text-decoration:none; 
}
ul.spiski a:hover {
	text-decoration:none; 
}
ul.spiski li:last-child {
	border-bottom: none;
}
ul.spiski li:nth-child(2n) {
	background: url(images/bullet_blue.png) no-repeat #f9f9f9;
	background-position: 20px 8px;
}
li.cat-item {
	list-style: none;
	padding: 8px 0px 8px 40px;
	background: url(images/bullet_blue.png) no-repeat;
	background-position: 20px 8px;
	border-bottom: 1px solid #eee;
}
/* Пагинация */
.navigation {
	font-family: 'PTSansRegular';  
	text-align:center; 
	margin: 30px 0; 
	font-size: 19px;
	background: #fff;
}
a.page-numbers {
	text-decoration: none;
	display: inline-block;
	color: #36c;
	padding: 7px 10px;
}
a:hover.page-numbers{
	background: #36c;
	color: #fff; 
	text-decoration:none; 
	border:none;
}
span.page-numbers.current {
	background: #36c;
	color:#fff;
	display: inline-block; 
	font-weight:bold;
	padding: 7px 10px;
}

/* Подвал */	
.footer_new {
	clear: both;
	overflow: hidden;
	margin-top: 40px; 
	padding: 20px 0;
	position: relative;
	z-index:10;
	background: #f9f9f9;
	color: #000;
}
.footer_new_block_all {
	overflow: hidden;
}
.footer_new_block {
	width: 290px;
	overflow: hidden;
	float: left;
}
.footer_new_block ul li {
	line-height: 130%;
}
.footer_new_block_middle {
	margin: 0 33px;
}
.footer_new_block img.about_avtor_img {
	float: left;
}
.footer_new_block .about_avtor {
	margin-left: 120px;
}
.footer_new_block h2 {
    font: 19px 'PTSansBold';
    padding: 0 0 10px 15px;
}
.footer_new_block li.cat-item {
	list-style: none;
	padding: 8px 0px 8px 10px;
	background: none;
	border-bottom: 1px solid #f4f4f4;
}
.footer_new_block ul.spiski li:nth-child(2n) {
	background: #eee;
}
.footer_new_block ul.spiski li.about {
	background: #fff;
	margin-top: 5px;
}
/* Копирайтинг в подвале */	
.copyright {
	clear: both;
	overflow: hidden;
	border-top: 2px solid #eee;
	padding: 25px 0 20px;
	margin-top: 40px;
	line-height: 130%;
}
.copyright .cpy {
	float: left;
}

/* Счетчик в подвале */	
.liv {
	width:88px;
	float: right;
}

/* Хлебные крошки */	
#crumbs {
  font-size: 14px;
  padding: 20px 20px;
  line-height: 180%;
  background: #f1f1f1;
  max-width: 540px;
}	
#crumbs a {
	font-family: 'PTSansBold';
}
.nazvaniye h2{
    font: 19px 'PTSansBold';
}
a.rega {
	background: #36c;
    background: url('http://history-of-blog.ru/img/link.png') 22px 12px no-repeat #36c;
    background-size: 30px;
    color: #fff;
    padding: 16px 25px 15px 70px;
    font: 19px 'PTSansBold';
    border-bottom: none;
    text-decoration: none;
    display: block;
    line-height: 130%;
    transition: 0.2s linear;
    margin: 0 -20px;
}
a.rega:hover {
	background: url('http://history-of-blog.ru/img/link.png') 22px 12px no-repeat #000;
	background-size: 30px;
}
a.rega_red {
	background: #36c;
    background: url('http://history-of-blog.ru/img/link.png') 22px 12px no-repeat #c33;
    background-size: 30px;
    color: #fff;
    padding: 16px 25px 15px 70px;
    font: 19px 'PTSansBold';
    border-bottom: none;
    text-decoration: none;
    display: block;
    line-height: 130%;
    transition: 0.2s linear;
    margin: 0 -20px;
}
a.rega_red:hover {
	background: url('http://history-of-blog.ru/img/link.png') 22px 12px no-repeat #000;
	background-size: 30px;
}

.size-full {
	max-width:100%;
	height: auto;
}
.posts h3{
	margin-bottom: 15px;
	font: 18px 'PTSansBold';
}
.meta_single {
	float: left;
	margin-left: -20px;
	width: 210px;
}
.meta_single ul {
    margin: 0px;
    padding: 0px;
}
.meta_single ul li {
	background: #fff;
    border: 0;
    padding: 12px 5px 8px 50px;
    margin-bottom: 15px;
    min-height: 20px;
}
.meta_single ul li.date {
	background: url('http://history-of-blog.ru/img/date.png') left top no-repeat #f2f2f2;
}
.meta_single ul li.rubr {
	background: url('http://history-of-blog.ru/img/rubr.png') left top no-repeat #f2f2f2;
}
.meta_single ul li.rev {
	background: url('http://history-of-blog.ru/img/rev.png') left top no-repeat #f2f2f2;
}
/* Кнопка наверх */
#toTop {
	background: url('http://history-of-blog.ru/img/top.png') left top no-repeat #f2f2f2;
	width: 40px;
	height: 40px;
	z-index: 1000;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	text-decoration: none;
	opacity: 0.3;
}
#toTop:hover {
	opacity: 1;
	transition: 0.2s linear;
}
.prim {
    margin: 0 -20px 15px;
    line-height: 170%;
    padding: 10px 20px;
    border-bottom: aliceblue;
    background: #fffbf7;
}
/* Соц.кнопки внизу */
.knopki-bottom {
	overflow: hidden;
    position: relative;
    clear: both;
    margin: 10px 0;
    padding: 17px 20px 10px;
    background: #f1f1f1;
    text-align: center;
}
.sample-posts {
    position: relative;
    padding: 20px 20px 10px;
    margin-bottom: 20px;
    clear: both;
    background: #f1f1f1;
    font-size: 17px;
}
.posts ul, .sample-posts ul {
    list-style: none;
    margin: 0px 0px 15px;
    padding: 0px 0 0px 0;
}
.posts li, .sample-posts li {
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 10px 10px 25px;
    background: url(images/li-punkt.png) no-repeat;
    background-position: 5px 18px;
    line-height: 150%;
}
.posts li:last-child, .sample-posts li:last-child{
	border-bottom: none;
}    
.posts li, .sample-posts li a {
	text-decoration: none;
}
/* Комментарии - все остальное */
.comm_vk {
    background: url('http://history-of-blog.ru/img/rev.png') left top no-repeat #f2f2f2;
    margin: 0 0 0 -20px;
    line-height: 40px;
    height: 40px;
    padding-left: 50px;
}
#comments {
	background: url('http://history-of-blog.ru/img/rev.png') left top no-repeat #f2f2f2;
    margin: 0 0 20px -20px;
    line-height: 150%;
    padding: 10px 20px 10px 50px;
}
.comments{

}
ul.commentlist {
    list-style: none;
    margin: 0 -20px 0;
    border-bottom: 1px solid #eee;
}
ul.commentlist:nth-child(2n) {
	background: #F4F4F4;
}
li.comment {
    overflow: hidden;
    padding: 0;
    background: none;
} 	
li.comment p {
    margin: 0 0 0 80px;
    font-size: 15px;
}
ul.children {
	margin: 0 0 0 10px;
} 	
.imya {
    color: #333;
    font-family: 'PTSansBold';
    padding-bottom: 15px;
}
.imya a {
	
}
.imya a:hover{
	
}		
.imya span{
	font-size: 13px; 
	font-family: 'PTSansRegular', 'Verdana';
}
.pcom {
    padding: 20px 20px;
    background: #fff;
    overflow: hidden;
}
.avtor {
	width:60px; 
	float:left;
}
.avatar {
    border: 1px ridge #eee;
    padding: 2px;
}
.comment-author-admin .pcom {
    background: #fffbec;
    color: #000;
}
.reply {
    clear: both;
    text-align: center;
    margin: 8px 14px 0 0;
    background: url(images/otvet.png) no-repeat 72px 3px;
    padding: 10px 30px 7px 10px;
    float: right;
    font-size: 15px;
}
.reply a {
	text-decoration: none;
}
#respond {
    padding: 40px 30px 10px;
    background: #f9f9f9;
    margin: 0 -20px;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
}
ul.commentlist #respond {
	padding: 40px 50px 10px;
}
#commentform {

}
#avtoriz {
    text-align: center;
    margin-bottom: 10px;
}
#comment {
    height: 120px;
    width: 90%;
    display: block;
    margin: 10px auto 20px;
    border: 1px solid #999;
    padding: 10px;
    background: #fff;
    outline: none;
}
#comment:focus {
	border: 1px solid #666;
}
.submit {
    float: right;
    cursor: pointer;
    border: none;
    padding: 0 20px;
    font: 17px 'PTSansBold';
    height: 40px;
    line-height: 40px;
    background: #36c;
    color: #fff;
    outline: none;
    transition: 0.2s linear;
}
.submit:hover {
	background: #000;
}
/* Подписаться на комментарии */		
li.comment .podpis p {
	margin: 0;	
}
.subscribe-to-comments {
	float:left; 
}		
#cancel-comment-reply-link {
    clear: both;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    background: url(images/otvet.png) no-repeat 118px 3px;
    padding: 10px 28px 7px 10px;
    font-size: 15px;
    float: right;
    text-decoration: none;
}
#polya {
    overflow: hidden;
}
#polya input {
	padding: 5px 10px;
	width: 200px;
	margin: 0 0 20px 15px;
	clear: both;
}
.author {

}
.email {

}
.url-1 {

}

#author {
	float:left; width:100%;
	border:1px solid #999;
	background: #fff;
}
#author:focus {
	border: 1px solid #666;
}
#email {
	float:left; width:100%; 
	border:1px solid #999;
	background: #fff;
}
#email:focus {
	border: 1px solid #666;
}
#url-1 {
	float:left; width:100%;
	border:1px solid #999;
	background: #fff;
}
#url-1:focus {
	border: 1px solid #666;
}			  

.content blockquote {
    margin: 15px -20px 15px;
    padding: 20px 20px 10px 40px;
    background: url(images/citata.png) no-repeat left top #edf8ff;
    background-position: 10px 15px;
    color: #666;
    font-style: italic;
}

ul.cifry li{
	background: none;
    float: left;
    margin: 0 20px 0 -20px;
    padding: 0;
}
ul.cifry li span{
    display: block;
    text-align: center;
    padding: 12px 20px 8px 20px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}
ul.cifry li span.red {
  background: #D74444;
  color: #fff;
}
ul.cifry li span.green {
  background: #7FD744;
  color: #fff;
}
ul.cifry li span.purpur {
  background: #CE44D7;
  color: #fff;
}
.po-statiya {
	margin: 15px -20px 20px;
    padding: 25px 15px 15px 70px;
    background: url(images/po-statiya.png) no-repeat #f8f8f8;
    background-position: 12px 10px;
    min-height: 30px;
    font-size: 17px;
}

.mini-banner {
	width: 210px; 
	height: 155px;
}
.top_adsense {
	width: 336px; 
	display: block; 
	float: right; 
	margin: 0 0 15px 10px;
}
a.widjets_link {
	display: block;
	margin: 0 0 0px;
	text-decoration: none;
	background: #eee;
	transition: 0.2s linear;
	overflow: hidden;
}

a.widjets_link:hover {
	transition: 0.2s linear;
}
a.widjets_link img {
	width: 100%;
	display: none;
}
a.widjets_link:hover img {
	display: block;
}
a.widjets_link p {
    padding: 10px 10px 10px 48px;
    background: url('http://history-of-blog.ru/img/link2.png') 10px 9px no-repeat #fff;
    background-size: 22px;
    color: #36c;
    font: 17px 'PTSansBold';
    transition: 0.2s linear;
    border-bottom: 1px solid #eee;
}
a.widjets_link2 p {
	background: url('http://history-of-blog.ru/img/link2.png') 10px 9px no-repeat #f9f9f9;
	background-size: 22px;
	color: #36c;
}
a.widjets_link:hover p {
	background: url('http://history-of-blog.ru/img/link.png') 10px 9px no-repeat #36c;
	background-size: 22px;
	transition: 0.2s linear;
	color: #fff;
	border-bottom: 1px solid #36c;
}


.sticky {
    position: fixed;
    z-index: 101;
}
.stop {
    position: relative;
    z-index: 101;
}

#aside1 {
	background: #fff;
	margin: 0 -20px;
	padding: 10px 20px 0;
}
.dlyasb {
	margin:0px 10px 0 20px;
	overflow:hidden;
	color:#5A5A5A;
	line-height: 130%;w
}
.dlyasb span {
display: block;
    margin: 0px 10px 10px 85px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.dlyasb img {
	float:left;
	padding-top:3px;
}
.dlyasb b {
font-size:16px;
padding-bottom:3px;
}
.dlyasb a {
    color: #36c;
}

/* Стили для картинок */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	/*clear: both;*/
	display: block;
	margin:10px auto;
}
.img-left {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.img-right {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.img-center {
	clear: both;
	display: block;
	margin:10px auto;
}
.twitter {
	float:left; width:120px; 
}
.facebook {
	float:left; width:140px; 
}
.vk {
	float:left; width:160px; 
}
.plus-one {
	float:left; width:80px; 
}
.bot_adsense {
	margin:0 -20px;
}
.sidebar_adsense {
	    margin: -20px -20px 20px;
}

.progress-bar {
        background-color: #f2f2f2;
        height: 35px;
        padding: 0;
        margin: 20px 0px;
}

.progress-bar span {
        display: inline-block;
        height: 35px;
        -webkit-transition: width .4s ease-in-out;
        -moz-transition: width .4s ease-in-out;
        -ms-transition: width .4s ease-in-out;
        -o-transition: width .4s ease-in-out;
        transition: width .4s ease-in-out;
}

/*Цвета и градиеты*/
.blue span {
        background-color: #2f61c5;
}

.orange span {
          background-color: #fecf23;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
          background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
          background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
          background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
          background-image: -o-linear-gradient(top, #fecf23, #fd9215);
          background-image: linear-gradient(top, #fecf23, #fd9215);
}       

.green span {
          background-color: #a5df41;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
          background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
          background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
          background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
          background-image: -o-linear-gradient(top, #a5df41, #4ca916);
          background-image: linear-gradient(top, #a5df41, #4ca916);
}

/*Полоски*/
.stripes span {
        background-size: 50px 50px;
        background-image: linear-gradient(135deg, #3366cc 25%, transparent 25%,
                                                transparent 50%, #3366cc 50%, #3366cc 75%,
                                                transparent 75%, transparent);            

        -webkit-animation: animate-stripes 3s linear infinite;
        -moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
        0% {background-position: 0 0;} 100% {background-position: 50px 0;}
}

@-moz-keyframes animate-stripes {
        0% {background-position: 0 0;} 100% {background-position: 50px 0;}
}

/*Мои стили*/
.persent_prgress {
  background: #3366cc;
  border-right: 2px solid #4d7ddc;
  float: left;
display:block;
  color: #fff;
  height: 35px;
}
.persent_prgress p {
  line-height: 35px;
  padding: 0 10px;
}
a.spoiler-tgl.collapsed {
    background-position: 3px -34px !important;
text-decoration:none;
}
a.spoiler-tgl {
background-position: 3px 6px !important;
}

div.spoiler-body {
margin:0 -20px 20px !important;
padding:10px 20px 15px !important;
    background: #f9f9f9;
}