/*
  Theme Name: CookingSecrets
	Theme URI: 
	Description: This theme has a responsive layout to display your website content optimally at all resolutions and browser widths, and on all media devices, regardless of whether your visitors arrive by smartphone, tablet, laptop or desktop computer.
	Author: Lunevа Lyudmila
	Author URI: 
	Version: 1.0 
	This theme for personal use only, not for resale.
	It can be used to make your personal blogs or corporate websites.
*/

/************************************************
* Reset Style			*
************************************************/

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; 
}

/************************************************
* Global style			*
************************************************/

body { 
  text-align: left;
	color: #000; 
	background: url('images/bg.jpg') 0 0 repeat;
  font-family:  Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px; 
  line-height: 1.2;
}
/*   Images   */

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.img-block img, .gallery img,
#bottom-bg img.top-avatar, 
.sid_content img,
#home-galery img,
.text img, .excerpt img, .mini-post img, .tab_content img, 
#other img, .bot-points img, ol.commentlist li img.avatar,
#bottom-bg li img {   
  border: 1px solid #DBCDC2 !important; 
  padding: 1px;
	height: auto;
  transition: all 0.5s ease 0s;
  opacity: 1;
  box-sizing: border-box;
}
.sid_content img:hover, .sid_content img:active,
#home-galery img:hover, #home-galery img:active, #home-galery img:focus,
.excerpt img:hover, .mini-post img:hover, 
#other img:hover, .bot-points img:hover {
  opacity: 0.9;
}
#bottom-bg img.top-avatar:hover {
  opacity: 0.8;
}
/*  Borders   */

#cboxLoadedContent,
.text table,
.text table thead, .text table th,
.text table td, .text table tr,
#vrezka,
#p_left, #p_right,
#home-slider, #sub {
  border: 1px solid #DBCDC2; 
}
.submitButton {
  border: 1px solid #b29779;
  border-top: 1px solid #b8a085; 
  border-bottom: 1px solid #886f53; 
}
.main-title, .bot-title,
.sid-title, .sid-title a:link, .sid-title a:visited {
  border-bottom: 2px solid #DCCDC0;
}
.navigation {
  border-top: 2px solid #DCCDC0;
}
#cat-desc, #home-desc { 
  border: 1px solid #dccdc0; 
  border-radius: 6px;
}
/* Backgrounds  */

#home-slider, #sub {
  background: #ece2d9;
}
/* Fonts    */

.postmetadata #share,
#header h1, #header a#logo-text,
.menu li a:link, .menu li a:visited,
.main-title,
.main h1, .post-title,
.mini-post-title,
.sid-title, .sid-title a:link, .sid-title a:visited,
.submitButton, .bot-title {
  font-family: Times New Roman, Georgia,  serif;
  font-style: italic;
  font-weight: normal;
}
#header h1, #header a#logo-text {  
  font-size: 36px; 
}
.main-title {
  font-size: 32px; 
}
.sid-title, .sid-title a:link, .sid-title a:visited {
  font-size: 30px; 
}
.main h1, .post-title  {
  font-size: 28px; 
}	
.bot-title {
  font-size: 27px; 
}
.mini-post-title  {
  font-size: 24px; 
}	
.submitButton, 
.menu li a:link, .menu li a:visited {  
  font-size: 22px;
}
.postmetadata #share {  
  font-size: 19px;
}

/************************************************
* Structure Page				*
************************************************/

#container { 
  max-width: 1310px; 
  height: 100%; 
  margin: 0 auto 0; 
} 
.outer-container {
  max-width: 1186px; 
	background: #f8efe4 url('images/bg-page.jpg') 0 0 repeat;
  margin: 0 auto 0; 
  padding: 30px 20px 0 20px;
  box-sizing: border-box;
}
#onecolumn	{  
  float: left; 
  width: 75.3%; 
  height: auto;
}
#page	{ 
  position: relative;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
}
#full	{ width: auto; }

#sidebar1 { 
  float: left;
  width: 29%; 
  margin-bottom: 20px;
}
#sidebar2 {   
  float: right;
  width: 22%;  
}
.main	{ 
  float: right; 
  width: 67.3%;
  margin-bottom: 20px;
}
#container, .outer-container, #onecolumn, #page, .main, .sidebar, #header, .title, #home-slider, #commentform, #footer {  
  position: relative;
  z-index: 1!important; 
}

/************************************************
* Links				*
************************************************/

a:link, a:visited {
	color: #000;
	text-decoration: none;
  cursor: pointer;
}
a:hover, a:active {
	color: #666;
	text-decoration: none;
  outline: none;
}
.breadcrumbs a:link, .breadcrumbs a:visited,
.post-date a:link, .post-date a:visited, 
.mini-post-date a:link, .mini-post-date a:visited { 
  color: #666; 
} 
.breadcrumbs a:hover, .breadcrumbs a:active,
.post-date a:hover, .post-date a:active, 
.mini-post-date a:hover, .mini-post-date a:active {
	color: #000;
}
.blue, .text a:link, .text a:visited,
a.comment-reply-link:link, a.comment-reply-link:visited {
  color: #1b72c7;    /*  blue   */
}
.text a:hover, .text a:active {
	text-decoration: underline;
}
/*  Additional Selectors  */

.clear {
  clear: both !important; 
}
p {
  margin: 0 0 10px 0;
}
small {
  font-size: 85%;
}
.left { float: left; }
.right { float: right; }

/*!
 * Bootstrap v2.3.0
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/************************************************
* nav - Upper Panel Menu               		*
************************************************/

.navbar-fixed-top { 
  position: fixed; right: 0; left: 0; top: 0;
 /* background: #1b1b1b; */
  min-height: 38px;
  border-width: 0 0 1px;
  margin-right: -20px;
  margin-left: -20px;
  padding-right: 30px;
  padding-left: 30px;
  *zoom: 1;
  overflow: hidden;
  z-index: 1000;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
}
.navbar-fixed-top:after {
  clear: both;
}
/* container wrapper  */

.wrapper { 
  max-width: 1200px; 
  margin: 0 auto 0;
  padding-left: 10px;
  *zoom: 1;
}
.wrapper:before,
.wrapper:after {
  display: table;
  line-height: 0;
  content: "";
}
.wrapper:after {
  clear: both;
}
/*  btn-navbar - Button open the menu  	*/

