@charset "windows-1251";
body  {
	background: #eeeff2;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #444a4c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a {
	color: #d83a3b;
	text-decoration: underline;
}

a:hover {
	color: #628e88;
	text-decoration: none;
}

#mainContent table {
    border: 2px solid #628E88;
    border-collapse: collapse;
    color: #444A4C;
    width: 100%;
}

#mainContent tbody {
background-color:transparent;
text-align:left;
}

#mainContent th, #mainContent td {
border:1px solid #628E88;
text-align:left;
vertical-align:top;
padding:5px;
}

#container  {
	width: 868px;
	margin: 20px auto;
	border: 1px solid #396f7d;
	text-align: left;
	padding: 0 10px 10px 10px;
	background-color: #5bb257;
	background-image: url(img/main-gradient.png);
	background-repeat: repeat-x;
	background-position: left 186px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
} 
#header  {
	padding: 0;
	margin: 0 -10px 12px -10px;
	background-image: url(img/head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
} 
#header h1  {
	margin: 0;
	padding: 10px 0;
}
#header h1  {
	margin: 0;
	padding: 10px 0;
}
#header #logo {
	background-image: url(img/horses.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	height: 186px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
#logo a img{
	border: 0 none;
	margin: 30px 0 0 196px;
}

#sidebar1  {
	float: left;
	width: 246px; 
	background: #ffffff; 
	padding: 0;
	margin-bottom: 10px;
	border: 1px solid #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 2px #5C7370;
	-webkit-box-shadow: 0 0 2px #5C7370;
	-o-box-shadow: 0 0 2px #5C7370;
	box-shadow: 0 0 2px #5C7370;
}
#sidebar1 p {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #737786;
	padding: 12px 16px;
	background-image: url(img/h3.png);
	background-repeat: repeat-x;
	background-position: left top;
	text-shadow: 0 1px 1px #FFFFFF;
}
#sidebar1 p.top {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#sidebar1 ul {
	padding: 0 0 0 16px;
	list-style-type: none;
	margin: 0;
}
#sidebar1 ul li {
	margin: 12px 0;
}
#sidebar1 ul li a {
	color: #628e88;
	text-decoration: none;
}
#sidebar1 ul li a:hover {
	color: #d83a3b;
	text-decoration: none;
}

#mainContent  {
	margin: 0 0 10px 258px;
	padding: 1px 17px;
	background: #ffffff;
	text-align: justify;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 2px #5C7370;
	-webkit-box-shadow: 0 0 2px #5C7370;
	-o-box-shadow: 0 0 2px #5C7370;
	box-shadow: 0 0 2px #5C7370;
} 
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
img.aligncenter, div.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
	max-width: 100%;
	height: auto;
	clear: none;
}

img.alignright, div.alignright {
    display: inline;
    margin: 1px 0 2px 10px;
	max-width: 100%;
	height: auto;
}
img.alignleft, div.alignleft {
    display: inline;
    margin: 1px 15px 2px 0;
	max-width: 100%;
	height: auto;
}

.widgettitle {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #737786;
	padding: 12px 16px;
	background-image: url(img/h3.png);
	background-repeat: repeat-x;
	background-position: left top;
	text-shadow: 0 1px 1px #FFFFFF;
}

#mainContent h1 {
	font-weight: normal;
	font-size: 30px;
	color: #d83a3b;
	text-align: center;
	margin: 18px 0;
}

#mainContent h2 {
	font-weight: normal;
	font-size: 20px;
	color: #d83a3b;
	text-align: center;
	margin: 18px 0;
}

