@import url('common.css');
*{
  margin:0;
  padding:0;
  border-collapse:collapse;
}
html{
  height:100%;
  margin:0 !important;
}
body{
  position:relative;
  min-width:938px;
  max-width:1400px;
  min-height:100%;
  margin:0 30px 0 25px;
}
a[href^="#n"]{
  vertical-align:3px;
}
td{
  vertical-align:top;
}
input[type="submit"], input[type="button"]{
  padding:2px 12px 3px;
}
.l{
  float:left;
  clear:left;
}
.r{
  float:right;
  clear:right;
}
#header{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  width:100%;
  height:214px;
}
#logo{
  position:absolute;
  z-index:20;
  top:0;
  left:21px;
  width:200px;
  height:250px;
  padding:0 15px 19px 5px;
}
#slogan{
  position:relative;
  z-index:15;
  height:215px;
  padding:0 0 0 270px;
}
#slogan h1, #slogan h4{
  padding:85px 0 25px;
}
#slogan h2, #slogan address{
  position:absolute;
  bottom:38px;
  left:271px;
  padding:0 180px 0 0;
}
#quote{
  position:absolute;
  top:0;
  z-index:1000;
  right:-28px;
  width:191px;
  height:146px;
  padding:26px 26px 40px 231px;
}
#quote p{
  padding:3px 0 5px 10px;
}
#quote address{
  text-align:right;
}
.xmasb_quotes_author{
  padding:0;
  text-align:right;
}
#topmenu{
  position:absolute;
  top:215px;
  z-index:10;
  width:100%;
}
input[name="hamburger"]{
  position:absolute;
  left:-99999px;
}
.hamburger{
  display:none;
  position:relative;
  width: 1.25em;
  height: 0.8em;
  margin:10px 10px;
  vertical-align:middle;
}
.hamburger:before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0px;
  width: 100%;
}
label[for="hamburger"]{
  display:none;
}
#topmenu ul{
  margin:3px 210px 10px 255px;
}
#topmenu li{
  display:inline;
  padding:0 15px 0 1px;
}
#topmenu a, #topmenu span{
  padding:0 0 0 10px;
}
#searchform{
  position:absolute;
  top:-2px;
  right:19px;
  width:180px;
  margin:0 0 12px;
  padding:0;
}
#searchform fieldset{
  position:relative;
}
#searchform input[type="text"]{
  width:153px;
  height:20px;
  padding:0 20px 0 3px;
}
#searchform input[type="image"]{
  position:absolute;
  top:4px;
  right:4px;
}
#search{
  position:relative;
  padding-top:20px !important;
}
#wrapper{
  position:relative;
  z-index:5;
  clear:both;
  padding:266px 0 110px;
}
#content{
  display:table-cell;
  width:100%;
  padding:0 0 15px 255px;
  vertical-align:top;
}
#content .pager a, #content .pager span{
  padding:0 3px;
}
#content .wp-pagenavi{
  clear:both;
  padding:0 0 20px;
  text-align:center;
}
#content .post+.wp-pagenavi{
  padding:0 0 40px;
}
#content .wp-pagenavi span, #content .wp-pagenavi a{
  display:inline-block;
  padding:2px;
}
#content .wp-pagenavi span{
  min-width:15px;
}
#content form{
  padding:0 0 20px;
}
#content form input{
  vertical-align:middle;
}
#content .post{
  position:relative;
  clear:both;
  margin:0 0 35px;
}
#content .post+.post{
  padding:10px 0;
}
#content .archive~.post{
  margin:0 0 5px;
}
#content h1{
  margin:15px 0 16px;
}
#content .section, #content h1:first-child{
  margin-top:0;
}
#content h2{
  margin:12px 0 10px;
}
#content div > :first-child, #content blockquote > :first-child{
  margin-top:0;
}
#content h3{
  margin:20px 0 15px;
}
#content h3:first-child{
  margin-top:0;
}
#content h4{
  position:relative;
  margin:20px 0 10px;
}
#content h5{
  margin:15px 0 10px;
}
#content .archive ~ .post h5{
  clear:both;
}
#content .related h5{
  padding:20px 0 0;
}
#content h5 span{
  position:absolute;
  padding:0 0 0 5px;
}
#content h6{
  margin:15px 0 10px;
}
#content .post blockquote{
  clear:left;
  margin:5px 0 10px 20px;
  padding:0 0 0 15px;
}
.expand .sh-hd{
  padding:0 20px 0 0;
}
.expand > :first-child, .anonse+p, .hidden .sh-hd{
  display:none;
}
#content p{
  min-height:1em;
  margin:0 0 10px;
  line-height:1.4;
}
#content blockquote p{
  margin:0 0 8px;
  line-height:1.3;
}
#content p.remark{
  padding:10px 0 15px 30px;
}
#content ul{
  margin:5px 0 10px 20px;
  line-height:1.3;
}
#content ol{
  margin:5px 0 10px 35px;
  line-height:1.3;
}
#content li{
  min-height:1em;
  padding:0 0 3px;
}
#content .band+div ul li{
  margin:0 0 5px;
}
#content .archive~div h5{
  padding-top:30px;
  padding-right:5em;
}
#content .wp-pagenavi+div h5{
  padding-top:0;
}
#content .archive~.post~.wp-pagenavi{
  padding:20px 0 0;
}
#content li p{
  margin:0 0 4px;
  line-height:1.3;
}
#content dl{
  padding:0 0 15px;
}
#content dd{
  margin:5px 0 10px 10px;
  line-height:1.3;
}
#content table{
  margin:10px 0 20px;
}
#content caption{
  padding:10px 20px;
}
#content caption span{
  display:block;
}
#content th{
  padding:10px 20px;
}
#content div >table td{
  padding:10px 0 10px 20px;
}
#content div >table td:first-child{
  padding:10px 0;
}
#content div >table tr:first-child + tr td{
  padding-top:15px;
}
#content .info{
  margin:5px 0 15px;
  padding:5px 0;
}/*
#content .info .date{
  float:right;
}*/
#content div.poem{
  margin:10px 0 15px 40px;
  line-height:1.4;
}
#content .poem div.poem{
  margin:8px 0 0 40px;
}
#content div.poem p{
  margin:0 0 8px;
}
#content img{
  position:relative;
  z-index:10;
  top:0;
  left:0;
}
#content .post img{
  margin:0 0 20px;
}
#content .post > img[src*="uploads"], #content p img[src*="uploads"]{
  display:block;
  margin:0 auto 20px;
}
#content img.l{
  display:inline-block !important;
  margin:4px 10px 5px 0 !important;
}
#content p img.l{
  margin:20px 10px 10px 0;
}
#content img.r{
  display:inline-block !important;
  margin:4px 0 5px 10px !important;
}
#content p img.r{
  margin:10px 0 10px 10px !important;
}
#content div.l{
  max-width:450px;
  margin-bottom:5px;
  padding:5px 20px 10px 0;
  text-align:center;
}
#content div.r{
  max-width:450px;
  padding:5px 0 10px 20px;
  text-align:center;
}
#content div.l img, #content div.r img{
  display:block;
  margin:0 auto;
}
#content div.image{
  margin-bottom:20px;
  text-align:center;
}
#content div.image.l{
  text-align:left;
}
#content li div.image{
  margin:5px 0 20px -20px;
}
#content div.image.l, #content div.image.r{
  margin-bottom:10px;
}
#content div.image.r+p{
  margin-top:0;
}
#content div.image img{
  margin:0 auto 10px;
}
#content pre{
  width:440px;
  margin:10px 0;
  padding:0 0 0 15px;
  overflow:auto;
}
#content blockquote pre{
  width:415px;
}
#content ol pre{
  width:auto;
}
#content object{
  margin:0 0 20px 0;
}
#content span{
  white-space:nowrap;
}
#content .comments span{
  white-space:normal;
}
#content span.h{
  display:none;
}
#content .play h4, #content .play h5, #content .play h6{
  text-align:center;
}
#content p.comments{
  margin:20px 0 10px;
  padding:0 0 0 24px;
}
#content .related{
  margin:.5em 0 3em;
  padding:3px 0 10px;
}
#content .related h5{
  padding:12px 0 0;
}
#content .related ol{
  margin:5px 0 10px 25px;
}
#content .related+p{
  position:relative;
  position:absolute;
  bottom:10em;
  margin:10px 0 0;
}
#content .social span, #content .social div{
  display:inline-block !important;
  margin:0 0 5px;
  vertical-align:middle !important;
}
#content .social span[title]{
  display:inline-block;
  margin:0 0 5px 1px;
  width:56px;
  height:56px;
}
#content .social span[title]:hover{
  -webkit-transition-duration:2s;
  -o-transition-duration:2s;
  -moz-transition-duration:2s;
  transition-duration:2s;
  -webkit-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  transform:rotate(360deg);
}
#content .social span[title]:not:hover{
  -webkit-transition-duration:2s;
  -o-transition-duration:2s;
  -moz-transition-duration:2s;
  transition-duration:2s;
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  transform:rotate(0deg);
}
#content .social span:first-child{
  margin:0 0 5px;
}
#content .comment-author{
  position:relative;
  margin:10px 0 0 !important;
}
#content .comment-count{
  position:relative;
  top:-14px;
  margin:0 0 0 5px;
  padding:0 5px 0 3px;
  line-height:1;
}
#content .comment-count:before{
  content:"";
  position:absolute;
  top:100%;
  left:3px;
}
#content .comment-count:after{
  content:"";
  position:absolute;
  top:100%;
  left:4px;
}
#commentform{
  position:relative;
  padding:10px 0 20px;
}
#content #commentform .info{
  min-height:0;
  margin:0;
  padding:0 0 5px;
}
/*Предупреждение спамерам*/
#content form div.warning{
  position:absolute;
  top:25px;
  left:0;
  z-index:10;
  width:400px;
  padding:10px;
}
#content form div.warning p+p{
  text-align:right;
}
#content form div.warning img{
  margin:0 0 -8px !important;
}
/*Конец предупреждения спамерам*/
#content form th{
  width:100%;
  padding:0 5px 5px 0;
  text-align:left;
}
#content input[type="text"], #content input[type="password"]{
  width:250px;
  height:20px;
  margin:0 5px 0 0;
  padding:0 3px;
  vertical-align:middle;
}
#content input.mvccls{
  width:auto;
}
#login input[type="text"], #login input[type="password"]{
  width:120px;
}
#content fieldset{
  position:relative;
  min-height:35px;
  padding:0 0 5px;
}
#commentform fieldset > label{
  display:block;
  padding:0 0 0 265px;
}
#content fieldset > label[for="massage"]{
  min-height:0;
  padding:0;
}
#content fieldset > div input[type="text"]{
  position:absolute;
  top:0;
  left:0;
}
#content textarea{
  display:block;
  width:95%;
  height:150px;
  padding:3px;
  overflow:auto;
}
#content textarea[name="comment"]{
  display:none !important;
}
#content input.checkbox, #content input.radio, #content input.image{
  width:auto;
  height:auto;
  margin:0 5px 0 0;
}
#content .info+input[type="submit"]{
  position:relative;
  bottom:-40px;
}
#content .subscribe-to-comments{
  position:relative;
  top:-30px;
  padding:5px 0 25px;
}
#subscribe{
  vertical-align:middle;
}
#content .subscribe-to-comments label{
  vertical-align:middle;
}
#content form td ul{
  margin:0;
}
#content form sup{
  vertical-align:-7px;
  line-height:1;
}
#content div.comments{
  clear:both;
}
#content .comments ol{
  clear:both;
  margin:0 0 10px 20px;
}
#content .comments blockquote{
  margin:10px 0;
  padding:0 0 0 15px;
}
#content .comments ul{
  margin:0;
  padding:15px 0 0;
}
#content .comments div ul{
  margin:0 0 10px 25px;
  padding:0;
}
#content .comments ul > li{
  padding:0 0 0 10px;
}
#content .comments div ul > li{
  padding:0 0 0 5px !important;
}
#content .comments li.depth-1{
  padding:15px 0 0;
}
#content .comments ul > li~li{
  padding:15px 0 0 10px;
}
#content .comments img{
  margin:-2px 0;
  vertical-align:text-bottom;
}
#comments{
  padding:10px 0 20px;
}
.navigation{
  margin:0 0 10px;
  padding:0 0 25px;/*
  text-align:center;*/
}
.navigation span, .navigation a{
  display:inline-block;
  margin:10px 0 0;
  padding:0 5px;
}
.navigation span:first-child{
  padding-left:0 !important
}
#content #respond{
  position:relative;
  z-index:10;
  padding:20px 0 0;
}
#content .cancel-comment-reply p{
  min-height:0;
}
#content #respond div[id*="qips_smiles"] img{
  position:static;
  margin:0;
  vertical-align:text-bottom;
}
#respond h5{
  clear:both;
}
#content img.avatar{
  float:left;
  margin:2px 5px 0 0;
  vertical-align:top;
}
#content .vcard p{
  margin:0;
}
.vcard cite, .vcard i{
  position:relative;
  top:-2px;
}
#content .commentmetadata{
  padding:0 0 20px;
}
.reply{
  padding:0 0 12px;
  text-align:right;
}
.subscribed .reply, .admin .reply{
  padding:0 30px 12px 0;
}
#content .sub{
  position:absolute;
  bottom:85px;
  margin:0;
  z-index:100;
}
#content .sub li{
  display:inline;
}
#reroot{/*Отмена комментария*/
  padding:0 0 20px;
}
#sidebar{
  display:table-cell;
}
#right{
  width:180px;
  padding:0 20px 0;
  vertical-align:top;
}
form[action*="feed"] #rss{
  float:right;
  margin:-5px -15px 0 0;
  width:56px;
  height:56px;
}
form[action*="feed"] fieldset{
  white-space:nowrap;
}
form[action*="feed"] input{
  vertical-align:middle;
}
form[action*="feed"] input[type="submit"]{
  height:26px;
  padding:0 3px;
}
#right h5{
  margin:0 0 5px;
}
#right form{
  margin:10px 0 25px;
}
#right iframe{
  width:185px;
  height:150px;
}
#right form fieldset{
  clear:both;
  margin:5px 0 0;
}
#right input[type="text"]{
  width:138px;
  height:20px;
  padding:0 2px 0 3px;
}
#right ul{
  width:170px;
  padding:0 0 15px 10px;
}
#right div{
  padding:5px 0 15px 10px;
}
#right ul ul{
  width:auto;
  padding:0 0 3px 10px;
}
#right li{
  padding:5px 0 0;
}
#right li li{
  padding:3px 0 0;
}
.recl div:first-child{
  padding:0 0 5px;
}
.recl tr+tr, .text, .host{
  display:inline !important;
}
.recl br{
  display:none;
}
#left{
  position:absolute;
  top:0;
  left:0;
  width:210px;
  padding:272px 15px 0 25px;
  vertical-align:top;
}
#left h5{
  margin:0 0 5px;
}
#left ul{
  width:200px;
  padding:0 0 15px 10px;
}
#left div{
  padding:5px 0 15px 10px;
}
#left ul ul{
  padding:0 0 3px 10px;
}
#left ul li{
  clear:both;
  padding:5px 0 0;
}
#left #recentcomments li{
  padding:5px 0;
}
#left li img{
  float:left;
  margin:0 5px 0 0;
  vertical-align:top;
}
#left #recentcomments li img{
  margin:2px 5px 0 0;
}
#left .topComment li img{
  margin:-3px 5px 3px 0;
}
#footer{
  position:absolute;
  bottom:0;
  left:-13px;
  z-index:5;
  width:100%;
  height:45px;
  padding:25px 15px 0 13px;
  overflow:hidden;
}
#footer address{
  position:absolute;
  top:0;
  left:0;
  margin:0 170px 0 0;
  padding:25px 0 0 11px;
}
#footer ul{
  float:right;
  padding:0 16px 0 0;
}
#footer li{
  display:inline;
  padding:0 0 0 5px;
}
#footer iframe{
  float:right;
  margin-top:-15px;
}
iframe[src*="https://accounts.google.com"]{
  top:20px !important;
  left:-10000px !important;
}
strong[class|="search"]{
  padding:0 5px 2px;
}