.btn-navbar {
  float: right;
  margin: 3px 12px 0 5px;
  padding: 10px 4px 10px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(top bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  cursor: pointer;
  display: none;
}
.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
/*  collapse - A container for the mobile menu  	*/

.collapse { 
  height: auto;
  transition: height 0.35s ease;
  overflow: visible;
  margin-top: 10px;
}
/* Nav menu    */

.nav { 
  max-width: 76%; 
  height: auto;
  list-style: none;
  margin: 0 0 12px 20px;
}
.nav li {
  float: left;
  display: block;
  color: #999999;
  padding: 0 15px 0 0;
  text-decoration: none;
}
.nav li a, #top a {
  color: #999999;
}
.nav li a:hover, .nav li a:active,
#top a:hover, #top a:active {
  color: #ffffff;
  text-decoration: none;
}
.nav .children {
  margin: 5px 0 -5px 20px;
}
#nav-page { 
  margin: 0;
  padding: 0;
}
#nav-category { 
  display: none; 
}
#nav-page li {
  float: left;
}
#top { 
  float: right;
  width: 22%; 
  height: auto;
  text-align: right;
  margin: 0 20px 12px 0;
}

/************************************************
* header					*
************************************************/

#header { 
  position: relative;
  width: 100%; 
  height: auto;
  min-height: 140px;
  padding: 0 0 20px 0;
  margin-bottom: -10px;
}
#logo-img {  
  float: left;  
  width: auto; 
  height: auto;
  margin: 10px 20px 0 0; 
  border: 0;
}
#header h1, #header a#logo-text {  
  max-width: 600px;
  margin: 25px 0 0 0; 
  line-height: 1;
  text-decoration: none;
  text-shadow: 1px 1px 1px #fff;
  display: inline-block;
}
#header h1 a:hover, #header h1 a:active,
#header a#logo-text:hover, #header a#logo-text:active {  
  color: #8c8c8c;
}
#desc {  
  max-width: 600px;
  height: auto;
  color: #222;
  font: normal 22px Arial, verdana, Sans-Serif;
  line-height: 1.1;
  margin: 15px 0 0 0; 
  padding: 0;
  z-index: 10;
}

/************************************************
* Top Menu				*
************************************************/
 
#top_menu {
  position: relative;
  width: 100%;
  max-width: 1330px; 
  height: 60px;
  margin-bottom: -10px;
  color: #fff; 
  text-align: left; 
  z-index: 100;
}
#top_menu .menu_left, #top_menu .menu_middle, #top_menu .menu_right { 
  position: absolute; top: 0;
  height: 60px;
  margin: 0; 
  padding: 0; 
} 
#top_menu .menu_left {  
  left: 0;
  width: 65px;
  z-index: 100;
} 
#top_menu .menu_middle { 
  left: 65px;
  right: 65px;
  width: auto; 
  z-index: 100;
}
#top_menu .menu_right { 
  right: 0;
  width: 65px;
  z-index: 300 !important;
} 

/************************************************
*	menu  			   			*
************************************************/

.menu {  
  position: relative;
  height: auto;
  max-width: 1155px;
  margin-top: 8px;
  z-index: 1000;
}
.menu li {  
  float: left;
  position: relative;
  list-style-type: none;
  text-align: center;
}
.menu li a:link, .menu li a:visited {  
  margin-right: 1px;
  padding: 8px 9px 13px 9px;
  color: #fff;
  display: block;  
}
.menu li a:hover, .menu a:active {  
  text-decoration: none;
  color: #fff;
  display: block;
}
.menu li.current-menu-item, .menu li.current-menu-ancestor, .menu li.current-menu-parent{  
  text-decoration: none;
}
/*	menu sub-menu			*/

.menu .sub-menu, .menu .sub-menu ul {
  position: absolute; top: 47px; left: 0;
  width: 210px;  
  padding: 0 0 4px 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.menu .sub-menu li {  	 
  position: relative;
  width: 211px;
  height: auto;
  margin: 0;
  background: none;
  font-weight: normal;
  text-align: left;
  line-height: 1;
}
.menu .sub-menu li a:link, .menu .sub-menu li a:visited,
.menu .sub-menu li a:hover, .menu .sub-menu li a:active {  
  width: 177px;
  padding: 8px 10px 10px 23px;
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  text-decoration: none; 
  color: #fff;
}
/* sub sub menu     */

.menu .sub-menu ul { 
  position: absolute; left: 185px; top: 0; 
  border-top-right-radius: 6px;
  opacity: 0;
  visibility: hidden;
}
.menu li:hover > .sub-menu, 
ul.menu li:active > .sub-menu,
.menu ul li:hover > ul, 
.menu ul li:active > ul {
  visibility: visible;
  opacity: 0.9;
  transition-property: opacity; 
  transition-duration: 0.7s;
}
.menu .sub-menu .sub-menu li:first-child a:hover {
  border-top-right-radius: 6px;
}
.menu ul, .menu ul ul.sub-menu {  
  visibility: hidden;
  opacity: 0;
  transition-property: opacity; 
  transition-duration: 0.7s;
}

/************************************************
* adsense_box					*
************************************************/

.header_ad468x60,
#ad-top, 
.main_ad336x280,
.sid_ad250x250 { 
	float: none;
  width: auto\9;
  max-width: 100%;
  height: auto;
  margin: 0 auto 15px;
  text-align: center;
	clear: both;
  overflow: hidden;
}
.header_ad468x60 img,
.#ad-top img, 
.main_ad336x280 img,
.sid_ad250x250 img { 
  width: auto\9;
  max-width: 100%;
	height: auto;
	border: 0!important;
	box-shadow: none;
  padding: 0;
}
.header_ad468x60 {
  position: absolute; top: 30px; right: 0;
  width: 468px;
  z-index: 100;
}
.main_ad336x280, .main_ad336x280 img { 
  width: 336px; 
} 
.sid_ad250x250, .sid_ad250x250 img { 
	width: 300px;
}
#ad-top {
  float: none;
  width: auto;
  height: auto;
  margin: 0 auto 20px;
  text-align: center;
}

/************************************************
* titles                            *
************************************************/

.main-title, .main h1 {
  margin: 0 0 20px 0; 
}
.main-title, .title, .main h1, .post-title, .mini-post-title {
  text-shadow: 1px 1px 1px #fff;    
  padding: 0 0 7px 0;
  line-height: 0.8;
}
.post-title {
  padding: 0 0 10px 0;
}

/************************************************
*	slider
************************************************/