#footer  {
	padding: 0 10px 0 16px;
	background-image: url(img/footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #ffffff;
	color: #737786;
	height: 44px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 2px #5C7370;
	-webkit-box-shadow: 0 0 2px #5C7370;
	-o-box-shadow: 0 0 2px #5C7370;
	box-shadow: 0 0 2px #5C7370;
} 
.rubric  {
	background-image: url(img/rabbit-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}
.rubric2  {
	background-image: url(img/cat-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
        font-size: 16px !important;
        font-weight: normal !important;
        margin: 18px 0 !important;
        text-align: left !important;
        text-decoration: none;
}

.rubric-menu-1  {
	background-image: url(img/crab-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}
.rubric-menu-2  {
	background-image: url(img/duck-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.rubric-menu-3  {
	background-image: url(img/pig-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}
.rubric-menu-4  {
	background-image: url(img/donkey-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}
.rubric-menu-5  {
	background-image: url(img/gorilla-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}
.rubric-menu-6  {
	background-image: url(img/elephant-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}
.rubric-menu-7  {
	background-image: url(img/lion-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.rubric-menu-8  {
	background-image: url(img/panda-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.rubric-menu-9  {
	background-image: url(img/turtle-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.rubric-menu-10  {
	background-image: url(img/tiger-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.rubric-menu-11  {
	background-image: url(img/bird-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.rubric-menu-12  {
	background-image: url(img/eagle.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

.rubric-menu-14  {
	background-image: url(img/eagle-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}

#footer p  {
	background-image: url(img/butterfly.png);
        background-position: right center;
        background-repeat: no-repeat;
	margin: 0;
	padding: 14px 0;
	text-shadow: 0 1px 1px #FFFFFF;
}
.fltrt {
	float: right;
	margin: 0 0 10px 15px;
}
.fltlft {
	float: left;
	margin: 0 15px 10px 0;
}
.clearfloat {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
#additional-content-header {
	font-weight: normal;
	font-size: 20px;
	color: #555;
	text-align: left;
	background-image: url(img/korovka.png);
        background-position: left center;
        background-repeat: no-repeat;
	padding: 5px 33px;
	text-shadow: 0 1px 1px #FFFFFF;
}
#additional-content { font-size: 20px !important; }
#additional-content-list { font-size: 12px !important; }

#social {
	text-align: center;
	padding: 0 0 10px;
}

.grecaptcha-badge { display: none !important; }

.social-header { color: #555; font-weight: bold; }

.forumagitate {
    cursor: pointer;
    display: inline;
    font-size: 1.2em;
    padding: 2px 6px 3px;
    background-color: #238c1e;
    background-position: left center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}

a.forumagitate:hover {
	color: #ddf;
	text-decoration: none;
}

.booklist-link a {text-decoration: none;}
.booklist-link ul {margin-left: -15px;}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    color: #717171;
    font-size: 12px;
    font-style: normal;
    text-align: center;
}


.yarpp-related a {
    font-weight: normal !important;
}

.yarpp-related {
    margin: 0 !important;
}

.cat-blind {
    color: #888;
    padding-right: 3px;
}

.author {
	font-size: 0.9em;
}

/* responsive */

/* Fix for Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}

@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

/* default checkbox */
#sidebar1 input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#sidebar1 label { 
  cursor: pointer;
  user-select: none;
}

@media screen and (max-width: 920px) {
	#container {
		width: 96%;
	}
	#mainContent {
		margin-left: 28%;
	}
	#mainContent img {
		max-width: 100%;
		height: auto;
	}
	#sidebar1 {
		width: 26%;
	}

}

@media screen and (max-width: 660px) {
	#logo a img {
		margin: 30px 0 0 0;
		float: right;
	}
	#mainContent {
		margin-left: 0;
	}
	#sidebar1 {
		float: none;
		width: 100%;
	}
	#sidebar1 ul {
		display: none;
	}
	#sidebar1 label {
      position: relative;
      display: block;
      width: 100%;
    }

    #sidebar1 label:after {
        position: absolute;
        content: "\2261";
        right: 16px;
        top: -36px;
        font-size: 23px;
        color: #737786;
        text-shadow: 0 1px 1px #FFFFFF;
        width: 94%;
        text-align: right;
    }

	#sidebar1 input:checked + label + ul {
		display: block;
	}
}

@media screen and (max-width: 620px) {
	#header #logo {
		background-image: none;
	}
	#header {
		background-position: -100px 0;
	}
	#container {
		width: 94%;
	}
	#logo a img {
		display: block;
		margin: 30px auto 0;
		float: none;
		max-width: 96%;
	}

}

@media screen and (max-width: 500px) {
	#footer p {
		background-image: none;
	}

}

@media screen and (max-width: 440px) {
	#footer p {
		padding: 6px 0;
	}

}

@media screen and (max-width: 380px) {
	#container {
		width: 90%;
		background-position: left 134px;
	}
	#header #logo {
		height: 132px;
	}

}