/*
Theme Name: PCSECRETS 6.0
Author: Andrey Sukhov
Author URI: http://pcsecrets.ru
Description: Тема видеоблога Андрея Сухова
Version: 4.0
*/

html, body {margin: 0 !important; padding: 0 !important;}
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%;
	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: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: rgba(0, 0, 0, 0) url("image/bg.png") repeat scroll 0 0;}
html, body{ overflow-x: hidden; }
h3 {
    color: #444444;
    font-family: "Lora",serif;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 10px;
}
h4 {
    color: #444444;
    font-family: "Lora",serif;
    font-size: 17px;
    font-weight: bold;
    margin: 20px 0 10px;
}
.mainbottom h2 {
    font-family: "Lora",serif;
    font-size: 27px;
    font-weight: bold;
    margin: 35px 0 15px;
    border-bottom: 2px solid #444;
    padding-bottom: 7px;
    color: #333;
}
a, a:visited {color: #01abbf;}
a:hover {color: #f05924;}

#container {
	background:#FFF;
	min-width: 800px;
	max-width: 1020px; 
	margin:20px auto;}
	

#header {
	width:1020px; 
	height:195px;
	background: url(image/header.png) no-repeat; 
	background-size: cover;
	margin:0;
	padding:0;	}

#top_menu{padding-top: 125px;}

.menu {	
    font-family: "Lora",serif;
	font-size:25px;
	color:#fff;
	margin-top:27px;
	margin-bottom:0;
	padding-left:40px;
	position: relative;}

.menu ul{margin:0; padding:0;}

.menu li {
	display: inline; 
	padding:0 13px 17px 13px;
	margin-left:1px;
	}
	
	

.menu a, .menu a:visited {
	color: #fff;
	text-decoration: none;
}
.menu a:hover {	color: #fff; text-decoration: underline;}

#wrapper { 
	width:780px;
	float: left;}
#wrap{overflow:hidden;}
#content{ margin:15px;}

.blog_post {
	border:2px solid #01abbf;
	margin-bottom: 15px;}
	
	
.blog_post p, .blog_post ul, .blog_post ol{	
 /*   font-family: "Lora",serif;
    font-size: 16px;
    line-height: 1.3em;*/
	color: #222222;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 24px;
    margin: 0 0 10px;
    text-align: justify;
}

.blog_post ul{ 
	margin-left:40px;
	list-style: square outside; 
}
.blog_post ul li, .blog_post ol li {margin: 10px 0;}	
.blog_post ol{ 
	margin-left:40px;
	list-style-type: decimal;
}

blockquote {
	background: #FAFAC4;
    border:1px dotted #999999;
    padding: 10px 15px;
    margin: 10px auto;
}
blockquote p {
    margin: 0 !important;
    padding: 0 !important;
}


.maintop {}

.maintop_img {
	height:30px;
	width:30px;
	margin-left:10px;
	padding:0;
	background:url(image/video.png);
	float:left;
}

.maintop_title {
	background-color:#01abbf;
	height: 33px;}

.maintop_title h1 /*, .maintop_title h2*/ { 
	margin:0; 
	padding: 4px 0 0 50px;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight: normal;
	color:#FFFFFF;
}

.maintop_title .titleh1 {padding: 4px 0 0 50px; }
.maintop_title .titleh1 a /*, .maintop_title h2 a*/ {
	color:#FFFFFF;
	text-decoration:none;
    margin:0; 
    padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight: normal;
}
.maintop_title .titleh1 a:hover /* , .maintop_title h2 a:hover */ { text-decoration: underline; color:#FFFFFF;}

.more-link{
	font-family: "Lora",serif;
    border: 2px solid #01abbf;
    display: block;
    font-size: 17px;
    font-weight: normal;
	margin: 10px 0 0 560px;
    padding: 2px 10px;
    text-decoration: none;
	width: 110px;
	}

a.more-link:hover{
    background: #01abbf;
	color: #fff;
}


.under_header {
    border-bottom: 2px solid #01abbf;
    color: #01abbf;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0;
	line-height:15px;
	 height: 15px;}
	
.data_post{
	float: left;
    margin-left: 20px;
}
.read_comment{
    float: right;
    margin-right: 20px;}
	
.read_comment a { text-decoration: none;}

.post_down, .mainbottom { padding:10px 25px;}

.post_down > p:first-child > img{
	border: 2px solid #01abbf;
	margin: 5px 20px 3px 0;
    float: left;
    width: 300px;
}

/* .mainbottom div:first-child + p > img - с рекламой code#2 */

.mainbottom > p:first-child > img{
	border: 2px solid #01abbf;
	margin: 5px 20px 3px 0;
    float: left;
    width: 300px;
}

.title_post {margin: 20px 0px 0 0px;}


#sidebar-right {
    float: left;
    margin: 15px 15px 0 0;
    width: 225px;
}