#home-slider {
  width: auto\9;
  max-width: 100%;
  height: auto;
  margin: 1px 0 20px 0;
  padding: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  overflow: hidden;
}
#slides_container {
  border: 1px solid #fff;
  margin: 7px;
  padding: 0 0 10px 0;
}
.slide {    
  position: relative;
  width: auto\9;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
.slider-title {
  position: absolute; left: 0; bottom: 0;
  width: 90%;
  height: auto;
  margin: 0 1px 0 0;
  padding: 8px 10px 10px 10px;
  background: rgba(0,0,0,.4);
  text-align: center; 
  font-size: 14px;
  line-height: 1; 
  display: block; 
}
#slides_container a:link, #slides_container a:visited {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
}
#slides_container#slides_container a:hover, #slides_container a:active {
  text-decoration: none;
  color: #eee;
}
#slides_container img {
  max-width: 100%;
  width: auto\9;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.slidesjs-pagination { 
  position: relative;
  display: block;
  text-align: center;
  margin: 12px auto 17px!important;
}
.slidesjs-pagination li {
  float: right;
  list-style: none outside none;
}
.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  margin-left: 3px;
  padding-top: 13px;
	background-image: url('images/pagination.png');
  background-position: 0 0;
  overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -12px;
}
.slidesjs-pagination li a:hover {
  background-position: 0 -25px;
}
.slidesjs-previous, .slidesjs-next {
  display: none;
}

/************************************************
* home-galery			*
************************************************/

.img-block, .gallery-item { 
  position: relative; 
  width: 21%;
  min-height: 170px;
  margin-bottom: 10px;
  margin-left: 1.5%;
  margin-right: 1.5%;
  box-sizing: border-box;
  text-align: center;  
  clear: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 200px;
  border: 0;
}
.gallery-item { 
  width: 30% !important;
  min-height: 100px;
}
.img-block img, .gallery-item img { 
  width: auto;
  height: auto;
  margin: 0 0 5px 0;
  padding: 1px;
}
/*   col		*/

.img-block .col:nth-of-type(5n+1),
.postmetadata .col:nth-of-type(5n+1),
#other .col:nth-of-type(5n+1) {
	clear: left;
}
/*  gallery    */

.gallery-item .wp-caption-text {
   text-align: center;
   font-weight: bold;
   display: block;
   padding-top: 0; 
   margin-top: 0;
}

/************************************************
* Content			/  content-onecolumn.php  /*
************************************************/

.excerpt { 
  position: relative;
  min-height: 180px;
  margin-bottom: 15px;
}
.excerpt img {
  float: left;
  max-width: 180px;
  margin: 3px 15px 5px 3px;
  padding: 1px;
}
.excerpt img.youtube {
  max-width: 180px;
}
.post-date { 
  font-size: 13px;
  margin: 0 0 12px 0;
  color: #666;
}
.excerpt p {  
  text-align: justify;
  line-height: 1.3;
}
.more {
  position: absolute; bottom: 0; right: 0;
	padding: 0;
	font-size: 13px;
	font-style: italic;
}	

/*****************************w*******************
*	 mini-post    /  content-twocolumn.php  /	*
***********************************************/

.mini-post {  
  position: relative;
  width: 48%;
  min-height: 160px;
  margin: 0 0 15px 0;
  font-size: 13px;
  overflow: hidden;  
}
.Left { float: left; }
.Right { float: right; }
/*  cat_content	       */

.mini-post-title {	
	margin: 0;
	padding-bottom: 7px;
  color: #000; 
  line-height: 0.9;
  font-weight: normal;
}
.mini-post img {
  float: left;
  width: 130px;
	margin: 3px 12px 7px 3px;
}
.mini-post-date { 
  font-size: 13px;
  margin: 0 0 7px 0;
  color: #666;
}
.mini-post p {  
  line-height: 1.3;
}

/**********************************************************
*   post format                     *
**********************************************************/

.sticky,.format-aside,.format-gallery,.format-status,.format-quote {
	padding: 10px 15px 0 15px;
	border-radius: 8px;
	box-sising: border-box;
	text-shadow: 1px 1px 1px #fff;
}
/* Sticky Posts */
.sticky {
	background: #fffbee;
	border: 1px dashed #e5e0b9;
	color: #5f5b3e;
}
/* Asides */
.format-aside {
	background: #e7f0d8;
	border: 1px dashed #9dca9e;
	color: #3d7330;
}
.format-aside #vrezka {
	border: 1px solid #9dca9e;
}
.format-aside ul li, .format-aside ol li {
	color: #3d7330 !important;
}
/* Galleries */
.format-gallery {
	background: #dfeffd;
	border: 1px dashed #93b7d6;
	color: #316490;
}
.format-gallery #vrezka {
	border: 1px solid #93b7d6;
}
.format-gallery ul li, .format-gallery ul li {
	color: #316490 !important;
}
/* Status */
.format-status {
	background: #fceeef;
	border: 1px dashed #dababb;
	color: #6f4a4b;
}
.format-status #vrezka {
	border: 1px solid #dababb;
}
.format-status ul li, .format-status ul li {
	color: #6f4a4b !important;
}
/* Quotes */
.format-quote {
	background: #fff;
	border: 1px dashed #ddd;
	color: #222;
}
.format-quote #vrezka {
	border: 1px solid #ddd;
}
.format-quote ul li, .format-quote ul li {
	color: #222!important;
}

/************************************************
* breadcrumbs, postmetadata  *
************************************************/

.breadcrumbs { 
  text-align: left;
  margin: 5px 0 25px 0!important;
  color: #666;
}
.postmetadata { 
 	background: #fff;
  margin: 20px 0 20px 0!important; 
  padding: 0 0 1px 0;
  overflow: hidden;
  color: #444;
  clear: both;
} 
.postmetadata .col { 
	float: left;
	width: 17%;
	height: 25px;
	margin-left: 2%;
	margin-top: 9px;
}
.postmetadata #share { 
  float: left;
  width: 17%;
  padding: 7px 12px 5px 5px;
  margin: 0;
  color: #fff;
  text-align: center;
  text-shadow: none;
} 
#fb {
	margin-left: 0;
  text-align: right;  
}
#donate { margin-bottom: 20px; }
#donate img { margin: 0 5px 5px 0; border: 0!important; }
.google { margin-left: 20px; margin-top: -2px; } 

/************************************************
* tags			*  / single.php /*
************************************************/

#page_navi {
  margin: 20px 0 5px 0; 
  font-weight: bold;
}
#tags {  
  margin: 20px 0 20px 0;
  height: auto; 
}
#tags strong {  
  width: 110px;
  font-weight: bold;
  font-size: 15px;
  margin-top: -2px;
}

/************************************************
* RichSnippets			*  / single.php /*
************************************************/

