html, body, .body-fauxcolumn-outer {
	color: rgb(34, 34, 34);
	font: 100%/1.4em "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	background-color:  #3A6EA5;
}
a:hover {
	color: #ff3200;
	text-decoration: underline;
}
a img, a iframe {border: none;}
section,main,nav,article,aside,hgroup,header,footer{display:block}time,mark{display:inline}

/* Outer-Wrapper
----------------------------------------------- */
main {
	max-width: 55em;
	margin: 3em 19em 0 auto;
	padding: 1em;
	word-wrap: break-word;
}
.aside {
	position: absolute;
	top: 0;
	right: 0;
	width: 19em;
}
.aside ul, .aside li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.aside ul {
	width: 18.6em;
	padding: .2em;
	background: #e7d5c0;
	box-shadow: 0 2px 4px -2px rgba(0,0,0,.5);
}
.aside input:checked ~ ul {
	position: fixed;
}
.aside li {
	padding: .5em;
	font-size: 80%;
	line-height: 1.3;
}
.aside .soderzhanie:before, .aside .pohozhie:before {
	display: block;
	padding: .5em;
	font-size: 120%;
	font-weight: 700;
}

/* Posts
----------------------------------------------- */
h2, h3 {
	font-weight: normal;
	color: #655545;
}
h2 {margin-top: 2em;}
h4 {color: #655545;}
.post-body p {
	text-indent: 2em;
}
pre {
    max-width: 100%;
    }
.post-body pre, [contenteditable], .kodtextarea {
	margin: 10px 0px 10px 10px;
	padding: 10px;
	color: #3f0309;
	font: 50% normal helvetica, sans-serif;
	border-left: 4px solid #d2bf94;
	white-space: pre-wrap;
	position: relative;
}
[contenteditable], .kodtextarea {
	display:block;
	max-width: 100%;
	border: 1px dashed #d2bf94;
	background: #fff5d7;
	text-indent: 0;
	resize: both;
	overflow: auto;
}
[contenteditable]:focus, .kodtextarea:focus {
	border: 1px solid #d2bf94;
	background: #fff;
}
.style[contenteditable]:before {content: "\3cstyle\3e"; color: #8f494f;}
.style[contenteditable]:after {content: "\3c\2fstyle\3e"; color: #8f494f;}
.post-body pre.kod:before {
	content: attr(title);
	position: absolute;
	top: 5px;
	left: -15px;
	width: .6em;
	width: 1ch;
	text-align: center;
	font: Consolas, Monaco, monospace;
}
pre style.style {margin: 0; font-size: 100%; -moz-box-sizing: border-box; box-sizing: border-box;}
.post-body blockquote {
	color: #3f0309;
	border: solid #f7f2e7;
	border-image: repeating-linear-gradient(300deg, transparent, #E7D5C0 3%, transparent 10%) 100% 10% 100% 10% / 1;
	margin: .5em 0;
	padding: 2%;

}

#facebook, #vkontakte, #twitter {
	border: 1px solid #3b6798;
	height: 17px;
	width: 17px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	font-weight: bold;
}
#facebook {
	line-height: 20px;
	text-indent: 7px;
	font-size: 20px;
	background: #3c5a98;
}
#vkontakte {
	line-height: 14px;
	text-indent: 3px;
	font-size: 17px;
	background: #6d8fb3;
}
#twitter {
	font-size: 17px;
	line-height: 16px;
	background: #3399cc;
	text-indent: 5px;
	font-weight: 900;
}
#podpiska {
	padding: 1em 1em 1.7em;
}
#soc-kn {float: left;}
#soc-kn:before {content: '??????????: ';}
.chitatform, .vverh {float: right;}
.chitatform input[type="submit"] {
	outline: none;
	background: #e36443;
	color: #fff;
	border: 1px solid #3b6798;
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	font-weight: bold;
	cursor: pointer;
	font-size: 16px;
	padding: 3px;
}
.chitatform input[type="text"] {
	font-size: 16px;
	padding: 3px;
	width: 12.9em;
}
#inline-r {
	position: fixed;
	bottom: 1em;
	right: 0
}



#wrapper {
	margin: 0 auto;
	max-width: 728px;
	height:27600px;
}

#content {
	float: left;
	background-color: #fff;
	max-width: 728px;
	text-align: middle;   box-shadow:2px 0px 5px #000000;
	padding: 0px 15px 0px 15px;
	border-radius:10px;
}
h1 {
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	color: #f9f5ed;
	margin: 0px 0px 10px 0px;
	background-color: #2E547C;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow:0px 2px 9px #000000;
}
@media screen and (max-width: 330px) {

pre {
	width: 320px;
    }
#wrapper {
	margin: 0 auto;
	width: 320px;
}
#content {
	float: left;
	background-color: #fff;
	width: 100%;
	text-align: middle;   box-shadow:2px 0px 5px #000000;
	padding: 0;
	border-radius:10px;
}
[contenteditable], .kodtextarea {
	display:block;
	width: 320px;
	border: 1px dashed #d2bf94;
	background: #fff5d7;
	text-indent: 0;
	resize: both;
	overflow: auto;
}
}