#gosearch{
	border: 2px solid #01abbf;
	margin:0;
	padding:0;
	background:#01abbf;}
	
#gosearch .search2{
    border-bottom: 2px solid #fff;
    color: #ffffff;
    font-family: "Times New Roman",Times,serif;
    font-size: 22px;
    font-weight: normal;
    margin: 0 10px;
    padding: 4px 7px;
}

#gosearch #img_search { 
	background: rgba(0, 0, 0, 0) url("image/search.png") repeat scroll 0 0;
	width:15px;
	height:15px;
	display: inline-block;
	margin: 0 10px 0 0;
	}
#text_search{
    color: #ffffff;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
	margin: 10px 10px 0;
	text-align: center;
	letter-spacing: -0.1px;
	line-height: 1.4em;
}
	
.sidebar {
	/*margin: 20px 0 0;*/
	padding:0;
	/*background:#fff;
	border: 2px solid #01abbf;*/
}


/*==================================================
 * Effects
 * ===============================================*/

.effect8
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    border-radius:100px / 10px;
} 
.effect8:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}
  


/* --- START copyright and footmenu--- */
#footer {
	background-color:#f05924;	
	margin:15px 0 0 0;
	padding:0;
	height:150px;
	}
	
#footer_img{
	width:197px; 
	height:150px;
	background: url(image/footer.png) no-repeat; 
	display: inline-block;
}

#subscribe  {
	padding:12px 0 0 0;
	margin:0; 
	width:330px;
	display: inline-block;
	vertical-align: top;
	}

.discr_subs {
    color: #fff;
    font-family: "PT Sans",sans-serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1em;
	text-align: center;
}
	
.sr-box-list1 { 
	margin:0;
	padding:0;
	width:350px;}
	
.sr-box-list1 li{
	display: inline-block;
}	
.subs-form-pc {
	margin: 18px 0 0 13px;
}

.sr-required {
    border: 2px solid #fff;
    color: #444;
  
    font-size: 12px;
    height: 20px;
    text-align: center;
	width: 165px;}

.button4 {
	border:2px solid #fff;
	background-color:#f05924;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size:13px;
	letter-spacing:0px;
    margin-left: 10px;
    padding: 2px 15px;
}	

.button4:hover {
	background-color:#fff;
	color: #f05924;
}	


#footmenu {
    display: inline-block;
    margin: 7px 0 0 50px;
    padding: 5px 0 0;
    text-align: center;
    vertical-align: top;
    width: 460px;
}

#footmenu p{
	color:#ffffff; 
	font-family: Arial; 
	text-align:center;
	margin:0; padding:0;
}

.socbut {
margin: 8px 0 0 !important;
padding: 0 !important;
}
.socbut li {
	display: inline;
	padding:0 3px;
	margin:0;
}
.socbut li img { width:40px;}
.bottom_menu{ margin: 10px 0 5px;}
.bottom_menu .menu{	
	font-family: Tahoma;
    font-size: 12px;
	color:#fff;
}

.bottom_menu ul.menu {
	margin:0 !important; 
	padding:0 !important;}

.bottom_menu .menu li {
    border-right: 1px solid #fff;
    display: inline;
    margin: 0;
	padding: 0 10px 0 5px;}
	
#menu-item-7505 {border: none;}	 /* последний элемент нижнего меню*/

.bottom_menu .menu li a, .bottom_menu .menu li a:visited {
	color: #fff;
	text-decoration: none;
}
.bottom_menu .menu li a:hover {
		color: #fff;
		text-decoration: underline;
		}