#print-rich { 
  margin: 10px 0 25px 0;
  clear: both; 
}
img#print { 
  float: left;
  width: 18px;
  height: 21px;
  margin: 2px 10px 0 0;
  display: block;
}
#RichSnippets {
  float: right;
  width: 45%;
  margin-bottom: 15px;
}
#author {
  text-align: right;
  margin-bottom: 5px;
}
img#Rich {
  float: right;
  max-width: 115px;
  height: 23px;  
  margin: 0;
  box-shadow: 0;
  border: 0;
}
img#Rich:hover {
  box-shadow: 0;
}

/************************************************
* Other  *  / single.php /*
************************************************/

#other { 
	position: relative;
  width: 100%; 
	height: auto;
  margin: 0; 
  overflow: hidden;
}
#other .post-title {
  margin-bottom: 20px;
}
#other .col {
  float: left;
  width: 22%;
  min-height: 170px;
  padding-bottom: 20px;
  margin-left: 1%;
  margin-right: 2%;
  line-height: 1.1;
  box-sizing: border-box;
  text-align: center;  
  vertical-align: top;
  zoom: 1;
  display: inline;
  _height: 200px;
  clear: none;
}
#other img {
  *zoom: 1;
  max-width: 98%;
  width: auto\9;  
  height: auto;
  margin-bottom: 8px;
}
.other_title {
  font-size: 13px;
}

/************************************************
* text		/  single.php  /	*
************************************************/

.text {
  width: 100%;
  font-size: 14px;
  margin: 10px 0 20px 0;
  padding: 0;
  clear: both;
}
.text h2, .text h3, .text h4, .text h5, .text h6 {
  font-weight: normal;
  margin: 10px 0 12px 0!important;
}
.text h2 {  font-size: 20px; }
.text h3 {  font-size: 18px; }
.text h4 {  font-size: 16px; }
.text h5 {  font-size: 15px; }
.text h6 {  font-size: 14px; }
.text p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  text-align: justify;
  line-height: 1.4;
}
.text strong {
  color: #333;   
  font-size: 14px;
}
.big, big {
  font-size: 17px;
  color: #333;     
}
/*  img    */

#text img {
  /* IE7-8 need help adjusting responsive images */
  width: auto\9;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  max-width: 97%;
  height: auto;
  margin: 10px 0 15px 0;
  vertical-align: middle;
  /* For IE 7 and up  */
  -ms-interpolation-mode: bicubic;
	padding: 0;
}
.text .alignleft, img.alignleft {
	float: left;
  height: auto;
	margin: 3px 15px 10px 0;
}
.text .alignright, img.alignright {
	float: right;
	display: inline;
	margin: 3px 0 10px 15px;
}
.text .aligncenter, .text img.aligncenter {
	float: none;
	clear: both;
	display: block;
	margin: 15px auto 0;
}
.text .alignnone, img.alignnone {
  margin-top: 5px;
  margin-bottom: 5px;
}
.wp-caption {
	text-align: center;
	margin: 0;
  padding: 0;
}
.wp-caption-text {
   text-align: center;
   font-weight: bold;
   padding-top: 10px;
   display: block;
}
/*  Table  */

.text table {
      width: 99%;
      border-collapse: collapse;
      margin: 15px 0 15px 0!important;
}              
.text table thead, .text table th {
      background-color: #ECE2D9;
      text-align: center;
      vertical-align: text-top;
      padding: 9px 10px 9px 10px;
      border-collapse: collapse;
}
.text table td, .text table tr {
      text-align:left;
      padding: 10px;
      border-collapse: collapse;
}
.text table tr {
      background: #fff;
}
.text strong {
  font-size: 1.35em;
  color: #333;     
}
/* ul li  */

.text ul {
  margin: 10px 0 10px 15px;
  padding: 0;
  list-style: outside disc;
  color: #333 !important;
}
.text ul ul, .text ul ul ul {
  margin: 7px 0 7px 15px;
  padding: 0;
  list-style: outside disc;
}
.text ul li {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #333;
  line-height: 1.3;
}
.text ul ul li {
 line-height: 1.2;
}
.text ol {
  margin: 10px 0 10px 7px;
  padding: 0 0 0 20px;
  list-style: outside decimal;
}
.text ol ol {
  margin: 7px 0 7px 0;
  list-style: outside lower-alpha;
}
.text ol ul {
  margin: 7px 0 7px 20px;
  list-style: outside disc!important;
}
.text ol li {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #333;
  line-height: 1.3;
  list-style: outside decimal;
} 
.text ol ol li {
 line-height: 1.2;
}

/************************************************
*	single_nav  / single.php /							*
************************************************/

#single_nav {
  width: 100%;
  min-height: 30px;
  text-align: center;
  overflow: hidden;
  margin: 10px 0 10px 0;
}
.nav-prev, .nav-next { 
  width: 49%;
  height: 30px;
  font-size: 13px;
  line-height: 1.1;
  display: table;
  box-sizing: border-box;
}
.nav-prev { 
  float: left;
  padding-left: 30px;
  text-align: left;
}
.nav-next { 
  float: right;
  padding-right: 30px;
  text-align: right;
}
.nav-prev a, .nav-next a { 
  display: table-cell;
  vertical-align: middle;
}

/************************************************
*	Recipe   								*
************************************************/

#recipe_top {  
	margin: 5px 0 15px 0;
}
#new {  
  float: left;
  width: 53%; 
  min-height: 20px;
  font: italic bold 15px Arial;
  line-height: 1.3;	
  margin: 4px 15px 10px 0;  
}
#new span { display: block;}
#new .time { margin-top: 4px;}
/*  vrezka  */

#vrezka {
  float: right; 
  min-width: 180px; 
  margin: 5px 0 5px 15px; 
  font-size: 13px;
  background: #fff;
  font-size: 13px;
  clear: none;
}
#vrezka .person { 
  line-height: 1.1;
  margin: 7px 5px -12px 0;
  overflow: hidden;
  display: block;
}
#vrezka img.avatar  {
  float: left;
  margin: 7px; 
  width: 40px;
  height: 40px;
  border: 1px solid #DBCDC2; 
  overflow: hidden;
}
/*  Ingredients, Recipe_mid   */

#ingredients ul { 
  margin-top: 15px!important;
  margin-bottom: 20px!important;
  font-size: 14px;
}
#recipe_mid { 
  padding: 0;
  margin-bottom: 0!important;
  font-size: 14px;
  line-height: 1.4;
}
#recipe_mid p { 
	height: auto;
  margin: 0 0 25px 0 !important;
	overflow: hidden;  
  clear: both !important;
}
#recipe_mid img {
  float: left;
  width: auto;
  height: auto;
  margin: 15px 15px 15px 0;
}
.text #link {
  width: 250px;
  padding-top: 15px;
  text-shadow: 1px 1px 1px #fff;
  font-style: italic;
}
.text #link a { 
	font-size: 18px;
}
#print { 
  width: 180px;
  margin: 0 0 5px 0;
}
#print img {
  float: left;
  border: 0;
  display: block;
}
#print a:link {
  float: right;
  padding-top: 10px;
}