/*Постовые*/
.postpoint{
  margin:25px 0 10px;
  padding:12px 20px 5px;
}
/* адаптивные стили*/

@media (min-width:1400px){
	body{
	  margin:0 auto;
	}
}
@media (max-width:1200px){
	#content img, #content object{
		max-width:100%;
	}
	#content img{
		height:auto;
	}
}
@media (max-width:890px){
	body{
	  min-width:0;
	  margin:0;
	  overflow-x:hidden;
	}
	#quote{
	  right:0;
	  width:181px;
	  padding-right:6px;
	}
	#logo{
	  left:22px;
	  left:11px;
	  padding:0;
	}
	#slogan{
	  padding:0 0 0 235px;
	}
	#slogan h2, #slogan address{
	  left:236px;
	}
	#topmenu ul{
	  margin-left:240px;
	}
	#content{
	  padding-left:10px;
	  padding-right:10px;
	}
	#left{
	  position:static;
	  width:180px;
	  padding-top:20px;
	}
	#left ul{
	  width:170px;
	}
	#footer address{
	  padding-left:21px;
	}
}
@media (max-width:810px){
	#slogan h1, #slogan h4{
	  padding:55px 0 25px;
	}
}
@media (max-width:720px){
	body{
	  overflow-x:visible;
	}
	#quote{
	  display:none;
	}
	#slogan h2, #slogan address{
	  padding:0;
	}
	#topmenu ul{
	  margin-top:-2px;
	  margin-right:10px;
	}
	#searchform{
	  top:50px;
	  right:auto;
	  left:11px;
	}
	#wrapper{
	  padding-top:300px;
	}
	#content, #sidebar{
	  position:relative;
	  display:block;
	  width:auto;
	}
	#sidebar{
	  padding-top:20px;
	}
	#content .sub{
	  bottom:25px;
	}
	#right, #left{
	  display:table-cell;
	  width:50%;
	  padding:0 10px;
	}
	#right > *, #left > *{
	  width:auto !important;
	}
	#right > iframe{
	  width:185px !important;
	}
	#content img{
	  height:auto;
	}
	#footer{
	  padding-right:0;
	}
}
@media (max-width:500px){
	#wrapper{
	  padding-top:220px;
	  overflow:hidden;
	}
	.social .cleaner{
	  padding:0 0 10px;
	}
	#content form{
	  padding:0 0 35px;
	}
	#logo{
	  display:none;
	}
	#header{
	  height:100px;
	}
	#slogan{
	  height:80px;
	  padding:0 0 0 30px;
	}
	#slogan h1, #slogan h4{
	  padding:5px 0 5px;
	}
	#slogan h2, #slogan address{
	  position:static;
	  left:31px;
	}
	#topmenu{
	  top:110px;
	}
	#topmenu ul{
	  margin-left:10px;
	}
	#topmenu li{
	  line-height:1.8;
	}
	#right li{
	  padding:7px 0 5px;
	}
	#right li li{
	  padding:5px 0 4px;
	}
	#searchform{
	  position:relative;
	  top:0;
	  width:300px;
	}
	#searchform input[type="text"]{
	  width:280px;
	}
	#content div.l, #content div.r{
	  float:none;
	  width:auto !important;
	  padding-left:0;
	  padding-right:0;
	}
	#footer{
	  padding-top:10px;
	}
	#footer address{
	  padding-top:10px;
	}
}
@media (max-width:420px){
	body{/*
	  min-width:320px;*/
	}
	#wrapper{
	  padding-top:250px;
	}
	#slogan{
	  padding:0 0 0 10px;
	}
	#content ins[style*="468px"]{
	  margin-left:-10px !important;
	}
	#content form div.warning{
	  top:40px;
	  width:90%;
	}
	#content fieldset > label{
	  padding:0;
	}
	#content fieldset > div input[type="text"]{
	  position:static;
	}
	#content .post blockquote{
	  margin-left:5px;
	}
	#content .wp-pagenavi span, #content .wp-pagenavi a{
	  margin:0 2px;
	  padding:6px;
	}
	#content .pager a, #content .pager span{
	  margin:0 2px;
	}
	#right, #left{
	  display:block;
	  width:auto;
	}
	#right > iframe{
	  width:auto !important;
	}
	#topmenu{
	  top:100px;
	  background:#72383f;
	}
	#topmenu:focus{
	}
	#topmenu ul{
	  top:0;
	  left:40px;
	  height:0;
	  overflow:hidden;
	}
	.hamburger{
	  display:inline-block;
	}
	label[for="hamburger"]{
	  display:inline-block;
	}
	#topmenu input[name="hamburger"]:checked~ul{
	  -mos-transition:height 5s;
	  -webkit-transition:height 5s;
	  -o-transition:height 5s;
	  transition:height 5s;
	  height:auto;
	}
	#topmenu li{
	  display:list-item;
	}
	#topmenu ul a, #topmenu ul span{
	  background:none !important;
	  color:#fff !important;
	}
	#searchform{
	  width:95%;
	}
	#searchform input[type="text"]{
	  width:90%;
	}
	#footer address{
	  padding-top:5px;
	}
}

.indexBanner{width:480px; height:60px;}
@media(max-width:350px){.indexBanner{width:234px; height:60px;}}
@media(max-width:420px){.indexBanner{width:320px; height:100px;}}