/* --- END copyright and footmenu--- */


.menu .sub-menu li {
    display: block;
	width:185px;
}

.sub-menu {
	display:none;
	z-index:9999;
}

.sub-menu > .menu-item-has-children {
    display: inline-block !important;
    vertical-align: top;
}

.menu > .menu-item-has-children > .sub-menu {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #01abbf;
    border-radius: 0 0 10px 10px;
    display: none;
    left: 2px;
    position: absolute;
    top: 45px;
    /* width: 660px; */
    opacity: 0.95;
	padding:15px;
	z-index:9999;
}

.sub-menu > .menu-item-has-children > a,
.sub-menu > .menu-item-has-children > a:hover {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
	color:#01abbf;
}

.sub-menu .sub-menu{
	margin:0 0 0 0px;
	padding:0;
	color:#01abbf;
}

.sub-menu .sub-menu li {
	margin:5px 0;
	padding:0;
	color:#01abbf;
	line-height: 14px;
}

.sub-menu a, .sub-menu a:hover, .sub-menu a:visited {
	font-size: 13px;
  	color:#01abbf;
}


.menu li:hover .sub-menu{ display:block;}
#footmenu > div p {
    line-height: 16px;
}
.slide{position:fixed; top:35px;}


.item {
    text-align: center;
}
.item a, .slider .item a:visited,  .item a:hover {border: none; }
.item a img {
    width:225px;
    margin-top: 10px;
}

.popmake-content img {display: block;}

.blog_post img, .blog_post iframe, .blog_post object {
	margin:15px auto;
	display: block;
}
.blog_post img
{
    max-width: 690px;
    height: auto;}


/* PAGE NAVI */
.wp-pagenavi {
	margin:30px 0 0 0;
    font-family: "Lora",serif;
    font-size: 18px;
    font-weight: bold;
	
}

.wp-pagenavi a {
    border: 2px solid #01abbf !important;
    margin: 2px;
    padding: 3px 5px;
    text-decoration: none;
}

.wp-pagenavi span {
    border: none !important;
    margin: 2px;
    padding: 3px 5px;
    text-decoration: none;
	color:#333;
}

.wp-pagenavi span.current {
	border: 2px solid #01abbf !important;
	background: #01abbf;
    margin: 2px;
    padding: 3px 5px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

/* поиск гугл - позиционирование заголовка*/

.gsc-control-cse div {
    text-align: left !important;
}



.blog_post .mainbottom .google-auto-placed {padding-bottom:20px !important;}
/* похожие заметки*/

.yarpp-related > div {
	background:#01abbf !important;
    margin: 30px -25px !important;
    padding: 5px 20px !important;
	border: none !important;
}

.yarpp-related > div .yarph3{
    color: #fff;
    font-family: "Lora",serif;
    font-size: 25px;
    font-weight: bold;
    margin: 10px 0;	
	text-align: center;
    text-transform: none !important; 
    padding-left:15px !important;
}

.yarpp-related > div ol{ margin: 10px 0 15px 130px; list-style: square outside; }

.yarpp-related > div ol li{
	color:#fff;
	
	margin: 5px 0;
	}
.yarpp-related > div ol li a{
    color: #fff;
    font-family: "Lora",serif;
    font-size: 17px;
    font-weight: normal;
}

.yarpp-related > div ol li a:hover{ text-decoration: underline;}


.page-style {
	margin:0;
	padding:15px;}
	
	
.page-style p, .page-style ul{	
   /* color: #333;
    font-family: "Lora",serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3em;
    margin: 10px 0;
    text-align: justify;*/
	
	
	color: #222222;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 24px;
    margin: 0 0 10px;
    text-align: justify;
}

.page-style ul{ 
	margin-left:40px;
	list-style: square outside; 
}
.page-style ul li {margin: 10px 0;}	

.page-style h2 {
    color: #333;
    font-family: "Lora",serif;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
}

 @media only screen and (max-width: 801px) {
	 #footer {
text-align:center;
    height: auto;

}
#footmenu {
    border-left: medium none;

    margin: 7px 0 0;

}
	 .blog_post img, .blog_post iframe, .blog_post object {
    display: block;
    margin: 15px auto;
    max-width: 100%;
	height:auto;
}
	 #sidebar-right {
    display: none;
}
#container {

    min-width: 200px;
}
#wrapper {
    float: none;
    width: 100%;
}
#header {
    width: 100%;
}