/************************************************
*	in category    								*
************************************************/

#cat-desc, #home-desc { 
  position: relative;
  width: auto;
  height: auto;
  margin: 0 auto 25px;
  font-style: italic;
  font-size: 13px;
  padding: 15px;
}
#cat-desc p {
  margin: 0 0 5px 0;
}
#home-desc .main-title { 
  border: 0;
  margin-bottom: 10px;
  font-size: 28px; 
}

/************************************************
*		/  sitemap    /				*
************************************************/

#site-map {
  margin-bottom: 20px;
}
.title-map, .ddsg-wrapper ul li {
  float: none;
  margin: 15px 0 15px 0;
  list-style-type: none;
  font-size: 18px;
}  
.title-map a:link, .title-map a:visited,
.ddsg-wrapper ul li a:link, .ddsg-wrapper ul li a:visited {
  color: #333;
}
#site-map ul {  
  margin-left: 15px;
  padding: 0;
}
/*	ddsg-wrapper		*/

.ddsg-wrapper { 
  position: relative;
	margin: 10px 0 0 0; 
	padding: 0;  	
	overflow: hidden;
}
.ddsg-wrapper h2 {
  font-size: 24px;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
} 
.ddsg-wrapper ul { 
  margin: 10px 0 15px 0;
  padding-left: 1px;
}  
.ddsg-wrapper ul ul {
  margin: 10px 0 5px 13px !important;
}  
.ddsg-wrapper ul ul li {
  line-height: 1.2;
  list-style-type: disc !important;
  margin: 0;
  font-size: 14px;
}  
.ddsg-wrapper strong {
  font-weight: normal;
}

/********************************************************
*   archiv         / archives.php /                     *    
*********************************************************/

#archives {  		
  margin-top: 20px; 
} 
#archives ul { 
  margin: 10px 0 20px 0; 
  padding: 0 0 0 1px; 
  overflow: hidden;
} 
#archives ul li {
  line-height: 1.2;
  list-style: inside disc;
}  
#archive1, #archive2, #archive3 { float: left;} 
#archive1 { width: 28%;} 
#archive2 { width: 32%;} 
#archive3 {	width: 39%;} 
ul.archive li { 			
 	width: 245px;  
  float: left; 
  margin: 0 0 5px 0; 
  padding: 0; 
  list-style-position: inside;
  list-style-type: disc; 
} 

/************************************************
* Sidebar		*
************************************************/

.sidebar { 
	transition-property: width;
	transition-duration: 0.5s, 0.5s; 
	transition-timing function: linear, ease-in;
  font-size: 14px;
}
.block { 
  float: none;
  margin: 0 0 17px 0;  
  clear: both;
  overflow: hidden;
}
.sidebar .widget, .sidebar .widget ul { 
  margin: -10px 0 0 0;
  padding: 0;
}
.sidebar .widget ul li { 
}
.sid-title, .sid-title a:link, .sid-title a:visited {
  margin: 0 0 20px 0; 
  line-height: 0.8;
  padding-bottom: 7px;
}
#sidebar2 { margin-top: 0;}

/************************************************
* #sidebar ul li			*
************************************************/

.sidebar ul {
  margin: 0 0 7px 0;
}
.sidebar ul li { 
  list-style-position: inside;
  list-style-type: disc; 
  line-height: 1.5;
}

/************************************************
*	ul #list								*
************************************************/

ul.list li { 
  list-style-position: inside;
  list-style-type: none; 
  line-height: 1.5;
  background: url("images/sid.png") no-repeat 0 3px; 
}
ul.list li a:link, ul.list li a:visited {
  padding-left: 15px;
}
ul.list ul.children {
  margin: 2px 0 1px 15px;
} 
ul.list ul.children li {
  line-height: 1.3;
  list-style-type: disc; 
  background: none; 
} 
ul.list ul.children li a:link, ul.list ul.children li a:visited {
  padding-left: 0;
}

/************************************************
* social			*
************************************************/

#social {
  margin-bottom: 14px;
}
.social {
    height: auto;
    overflow: hidden;
    padding: 5px 0 0 0;
}
.social img {
  border: 0;
}
.social a { 
    display: table;
    float: left;
    width: 48%;
    height: 33px;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 13px;
}
.social a span { 
    padding-left: 40px;
    vertical-align: middle !important;
    display: table-cell;
}
.rssLink {
    background: url('images/icons/rss.png') no-repeat left top;
}
.mailLink {  
   background: url('images/icons/mail.png') no-repeat left top;
}
.twitterLink {
    background: url('images/icons/twit.png') no-repeat left top;
}
.livejournalLink {
    background: url('images/icons/lj.png') no-repeat left top;
}
.facebookLink {
    background: url('images/icons/fbk.png') no-repeat left top;
}
.vkontakteLink {
    background: url('images/icons/vk.png') no-repeat left top;
}
.googleLink {
    background: url('images/icons/google-plus.png') no-repeat left top;
}
.odnoklassnikiLink {
    background: url('images/icons/cs.png') no-repeat left top;
}
.linkedinLink {
    background: url('images/icons/ld.png') no-repeat left top;
}
.livinternetLink {
    background: url('images/icons/li.png') no-repeat left top;
}

/************************************************
/* video                     *								
************************************************/

.videoFile {  	
  height: auto;
  margin: 5px 0 0 0;
} 
.videoFile iframe  {
  width: 100%;
  width: auto\9;
  max-width: 100%;  
  max-height: 250px;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
} 

/************************************************
* sub 					*
************************************************/

