html {
	font-size: 100%;
}

body {
	font-size: 1em;
	margin:1em;
	background:#FFF;
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	}

A 			{ color:#366; text-decoration:none; }
A:hover		{ color:#699; }

h1, h2, h3 {
	margin:0px;
	padding:0px;
	}

img {
	border:none;
	}

.blogbody img {
    max-width:100%;
    }

fieldset {
	border:solid 0 transparent;
	}

#container {
  box-sizing: border-box;
  padding: 10px 15px;
}

#shapka-blk {
    margin-left: 190px;
    x-font-size: small;
    text-align: center;
}

#banner {
	color:#000;
	font-size:x-large;
	font-weight:bold;
	background:#FFF;
	padding-left:15px;
	}

#banner a {
	font-size:x-large;
	color:#000;
	text-decoration:none;
	}

#banner a:hover {
	color:#000;
    }

.promo-links a {
    color:blue;
    }

.promo-links .random-link {
    text-transform: uppercase;
    }

.description {
	color:#CCC;
	font-size:small;
	font-weight:bold;
	background:#FFF;
	text-transform:none;
	letter-spacing:normal;
	}

.row {
    position: relative;
    }

#content {
	background:#FFF;
	margin: 0 20px 20px 190px;
	}

#links {
    position: absolute;
    left: 0;
    top: 0;
	width:190px;
	background:#FFF;
	color:#CCC;
	}

.blog {
	padding:15px;
	}

.blog-w-right-banner {
	padding:15px;
	margin-right:260px;
	}

.sendform {
	color:#000;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:120%;
	border:thin dotted #666;
	padding:10px;
	}


.blogbody {
	color:#000;
	x-font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:120%;
	border-left:thin dotted #666;
	border-right:thin dotted #666;
	border-bottom:thin dotted #666;
	padding:10px;
	}

.blogbody a {
	/*font-weight:normal;*/
	text-decoration:underline;
	}

.blogbody-footer:after {
    display: table;
    content: "";
    clear: both;
}

.blogbody-footer .uptolike-rating {
    float: right;
    margin-top: -9px;
}

.info-block {
	font-size:smaller;
	font-weight:normal;
	}

.title	{
	font-size:small;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	}

.title a {
	color:#000;
    text-decoration:none;
	}

.title a:hover		{ color:#699; }

#menu {
	margin-bottom:15px;
	background:#FFF;
	text-align:center;
	font-size:small;
	font-weight:bold;
	margin-left:124px;
	}

.banner-after-menu {
	margin-left:124px;
	}

.date	{
	font-size:small;
	color:#C93;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:10px;
	border-bottom:thin dotted #666;
	}

.posted	{
	font-size:smaller;
	color:#999;
	}

.blog-w-right-banner .blogbody .posted {
    margin-top: 3em;
}

.caliber {
	color:#666;
	font-size:small;
	font-weight:normal;
	padding:3px;
	text-align:center;
	}

.nav-links {
	text-align:center;
	}

.calendar {
	color:#666;
	font-size:small;
	font-weight:normal;
	padding:3px;
	text-align:left;
	}

.calendarhead {
	color:#C93;
	font-size:small;
	font-weight:bold;
	background:#FFF;
	line-height:140%;
	text-transform:uppercase;
	text-align:left;
	}

.side {
	color:#CCC;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:140%;
	}

.sidetitle {
	color:#999;
	font-size:small;
	font-weight:bold;
	background:#FFF;
	line-height:140%;
	padding:2px;
	margin-top:10px;
	border-bottom:thin dotted #666;
	text-transform:uppercase;
	letter-spacing:.2em;
	}

.syndicate {
	font-size:x-small;
	font-weight:bold;
	line-height:140%;
	padding:2px;
	margin-top:10px;
	text-align:center;
	background:#FFF;
	}

.powered {
	color:#CCC;
	font-size:x-small;
	font-weight:bold;
	border-top:thin dotted #666;
	border-bottom:thin dotted #666;
	line-height:140%;
	text-transform:uppercase;
	padding:2px;
	margin-top:10px;
	text-align:left;
	letter-spacing:.2em;
	background:#FFF;
	}