.more-link {
    margin: 10px 0 0 80%;
}
	 
 }
   @media only screen and (max-width: 799px) {
	   ins {
    display: none !important;
}
	   
   }
  @media only screen and (max-width: 700px) {
	  .more-link {
    margin: 10px 0 0 77%;
}
 .menu > .menu-item-has-children > .sub-menu {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #01abbf;
    border-radius: 0 0 10px 10px;
    display: none;
    left: 2px;
    opacity: 0.95;
    padding: 15px;
    position: absolute;
    top: 45px;
    width: 93%;
    z-index: 9999;
}
  }
 @media only screen and (max-width: 600px) {
 #header {
    background: rgba(0, 0, 0, 0) url("image/header_600.png") no-repeat scroll 50% 0 / cover ;
	height:auto;
 }
 .more-link {
    margin: 10px 0 0 70%;
}
 }
  @media only screen and (max-width: 533px) {
	#menu-verxnee-menyu-1 > li > a {


    color: #fff;
    font-size: 20px;
    text-decoration: none;
}
 .post_down > p:first-child > img {
   
    width: 100%;
}
#maintop_title {
    background-color: #01abbf;
    height: auto;
    padding-bottom: 5px;
}
.wp-pagenavi .pages {
    display: block;
    margin-bottom: 20px;
}
#subscribe {
    width: 275px;
}
.discr_subs {
    font-size: 22px;
}
  }
  
    @media only screen and (max-width:490px) {
		.more-link {
    margin: 10px 0 0 63%;
}
	}
	
	   @media only screen and (max-width:414px) {
		  
		   #top_menu {
    padding-top: 105px;
}
		   
		   #header {
    background: rgba(0, 0, 0, 0) url("image/header_600.png") no-repeat scroll 50% 0 / contain ;
	height:auto;
 }
		   .yarpp-related > div ol {
    margin: 10px 10px 15px;
	text-align:left;
}
		   .under_header {

    height: auto;

}
		.more-link {
    margin: 10px 0 0 54%;
}
.wp-pagenavi a, .wp-pagenavi span {

    font-size: 14px;

}
#footer_img {

    display: none;

}
#subscribe {
    width: 100%;
}
#footmenu {
    border-left: medium none;
    display: inline-block;
    margin: 7px 0px;
    padding: 5px 0 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
	}
	
	   @media only screen and (max-width:375px) {
		   .data_post {
    float: none;
    margin-left: 20px;
}
		   .read_comment {
    float: none;
    margin-left: 20px;
    margin-right: 20px;
}

		   .wp-pagenavi a, .wp-pagenavi span {

    font-size: 11px;

}
.wp-pagenavi a, .wp-pagenavi span {

    padding: 3px;

}
.more-link {
    margin: 10px 0 0 45%;
}
	   }



/* JustClick */




#subscr-block-5059 {
}
#subscr-form-5059 td {
	font:normal 14px Arial,Helvetica,sans-serif;
	text-align:center;
	padding:0;
}
#subscr-form-5059 input.form-submit {
	text-align:center;
	width: auto;
}
#subscr-form-5059 #form-submit-5059 {
	border:solid 1px #E0E0E0;margin-top:5px;
}
#subscr-form-5059 a.oferta {
	color: #034795;
	text-decoration: underline;
}
#subscr-form-5059 a.oferta:hover {
	text-decoration: none;
}
#subscr-form-5059 a.jc_compile_btn, input.form-submit.jc_compile_btn {
	border:solid 1px #E0E0E0;margin-top:5px;
}
#subscr-form-5059 a.jc_compile_btn span, #subscr-form-5059 input.form-submit.jc_compile_btn {
	font:normal 20px Arial;
	padding-top:7px;
	margin-bottom:-px;
}
#subscr-form-5059 input[type=text] {
    border: 2px solid #fff;
    color: #333;
    font-size: 12px;
    padding: 3px 10px;
    width: 150px;
}
.tabsubs{
    margin: 15px auto;
    border: none;}
.tabsubs  td {padding: 3px;}