#sub {
  max-width: 300px;
	background: #fff;
  margin: 1px auto 17px;
  padding: 0; 
  border-radius: 6px;
  overflow: hidden;
}
#border { 
  margin: 7px;
  padding: 10px;
  border: 1px solid #fff;
}
#sub .sid-title, 
#sub .sid-title a:link, #sub .sid-title a:visited {
  padding: 0;
  text-align: center;
  margin: 0; 
  font-size: 24px; 
  border: 0;
}
.sub-img {
  float: none;
  max-width: 300px;
  margin: 15px auto 10px;
  clear: both !important;
}
.sub-img img {
  width: auto;
  border: 1px solid #fff;
}
#sub-text, #sub-at {
  font-size: 15px;
  color: #000 !important;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 12px;
}
#sub-at {
  font-size: 12px;
  color: #3b3a3a !important;
  margin: 0;
}
form#SR_form { 
  max-width: 220px;
  margin: 2px auto 0;
  overflow: hidden;
}
input.input-text {
  width: 100%;
  max-width: 320px;
  height: 31px;
  border: 1px solid #fff;
  border-bottom: 1px solid #d2c4b6; 
  background: #fff;
  margin: 0 auto 12px;
  padding: 3px 3px 3px 7px;
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.15);
}
.submitButton {
  width: 100%;
  height: 38px;
  background: #bda284 url('images/sub-button.jpg') repeat-x left top;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  margin: 0 auto 12px; 
  padding: 3px 0 8px 0!important;
  color: #fff;
  text-shadow: 1px 1px 1px #777;
  text-align: center;
  clear: none;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.submitButton:hover {
  opacity: 0.9;
}
p.sub_stat { text-align: right; margin: 0 0 -15px 0; }
p.sub_stat img { border: 0; }

p.sub_link { font-size: 13px; margin: 15px 0 0 0; }

/************************************************
* searchform 					*
************************************************/

#search {
  min-height: 95px;
	margin: 0 0 15px 0!important;
}
#searchform {
  position: relative;
  width: 99%;
	height: 43px;
	max-width: 303px;
	margin: 0 0 5px 1px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.23);
  border-radius: 6px;
}
#s {	
  width: 80%;  
	height: 25px;
	margin-top: 8px;
	margin-left: 6%;
	margin-right: 15%;
  padding: 3px 3px 3px 6px;
  box-sizing: border-box;
  background: #f2f2f2!important;
  border-radius: 6px;
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.23) !important;
	border: 0!important;
	border-top: 1px solid #e2e2e2!important;
  color: #000;
  z-index: 100; 
}
#searchsubmit {
  position: absolute; top: 2px; right: -5px;
	width: 35px;
	height: 35px; 
  color: #fff; 
  text-shadow: 1px 1px 1px #9c0900;
 	margin: 6px 0 0 0;
  padding: 2px 0 4px 0; 
  font-size: 14px; 
  text-align: center;
	border: 0;
  background: url("images/search.png") no-repeat;
  cursor: pointer; 
  z-index: 100;  
}

/************************************************
* sid_content         *
************************************************/

.sid_content {  
  position: relative; z-index: 10;
	margin-top: 15px;
}
.sid_content ul li {  
  float: none;
  min-height: 120px;
  list-style-type: none; 
  font-size: 13px;
  margin-bottom: 20px;
  clear: both;
} 
.sid_content ul li p {  
 line-height: 1.2;
} 
.last-title { 
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
	color: #333; 
  line-height: 1.1;
  display: block;
}
.sid_content img {
  float: left;
  max-width: 100px;
  margin: 2px 10px 5px 0;
  font-size: 13px;
}

/************************************************
* bottom 					*
************************************************/

#bottom-bg {
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
}  
.bottom-block { 
  height: auto;
  padding: 15px 0 15px 0;
}   
.bot-title {
	padding: 0 0 2px 0;
	margin: 0 0 20px 0;
	line-height: 1;
}
/*   Column  */

#bottom-bg .col {
	float: left;
	width: 30%;
	margin-left: 1.6%;
	margin-right: 1.6%;
}
/* clear col  */

#bottom-bg .col:nth-of-type(3n+1) {
	clear: left;
}
/*   points   */

#bottom-bg li { 
  min-height: 55px;
  min-height: 70px;
  margin-bottom: 5px;
  list-style-type: none; 
  font-size: 13px;
  color: #666;
}
#bottom-bg li img {
  float: left;
  width: 90px;
  height: 60px !important;
  margin: 0 10px 0 0;
}
#bottom-bg li:hover, #bottom-bg li:active { 
  opacity: 0.8;
}
#bottom-bg .last-title { 
  font-weight: normal;
  margin-bottom: 4px;
}
#bottom-bg li img.avatar {
  width: 60px;
}
.widget ul li {
  min-height: 20px!important;
  list-style-type: disc!important; 
  margin-left: 10px;
}

/************************************************
*	colorbox                   				*
************************************************/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*  ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{  background: rgba(0,0,0,.9);}

#colorbox{}
    #cboxContent{background:#000; margin-top:20px;}
        #cboxLoadedContent img { border: 0; margin: 0; }       
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background: url('images/lightbox/prev.png') top left no-repeat; width:30px; height:45px; text-indent:-9999px;}
        #cboxPrevious.hover{background: url('images/lightbox/prev_hover.png');}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background: url('images/lightbox/next.png') top right no-repeat; width:30px; height:45px; text-indent:-9999px;}
        #cboxNext.hover{background: url('images/lightbox/next_hover.png');}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url('images/lightbox/loading.gif') center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background: url('images/lightbox/close.png') top center no-repeat; width:17px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background: url('images/lightbox/close_hover.png');}

/************************************************
*	Comments								*
************************************************/

#comments {   
  width: 100%;
  height: auto;
  margin: 0 0 20px 0 !important; 
  background: transparent; 
  font-family:  Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal; 
  font-size: 13px; 
  overflow: hidden;
	clear: both;
} 
.comment-title {
  font-size: 15px; 
  font-weight: bold;
  color: #000;
  line-height: 1.2;
} 
ol.commentlist { 
  width: 100%;
  height: 100%;
  list-style-type: none; 
	clear: both;
}
ol.commentlist li, #trackbacks {  
  width: auto;
  height: auto;
  min-height: 70px;
  margin: 15px 0 0 0; 
  list-style-type: none !important; 
  clear: both;
}
li.even, li.byuser, li.bypostauthor {
  margin: 15px 0 15px 0; 
}
#trackbacks { 
  min-height: 0;
  margin: 20px 0 20px 0; 
  padding: 10px 10px 13px 10px; 
  font-size: 13px; 
}
#trackbacks li {    
  font-size: 13px; 
  list-style-type: square;
  margin: 0 0 0 15px; 
  padding: 0; 
}
ol.commentlist li img.avatar {   
  float: left;
  position: relative;
  width: 50px; 
  height: 50px; 
  margin: 0 10px 0 0; 
  padding: 0; 
}
.comment_text {   
  width: auto; 
  min-height: 50px!important;
  padding: 0; 
  margin: 0 0 7px 0;  
	overflow: hidden;
  font-size: 13px;
} 
.comment_text p {     
  color: #000;
} 
.commentmetadata {     
  line-height: 1.5;
  margin: -4px 0 7px 0; 
  padding: 0;
  font-size: 12px; 
  font-weight: normal; 
  text-align: left;
  overflow: hidden;
} 
.commentmetadata .time {
  margin: 0 5px 0 0; 
}
.comment_text p {   
  width: auto; 
  padding: 0; 
  margin: 0;  
	overflow: hidden;
  font-size: 13px; 
} 
ol.commentlist .reply { 
  width: auto; 
  padding: 5px 0 5px 0!important;  
  font-size: 12px; 
  text-align: left;
  text-decoration: none; 
}
ol.commentlist li .reply a:hover, ol.commentlist li .reply a:active {  
  text-decoration: none; 
}
#respond {  
  margin: 10px 0 0 0 !important; 
  padding: 0 !important; 
	overflow: hidden;
}
#respond p { 
  font-size: 12px; 
  margin: 0 0 1em; 
}
#cancel-comment-reply { 
  margin: 0 !important;
	font-size: 13px;
}
#cancel-comment-reply-link {
  padding-top: 10px;
}
.required {  
  font-size: 15px; 
}