.comment-date {
	color:#999;
	font-size:smaller;
	}

.comment-nick {
	font-weight:bold;
    }

.comments-body {
	color:#666;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:140%;
	margin:1ex 0 2ex;
	}

.comments-body blockquote {
	border:thin dotted #666;
	padding:5px;
	font-size:smaller;
	}

.comments-post {
	color:#999;
	font-size:smaller;
	font-weight:normal;
	background:#FFF;
	margin-top:0px;
    clear: left;
	}

.comments-head	{
	font-size:small;
	color:#999;
	font-weight:bold;
	margin-top:10px;
	text-transform:uppercase;
	border-bottom:thin dotted #666;
	}

.trackback-body {
	color:#333;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:140%;
	padding-top:15px;
	}

.trackback-url {
	color:#666;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:140%;
	padding:5px;
	border:thin dashed #666;
	}

.trackback-post {
	color:#999;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	margin-bottom:20px;
	}

#banner-commentspop {
	color:#C93;
	font-size:large;
	font-weight:bold;
	background:#FFF;
	padding-left:15px;
	}

.gravatar {
	float:left;
	margin:0 0.5em 0 0;
	}

.comment-img {
	margin-bottom:1ex;
	}

.comment-img img {
	padding:5px;
	border:thin dotted #666;
	}

.bottom-left-informer {
	width:50%;
	float:left;
	border-width:thin thin thin 0;
	border-style:dotted;
	border-color:#666;
    font-size:small;
	}

.bottom-right-informer {
	width:49.9%;
	float:left;
	border-width:thin 0;
	border-style:dotted;
	border-color:#666;
    font-size:small;
	}

.right-banner {
	float:right;
	padding:42px 0 0 0;
	width:254px;
	}

.partners-links {
	margin:0;
	padding:0;
	}

.partners-links li {
	list-style:none;
	}

.mailform {
	margin-right:140px;
	}

.form-name-email {
	padding-right:1em;
	margin-right:1em;
	float:left;
	text-align:left;
	border-right:thin dotted #bbb;
}

#from-right-side {
	float:right;
	width:300px;
	border-left:thin dotted #666;
	border-bottom:thin dotted #666;
	}

#from-right-side-text {
	padding:15px 0 15px 15px;
	}

.b-share-popup {
	font-size:small;
}
.comments-form {
    float:left;
}
#comment-text-block {
    float:left;
    clear:left;
}
.hint-text {
	font-size:smaller;
}

.neteye-posts ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.neteye-posts li {
    display: block;
    width: 250px;
    padding: 5px;
    float: left;
    text-align: center;
}

@media (min-width: 801px) {
.neteye-posts.wrap3 li:nth-child(3n+1) {
    clear: left;
}
}

.neteye-posts .preview img {
    width: 150px;
    height: 150px;
}

@media (max-width: 800px) {
body {
    margin:1ex;
	x-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
#shapka-blk {
    margin-left: 0;
    clear: both;
}
#links {
    display:none;
}
#content {
    position: relative;
    width:100%;
    margin:0;
}
.blog {
    padding:0;
}
.title {
    font-size: medium;
}
.blogbody {
    font-size: medium;
    padding-left:0;
    padding-right:0;
    border-left:none;
    border-right:none;
}
.caliber {
    font-size: medium;
}

.right-banner {
    display:none;
}
.blog-w-right-banner {
	padding-left:0;
	padding-right:0;
	margin-right:0;
}
.mailform {
	margin-right:0;
	}
.comments-body {
	font-size:medium;
}
.comments-form {
    float:none;
}
#save-personal-info {
	font-size:smaller;
}
#comment-text-block {
    float:none;
}
#comment-text-block textarea {
    width:100%;
}
#from-right-side {
    display:none;
}
.blogbody img {
	max-width:100%;
    width:auto;
    height:auto;
}
.blogbody iframe {
	max-width:100%;
    height:auto;
}
}

@media (min-width: 1200px) {
#shapka-blk {
    margin-left: 14rem;
}
#content {
	margin-left: 14rem;
	}
#links {
	width:14rem;
	}

}