/************************************************
*	ol						*
************************************************/

ol.commentlist ul.children,
ol.commentlist ul ul.children,
ol.commentlist ul ul ul.children,
ol.commentlist ul ul ul ul.children {
  width: auto;
  height: auto;
  text-indent: 0; 
  list-style: none; 
  clear: both;  
}
ol.commentlist ul.children li {   
  margin-top: 5px!important; 
  padding-left: 20px;
}

/************************************************
*	Commentsform								*
************************************************/

#commentform, #contactform {  
  width: 90%;
  height: auto; 
  font-family:  Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
  z-index: 2;
  clear: both;
	overflow: hidden;   
} 
#commentform p, #contactform p {  
  margin-bottom: 10px;
  overflow: hidden;
} 
#contactform input, textarea#cp_message,
#commentform input, textarea#comment { 
  font-family:  Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px; 
  margin: 0; 
  padding: 5px; 
  background: #fff;
  box-sizing: border-box;
} 
#searchform input#s,
#commentform input, textarea#comment,
#contactform input, textarea#cp_message {
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
	overflow: visible;   
}		
#single_submitButton:hover,
#searchform input#s:focus, #searchform input#s:hover,
#commentform input:focus, textarea#comment:focus,
#commentform input:hover, textarea#comment:hover, 
#contactform textarea#cp_message:focus, #contactform input:focus,
#contactform textarea#cp_message:hover, #contactform input:hover {
  box-shadow: none;
}
input#cp_name, input#cp_email, input#cp_url,
input#com-author, input#email, input#url { 
  width: 35%; 
  min-width: 175px; 
  height: 30px; 
  clear: both;
} 
textarea#comment, textarea#cp_message {  
  width: 99%;
  min-height: 150px;
  padding: 10px; 
  overflow: auto; 
} 
input#submit { 
  float: right;
  width: 130px; 
  height: 31px; 
  border: 0; 
  color: #fff; 
  cursor: pointer; 
  margin-bottom: 0;
  margin-right: 5px;  
  padding: 0 0 2px 0; 
  font-size: 14px; 
  text-align: center;
  border-radius: 0;
  box-shadow: none;
} 
input#submit:hover { 
  opacity: 0.9 !important;
} 
#login-navi {  
	padding: 0 0 20px 0!important;
  width: 96%; 
}
#login-navi .alignleft { 
  float: left; 
  width: 60%; 
  font-size: 13px; 
}
#login-navi .alignright {     
  float: right; 
  text-align: right; 
  width: 70px; 
  font-size: 13px; 
  text-align: right;
}
.attention, .moderation { 
  width: auto;
  margin: 10px 0 5px 0; 
  color: #666; 
  font-size: 13px;
  clear: both;
}
.moderation { 
  font-style: italic; 
  font-size: 14px;
}

/************************************************
* contactform					*
************************************************/

#contactform {       
	margin: 30px 0 30px 0;
}
input#cp_verify { 
  width: 137px;
  height: 30px; 
}

/*********************************************
	Anchors
*********************************************/

#to-top {
  position: fixed; bottom: 10px; right: 25px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 1000;
}
a.add_comments {  
  max-width: 220px;
  background: url('images/arrow_top.png') right 3px no-repeat;
  padding-right: 18px;
  margin: 20px 0 25px 0!important;
  display: block;
} 
#add_comments { 
  float: left;
  width: auto; 
  margin: 0 0 20px 0 !important; 
} 
.navi_top { 
  float: left;
  width: 100%; 
  height: auto;
  margin-top: 10px;
} 
#first {  
  width: auto;
  background: url('images/arrow_bot.png') right 4px no-repeat;
  padding-right: 18px;
} 
a#ancor { 
  width: auto;
  padding-left: 18px;
  background: url('images/arrow_bot.png') left 4px no-repeat;
} 

/************************************************
*	Comment	navigation								*
************************************************/

#navig { 
  max-width: 600px;
  height: 20px;
  margin: 0 auto 10px; 
  padding: 0; 
  border: 0;
  overflow: hidden;
} 
#navig .alignleft, #navig .alignright{   
  float: left;
  max-width: 46%;
  margin: 0 0 10px 0; 
  padding: 0; 
} 
#navig .alignright { 
  float: right;
} 

/********************************
  Site navigation       
********************************/

.navigation {    
  position: relative; 
  width: auto; 
  height: 25px; 
  text-align: center;
  font-weight: normal; 
  margin: 0 0 10px 0!important; 
  padding: 20px 0 0 0; 
  clear: both; 
}
.navigation .alignleft, 
.navigation .alignright {
  width: 70px;
}
.navigation .alignleft {  
  float: left;  
}
.navigation .alignright {  
  float: right; 
  margin-top: -22px; 
}
.pagenavi {  
  float: none;
  clear: none; 
  display: block;
  font-size: 15px;
}
.pagenavi a {
  padding: 3px 5px 3px 5px;
}
.pagenavi .current {
  padding: 3px 8px 3px 8px;
  color: #000;
  font-weight: bold;
}
.pagenavi a:link, .pagenavi a:visited { 
	color: #666;
	text-decoration: none;
}
.pagenavi a:hover, .pagenavi a:active {
	color: #000;
}

/*********************************************
	Comment	editor
*********************************************/

blockquote {
  background: #fff;
  border-left: 4px solid #dbc9b8;
  margin: 15px 0;
  padding: 10px 10px 15px 10px;
  font-style: italic;
}
blockquote blockquote {
  background: #fff;
	border-left: 4px solid #dbc9b8;
	margin: 5px 0 5px 0;
}
quote {
  background: #fff;
  display: block;
  margin: 15px 0;
  padding: 10px;
}

/************************************************
*	subscribe-to-comments						*
************************************************/

.subscribe-to-comments {
  width: auto; 
  margin: 10px 0 15px 0 !important;
  padding: 0;
} 
.subscribe-to-comments input#subscribe {
  float: left;
  box-shadow: none;
}
.subscribe-to-comments label {
  padding: 2px 0 0 7px;
  display: inline-block;  
}

/************************************************
*	footer						*
************************************************/

#footer {
  width: auto;
  min-height: 80px;
  padding: 30px 20px 0 20px;
	color: #ECE2D9;
  text-align: center;
  clear: both !important;
}
#footer a:link, #footer a:visited {
	color: #ECE2D9;
}
#footer a:hover, #footer a:active {
	color: #FAF6F2;
}
#track-text {
  height: auto;
  margin: 0 0 10px 0;
}
.copyright {  padding-bottom: 10px!important; }

/************************************************
*	media-queries					*
************************************************/

/* fonts    */

@media (min-width: 1100px) { 
  body {font-size: 0.9rem;} 
} 
@media screen and (max-width: 900px) { 
    #new { font: 0.8rem; }
}
@media (max-width: 768px) {
    .sid_content ul li, .mini-post, #cat-desc {  font-size: 0.9rem; } 
    .text p, #new, #bottom-bg .last-title { font-size: 1rem; } 
    .last-title, .comment-title { font-size: 1.1rem; font-weight: normal;}
}
/* visibility and padding   */

@media screen and (max-width: 1320px) { 
   #top_menu .menu { margin-left: 20px;}   
}
@media screen and (max-width: 1280px) { 
   #container { max-width: 1146px;}
   .menu_left, .menu_right { display: none;}
   #top_menu .menu_middle { left: 0; right: 0;}
}
@media screen and (max-width: 1160px) { 
    #s { width: 88%; margin-right: 6%;}
    #searchsubmit { right: 4px;}
    .attention { margin: 0 0 5px 0; }
    .social a { width: 99%;}
    .postmetadata #share { width: 100%;}
}
@media screen and (max-width: 1000px) { 
    .header_ad468x60 { display: none; } 
    #new { width: 48%; }
}
@media screen and (max-width: 980px) { 
    #submitButton {  height: 34px; font-size: 22px; margin-left: 4px; }
    .postmetadata .col { width: 47%; }
    #other .col { width: 47%; min-height: 250px; }
    #fb {  text-align: left !important; padding-left: 7px; }
    #archive1, #archive2  { width: 49%;} 
    #archive3 {	width: 100%;} 
}
@media screen and (max-width: 900px) { 
    #new { width: 99%; margin-bottom: 10px; }
    .submitButton { font-size: 20px;height: 36px;}
    #vrezka { float: left; margin: 5px 0 15px 0 !important; }
}
@media screen and (max-width: 800px) { 
    .img-block { width: 44%;}
   #bottom-bg .col {
     width: 96% !important;
     clear: none !important;
   }
}
/* Tablet  */ 

@media screen and (max-width: 768px) 	{
    #onecolumn, .main, #sidebar1, #sidebar2, .bottom-block { width: 100%; }
    #top_menu, .menu { display: none; }
    #sidebar2 { float: left; }
    #page	{ margin-top: 0; }
    #desc	{ margin-bottom: 10px; } 
    #submitButton {  height: 38px; font-size: 24px; margin-left: 1px; }
    form#SR_form { margin: 0 auto 0; }
    #searchsubmit { right: 7px; }
    #new { width: 53%; }
    #vrezka { float: right; }
    .img-block { width: 21%;}
    .sid_content li { margin-bottom: 0 !important; color: #333; }
    .submitButton { font-size: 22px;height: 38px;}
    .social a { width: 24%;}
    .wrapper { padding: 0;}
    .nav-collapse { clear: both; }
    .collapse { height: 0; overflow: hidden;}
    .btn-navbar { display: block; }
   /* .navbar-fixed-top { position: static; } */
    .nav, .nav li, .nav li a { float: none; margin-bottom: 0;}
    .nav li {  padding: 5px 0 5px 0; }
    ul#nav-category {  display: block !important; }
    #top { width: 99%; margin-top: 15px;}
    #category-list, #nav-page { display: none;}
    #nav-category { display: block !important;}
    #commentform, #contactform { width: 70%;}
    .postmetadata .col, .postmetadata #share { width: 17%; }
    #other .col { width: 22%; min-height: 220px; }
    #archive1 { width: 28%;} 
    #archive2 { width: 32%;} 
    #archive3 {	width: 39%;} 
}
@media screen and (max-width: 600px) 	{
    #ad-top { display: none; }
    #new { width: 47%; margin-top: 8px; }
    .social a { width: 33%;}
    #commentform, #contactform { width: 90%;}
    .postmetadata .col { width: 22%; }
    .postmetadata #share { width: 100%; }
     #other .col {  min-height: 180px; }
}
@media screen and (max-width: 569px) 	{
    #header h1, #header a#logo-text { margin-top: 0;}
}
@media screen and (max-width: 506px) 	{
    #new { margin-top: 0; }
    #archive1, #archive2  { width: 49%;} 
    #archive3 {	width: 100%;} 
}
@media screen and (max-width: 500px) 	{
    #vrezka { float: left; }
    #new { width: 99%; }
    .social a { width: 48%;}
    .postmetadata .col {  width: 47%; }
     #other .col {  width: 47%; min-height: 220px; }
}
@media screen and (max-width: 420px) {
    #logo-img, #header h1, #header a#logo-text, #desc { margin-left: 0; }
    .mini-post {  width: 100%; }
    .img-block { width: 44%;}
    ol.commentlist ul.children li { padding-left: 0;}
}
@media screen and (max-width: 360px) 	{
    .img-block { 
      width: 38%;
      margin-left: 4%;
      margin-right: 4%;
    }
    #RichSnippets { width: 99%; margin: 15px 0 15px 0;}
    img#Rich { float: left; }
    #commentform, #contactform { width: 99%;}
    #other .col {  min-height: 170px; }
}
@media screen and (max-width: 330px) 	{
    #other .col { width: 100%; }
    #archive1, #archive2, #archive3 { width: 99%;} 
     #other .col {  width: 90%; min-height: 230px; }
}
@media screen and (max-width: 300px) 	{
    .img-block, .gallery-item { width: 90%;}
    .submitButton { font-size: 20px; height: 36px;}
    .social a { width: 99%;}
    .postmetadata .col { width: 100%; }
}
@media screen and (max-width: 260px) 	{ 
}