/*
Theme Name: Beloweb
Version: 1.0
Description: Адаптивный премиум шаблон от сайта beloweb.ru - Adapter
Author: beloweb.ru
Author URI: http://beloweb.ru/about
*/

* {
  margin: 0;
  padding: 0;
}

aside, nav, footer, header, section { display: block; }

body {
  width: 100%;
  height: 100%;
  color:#333;
  background: #f7f7f7;
  font-family: Helvetica, Arial, sans-serif;
  font-size:0.94em;
  line-height:135%;
  
}

ul {
	list-style:none;
}

h1 {
	font-size:30px;
	font-weight:normal;
	padding:0px 0 0px;
	line-height:100%;
        font-style:italic;
	
}

a {
	color: #D7A548;
	text-decoration:none;
}

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

img {
   
   max-width: 100%;
   height: auto;
   width: auto\9; /* ie8 */
}

img.wp-smiley {

margin: 0;
padding-bottom: 0px;
border: none;
}

/* -------------------------------
Стрелка наверх
----------------------------------*/

/* Image style */
#scrollUp {
	bottom: 20px;
	right: 40px;
	width: 55px; /* Width of image */
	height: 55px;  /* Height of image */
	background: url(images/top.png) no-repeat;
        
}

#scrollUp:hover {
	background: url(images/tophover.png) no-repeat;
}

/* -------------------------------
Выделение текста
----------------------------------*/

::selection {background: #E87C02; color: #fff;}
::-moz-selection {background: #E87C02; color: #fff}

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#wrapper {
        position:relative;
        margin-top:40px;
        border:0px solid #000;
	width: 100%;
        max-width:1200px;
	margin: 0 auto;
	height: auto  !important;
        
	}

#header {
        border: 0px solid #000;
        background: #E87C02;
        position:relative;
        width: 100%;
        height:130px;
	margin:0 auto;
        margin-top:0px;
	}

#headerInner {
        border: 0px solid #ccc;
        position:relative;
        width: 100%;
        max-width:1200px;
        height:130px;
	margin:0 auto;
        margin-top:0px;
	}

#content {
        margin-top:30px;
        border: 0px solid #E87C02; 
}

#content #colLeft {
        position:relative;
        border: 0px solid #000fff;
        float:left;
	width:69.6%;
	margin-right:3%;
        
        }

#content #colRight {
        height: auto;
        position:relative;
        margin-left:0px;
        float:left;
	width:27%;
        border: 0px solid #E87C02;
	
}

#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.reklama { 
        width:300px;
        margin:0 auto;
        border: 0px solid #E87C02;
        margin-bottom:30px;
         }

.reklama a img { 
        width:100%;
        }

.reklama728 {
        width:728px;
        height:90px;
        margin:0 auto;
        border: 0px solid #E87C02;
        margin-top:30px;
        margin-bottom:30px;
         }

#adsense160 {
        float:right;
        margin:0 auto;
        border: 0px solid #E87C02;
        margin-bottom:30px;
        margin-top:30px;
        }

#adsense336 {
        width:336px;
        margin:0 auto;
        border: 0px solid #E87C02;
        margin-bottom:0px;
        }


#adsense300 {
        width:300px;
        margin:0 auto;
        border: 0px solid #E87C02;
        margin-bottom:30px;
        margin-top:30px;
        }

#adsense728 {
        padding-top:30px;
        width:728px;
        height: 90px;
        margin:0 auto;
        border:0px solid #000;
        
        }

#gooads {
        padding-top:29px;
        width:728px;
        height: 90px;
        margin: 0 auto;
        border:0px solid #000;
        
        }

#sticker {
        float:right;
        margin-right:160px;
        margin-top:30px;
        height: 850px;
	}

/* -------------------------------
Директ
----------------------------------*/

.direct {  
        margin-bottom:10px;
}


/* -------------------------------
Директ
----------------------------------*/

/* -------------------------------
HEADER ELEMENTS
----------------------------------*/

/* bottomMenu */

#fdw {  
        z-index: 1000;
        border: 0px solid #000;
        position:relative;
        max-width:1200px;
        width:100%;
        height:60px;
	margin:0 auto;
        margin-top:0px;
}

#fdw select {
	display:none; /* Для дисплеев мобильных устройств */
}
#fdw ul {
        margin-left:70px;
	display:block;
	z-index:999999;
}
#fdw ul li {
	display:inline-block;
	margin-right:-4px;
	position:relative;
}
#fdw ul li a:link, #fdw ul li a:visited {
        padding:17px 20px 18px 20px;
	color:#fff;
        font-size:18px;
	display:inline-block;
	position:relative;
        -moz-transition: all 0.3s 0.01s ease;
                        -o-transition: all 0.3s 0.01s ease;
                        -webkit-transition: all 0.3s 0.01s ease;
}
#fdw ul li:hover a, #fdw ul li a:active {
        background: #444;
        border-bottom:7px solid #444;
	color:#fff;
	text-decoration:none;
}
#fdw ul li span {
	position:absolute;
	right:0px;
	bottom:6px;
	width:7px;
	height:8px;
	margin:0 0 0 0px;
	float:right;
	display:block;
	
	font:0/0 a;
}
#fdw ul li.current {
	border-bottom:0px solid #e25d29;
}
#fdw ul li.current a {
	color:#333;
	cursor: default;
}
#fdw ul li.current a span {
	background:url('../images/nav_arrow.png') no-repeat left 0;
}
#fdw ul li.current ul li a {
	cursor:pointer;
}

/*===== Стили для sub_menu =======*/
#fdw ul li ul.sub-menu {
	position:absolute;
	top:62px;
	left:0;
	margin:0;
	padding:0;
	background:#444;
	border:0px solid #ececec;
	
	display:none;
	z-index:999999;
        
}
#fdw ul li ul.sub-menu li.arrow_top {
	position:absolute;
	top:-12px;
	left:12px;
	width:13px;
	height:8px;
	display:block;
	border:none;
	
}
#fdw ul li ul.sub-menu li {
	float:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #3d3d3d;
}
#fdw ul li ul.sub-menu li a {
        border-bottom:none;
	white-space: nowrap;
	width: 170px;
	padding:12px;
	font-size:15px;
	text-transform:capitalize;
	color:#999;
}
#fdw ul li ul.sub-menu li a:hover {
	background:#3e3e3e;
	color:#fff;
}
#fdw ul li ul.sub-menu li a.subCurrent {
	color:#e25d29;
	cursor:default;
}
#fdw ul li ul.sub-menu li a.subCurrent:hover {
	background:none;
}
/*===========================================*/

/* Для всех мобильных устройств */
@media only screen and (max-width: 900px) {

		/* Навигационное меню */
		#fdw ul li {
			display:none;
		}
		#fdw select {
			width:40%;
			display:block;
			margin-bottom:0px;
			cursor:pointer;
			padding:6px;
			background:#f9f9f9;
			border:1px solid #e3e3e3;
			color:#777;
                        margin-top:12px;
                        margin-left:0px;
                        }

.bottomMenubg{
        padding-top:5px;
        }
}

.bottomMenu {  
        position:absolute;
	left:0px;
	top:17px;
        }

.bottomMenubg{
        border-bottom:7px solid #CCC;
        width:100%;
        background: #AAA;
        height:55px;
	z-index: 4;
        position:relative;
        }

.bottomMenuhomelink a {
        z-index: 4;
        border:0px solid #DDD;
        width:70px;
        background: #CCC url(images/bottomMenuhomelink.png) 23px 16px no-repeat;
        height:62px;
	position:absolute;
	left:0px;
	top:0px;
        -moz-transition: all 0.2s 0.01s ease;
        -o-transition: all 0.2s 0.01s ease;
        -webkit-transition: all 0.2s 0.01s ease;
        }

.bottomMenuhomelink a:hover {
        background: #444 url(images/bottomMenuhomelink.png) 23px 25px no-repeat;
        }

#bottomMenublock {
        border: 0px solid #000;
        position:relative;
        width:1200px;
        height:60px;
	margin:0 auto;
        margin-top:0px;
	}

/* -------------------------------
      Блок "Последние посты"
----------------------------------*/

#lpblock {
        border-bottom: 0px solid #eee;
        background: #fff;
        position:relative;
        width: 100%;
        height:130px;
	margin:0 auto;
        margin-top:60px;
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Firefox */
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Safari и Chrome */
        box-shadow: 0 2px 3px rgba(0,0,0,0.05); /* Параметры тени */
	}

#lpblockInner {
        border: 0px solid #ccc;
        position:relative;
        width: 100%;
        max-width:1200px;
        height:130px;
	margin:0 auto;
        margin-top:0px;
	}

#lpblock #lpblockInner h2 {
        font-family: Times New Roman, Times, serif ;
        color:#b2b2b2;
        background: url(images/lpblockInner.png) 0px 50px no-repeat;
        font-weight:100;
        padding:52px 0px 20px 40px;
        margin-top:0px;
        font-size:2.5em;
        }

/*----------------------------
          Логотип
------------------------------*/

.logo {
        position:absolute;
	left:0px;
        top:28px;
        }

/* Верхнее правое меню */

.topMenuRight {
        position:absolute;
	right:0px;
	top:55px;
        border: 0px solid #E87C02;
	}

.topMenuRight ul li {
        float:left;
}

.topMenuRight li a{
        font-family: Helvetica, Arial, sans-serif;
        text-shadow: none;
        color:#fff;
	text-decoration:none;
	font-size:18px;
	margin-left:0px;
        padding:10px 3px 20px 24px;
        border-bottom: 0px solid #fff;
        -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
        }

.topMenuRight li a:hover {
        color:#CCC;
        border-bottom: 0px solid #F2872F;
        }

/*----------------------------
       Основной контент
------------------------------*/

/*#######################
       Инфо панель
#########################*/

.infobig {
        width:100%;
        padding-left:0px;
        margin-bottom:15px;
        margin-top:15px;
        font-size:13px;
	line-height:100%;
	color:#999;
        }

.infobig a {
        color:#999;
        }

.infobig a:hover {
        color:#E87C02;
        }

.info {
        margin: 0 auto;
        width:90%;
        padding-left:0px;
        margin-bottom:15px;
        margin-top:15px;
        font-size:13px;
	line-height:100%;
	color:#999;
        }

.info a {
        line-height:20px;
        color:#999;
        }

.info a:hover {
        color:#E87C02;
        }

.autorpostbox {
        position:absolute;
	left:20px;
	bottom:20px;
        }

.autorpostbox a {
        color:#E87C02;
        }

.autorpostbox a:hover {
        color:#E87C02;
        }

.autorpostbox img {
        float:left;
        border-radius: 4px;
        margin-top:2px;
	}

.autorpostbox span {
        font-weight:100;
        margin-top:0px;
        margin-left:0px;
        float:left;
        font-size:15px;
	}

.autorpostbox p{
        color:#999;
        margin-top:0px;
        margin-left:0px;
        font-size:11px;
	}

/*#######################
    Конец Инфо панель
#########################*/

/*#######################
  Основной большой блок
#########################*/

.postBoxbig {
        background: #fff;
        padding:2.43%;
        position:relative;
        border:0px solid #f3f3f3;
        width:94.7%;
        margin-bottom:55px;
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Firefox */
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Safari и Chrome */
        box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Параметры тени */
        }

.postBoxbig h2 a {
        font-family: Helvetica, Arial, sans-serif ;
        color:#222;
        font-weight:100;
	font-size:30px;
        line-height:35px;
        -moz-transition: all 0.2s 0.01s ease;
        -o-transition: all 0.2s 0.01s ease;
        -webkit-transition: all 0.2s 0.01s ease;
        }

.postBoxbig h2 a:hover {
        color:#E87C02;
	}

.textPreviewbig {
	font-size:15px;
	margin-bottom:60px;
        }

.postThumbbig{
        
        overflow:hidden;
        margin-bottom:10px;
	}

.postThumbbig img{
        border-radius: 6px;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        }

.postThumbbig img:hover{
         border-radius: 6px;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        }

/*#######################
Конец Основной большой блок
#########################*/

/*#######################
  Последние посты
#########################*/

.postBox {
        border-radius: 5px 5px 0px 0px;
        background: #fff;
        float:left;
        position:relative;
        border:0px solid #f3f3f3;
        width:46%;
        height:530px;
        margin-top:0px;
        margin-right:0px;
	margin-bottom:50px;
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Firefox */
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Safari и Chrome */
        box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Параметры тени */
        }

.first {
        margin-right:7.5%;
	}

.postBox h2 {
        margin: 0 auto;
        width:90%;
        border:0px solid #555;
        }

.postBox h2 a {
        font-family: Helvetica, Arial, sans-serif ;
        color:#222;
        font-weight:100;
	font-size:0.9em;
        line-height:25px;
        -moz-transition: all 0.2s 0.01s ease;
        -o-transition: all 0.2s 0.01s ease;
        -webkit-transition: all 0.2s 0.01s ease;
        }

.postBox h2 a:hover {
        color:#E87C02;
	}

.postBox .textPreview {
        margin: 0 auto;
        width:90%;
        border:0px solid #555;
	font-size:15px;
	margin-bottom:0px;
        }

.postBox .infopost {
        border:0px solid #555;
        float:left;
        padding-left:0px;
        margin-bottom:15px;
        margin-top:15px;
        width:50%;
        font-size:13px;
	line-height:100%;
	color:#999;
        }	

.postBox .postThumb{
        margin-bottom:10px;
	overflow:hidden;
        
        }

.postBox .postThumb a img{
        width:100%;
        border-radius: 5px 5px 0px 0px;
        border:0px dotted #555;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        }

.postThumb a img:hover{
         border-radius: 6px;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        }

.more-link a {
        border-radius: 3px;
        background: #e7e7e7 url(images/more-link.png) 8px 9px no-repeat;
        position:absolute;
	right:20px;
	bottom:20px;
        font-weight:500;
        color:#888;
        font-size:15px;
        padding:6px 11px 9px 31px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
	}

.more-link a:hover {
        background:#E87C02 url(images/more-link.png) 13px 9px no-repeat;
        color:#fff;
        }

.postBox .metkablue {
        width:16px;
        height:31px;  
        background: url(images/metka.png) 0px 0px no-repeat;
        position:absolute;
	left:-25px;
	top:17px;
        border:0px solid #000;
        }

.postBox .avaautor {
        width:65px;
        height:65px;  
        background: url(images/krugheart.png) 0px 0px no-repeat;
        position:absolute;
	left:-98px;
	top:0px;
        border:0px solid #000;
        }

.postBox .avaautor img {
        border-radius: 50px;
        border:6px solid #e5e5e5;
        }

.postBox .time {
        font-size:13px;
        text-align: center;
        color:#E87C02;
        position:absolute;
	left:-52px;
	top:70px;
        border:0px solid #000;
        }

.postBox .time span {
        text-align: center;
        font-size:28px;
        }

/*#######################
  Конец Последние посты
#########################*/

/* --------------------------------
            Сайдбар
-----------------------------------*/

/* --------------------------------
           Блоки с миниатюрами
-----------------------------------*/

.rightBoxtumb {
        position:relative;
        margin-top:30px;
        margin-left:0px;
        width:100%;
        margin-bottom:18px;
        }

.rightBoxtumb p {
        margin-top:15px;
        font-size:15px;
        color:#ccc;
        }

.rightBoxtumb p a {
        font-size:13px !important;
        border-radius: 3px;
        background: #E87C02;
        padding:1px 3px 3px 3px;
        color:#fff !important;
        }

.rightBoxtumb p a:hover {
        background: #FEA543;
        }

.rightBoxtumbline {
        background: url(images/rightBoxline.png) 0px 0px no-repeat;
        margin-top:0px;
        margin-left:0px;
        width:300px;
        height:2px;
        margin-bottom:5px;
        
        }

.rightBoxtumb h2 {
        background: url(images/lineh2.png) 0px 0px no-repeat;
        border-top: 1px solid #e4e4e4;
        margin-bottom:15px;
        font-size:16px;
	font-weight:100;
	font-family: Helvetica, Arial, sans-serif;
	color:#E87C02;
	display:block;
	padding:10px 0px 0px 0px;
}

.rightBoxtumb h2 a {
        color: #81A4C2;
}

.rightBoxtumb h2 a:hover {
        color: #000;
}

.rightBoxtumb ul li a{
        color: #000;
        }

.rightBoxtumb ul li a:hover{
        color: #E87C02;
        }

.rightBoxtumb ul li{
        font-family: Helvetica, Arial, sans-serif ;
        font-weight:normal;
        position:relative;
        height:95px;
	padding:7px 0px;
	border-bottom:0px solid #dad9ca;
        font-size:14px;
        line-height: 20px;
        }

.rightBoxtumb ul li img{
        border-radius: 5px;
        position:relative;
        float:left;
	width:90px;
        height:90px;
	border: 0px solid #c5dba4;
        background: #fff;
        margin-right:15px;
        }

/* --------------------------------
     Конец Блоки с миниатюрами
-----------------------------------*/

.rightBox {
        
        margin-top:0px;
        margin-left:0px;
        width:100%;
        margin-bottom:30px;
        
        }

.rightBox h2 {
        
        background: url(images/lineh2.png) 0px 0px no-repeat;
        border-top: 1px solid #e4e4e4;
        margin-bottom:15px;
        font-size:22px;
	font-weight:100;
	font-family: Helvetica, Arial, sans-serif;
	color:#E87C02;
	display:block;
	padding:10px 0px 0px 0px;
}

.rightBox ul li{
        padding:10px 0px;
	border-bottom:1px solid #e5e5e5;
        font-size:15px;
        line-height: 16px;
        color: #ccc;
        }

.rightBox a {
        color:#333;
        line-height:21px;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
}

.rightBox a:hover {
	color: #E87C02;
        }

/*----------------------------
       Сингл контент
------------------------------*/

#authorDetails {
        min-height:90px;
        background: #f9f9f9;
        border:0px solid #000;
        width:100%;
        margin-bottom:40px;
        margin-left:-20px;
        padding:20px;
        }

#authorDetails p {
        margin-top:0px;
        }

#authorDetails img {
        border:1px solid #eee;
        border-radius: 4px;
        float:left;
        margin-right:20px;
        }

#authorDetails h4 {
        border-bottom: 0px solid #eee;
        border-top: none;
        color:#555;
        font-size:25px;
	font-weight:normal;
	margin-top:0px;
	line-height:100%;
        margin-bottom:0px;
        margin-left:20px;
        padding-top:0px;
        padding-bottom:10px;
        }

.breadcrumb {
        padding-top:4px;
        }

.breadcrumb h3 {
        line-height:23px;
        display: block;
        border:0px solid #000;
        width:100%;
        margin-bottom:8px;
        }

.breadcrumb a {
        margin-top:25px;
        color:#E87C02;
        font-size:25px;
        }

.breadcrumb a:hover {
        color:#333;
        }
		
.singlecont {
        
        background: #fff;
        padding:2.43%;
        position:relative;
        border:0px solid #f3f3f3;
        width:94.7%;
        margin-bottom:55px;
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Firefox */
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Для Safari и Chrome */
        box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Параметры тени */
        }

.singlecont h1 {
        font-family: Helvetica, Arial, sans-serif ;
        color:#444;
        font-size:28px;
	font-style:normal;
	padding:0px 0 0px;
	line-height:100%;
        margin-bottom:20px;
        }

.singlecont .hrdown {
        width:655px;
	height:16px;
        background: url(images/post.png) 0px 0px repeat-x;
        margin-bottom:25px;
        margin-top:27px;
        }

.singlecont .infocont {
        border-bottom:1px solid #eee;
        margin-bottom:5px;
        padding-bottom:20px;
        margin-top:15px;
        font-size:14px;
	line-height:100%;
	color:#c0c0c0;
        }
 
.singlecont .infocont a {
        color:#888;
        border-bottom:1px solid #ddd;
        }

.singlecont .infocont a:hover {
        color:#E87C02;
        }

.singlecont a {
        color: #E87C02;
        }

.singlecont a:hover {
        color: #E87C02;
        border-bottom:1px solid #ddd;
        }

.singlecont .textPr {
	margin-top:20px;
	}

.singlecont .textPr h3 {
	font-family: Helvetica, Arial, sans-serif ;
        color:#dc5a54;
        font-size:25px;
	font-style:normal;
	padding-top:10px;
	line-height:100%;
        margin-bottom:20px;
	}

.singlecont ul {
        margin-top:10px;
        margin-bottom:10px;
	}

.cont {
        color:#555;
        font-size:17px;
	line-height:24px;
        border-radius: 6px;
        }

.cont img {
        border-radius: 6px;
        margin-bottom:10px;
        border:1px solid #eee;
        }

.cont ul {
        
        margin-bottom:25px;
        }

.cont ul li {
        width:98%;
        background: url(images/list.png) 0px 11px no-repeat;
        padding:5px 0 5px 18px;
        color:#000;
        font-weight:normal;
	line-height:22px;
        margin-bottom:0px;
        }

.cont ol li {
        /*width:660px;*/
        padding:5px 0 5px 5px;
        color:#000;
        margin-left:25px;
        font-weight:normal;
	line-height:18px;
        }

.cont h1 {
        background: none;
        color:#444;
        font-size:33px;
	font-weight:bold;
	margin-top:20px;
	line-height:100%;
        margin-bottom:20px;
        padding-bottom:7px;
        }

.cont h2,h3,h4 {
        width:100%;
        border-top: 1px solid #eee;
        color:#333;
        font-size:28px;
	font-weight:normal;
	margin-top:40px;
	line-height:100%;
        margin-bottom:40px;
        padding-top:10px;
        }

.singlecont p {
        margin-bottom:15px;
	}

/* Теги */

.postTags{
       margin-bottom:50px; 
       margin-top:50px; 
 }

.postTags a{
        border-radius: 3px;
        border:none;
        color:#999;
        padding: 8px 10px 8px 10px;
        font-size:12px;
        background: #f9f9f9;
        margin-right:8px;
        text-transform: uppercase;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
 }

.postTags a:hover{
        border:none;
        background: #E87C02;
        color:#fff;
 }

/*----------------------------
FOOTER ELEMENTS
------------------------------*/

.logofooter {
        border: 0px solid #fff;
	position:absolute;
	left:0px;
	top:25px;
        }

#footernav {
        position:absolute;
	right:0px;
	top:30px;
        border: 0px solid #E87C02;
	}

#footernav ul li {
        float:left;
}

#footernav li a{
        font-family: Helvetica, Arial, sans-serif;
        text-shadow: none;
        color:#fff;
	text-decoration:none;
	font-size:17px;
	margin-left:0px;
        padding:0px 12px 0px 12px;
        border-bottom: 0px solid #fff;
        -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
        }

#footernav li a:hover {
        color:#FFFF99;
        border-bottom: 0px solid #FF9933;
        }

#footer {
        margin-top:0px;
        border-top:0px solid #fff;
        background: #E87C02;
       }

#footerInner {
        border: 0px solid #d8514a;
        height:100px;
        position:relative;
	width: 100%;
        max-width:1200px;
	margin:0 auto;
	color:#ccc;
        overflow:hidden;
	padding-bottom:20px;
}

#footerInner .boxFooter {
        border-top:7px solid #00c1d9;
        float:left;
	width:20%;
        margin-top:0px;
        margin-right:5%;
        -moz-transition: all 0.3s 0.05s ease;
        -o-transition: all 0.3s 0.05s ease;
        -webkit-transition: all 0.3s 0.05s ease;
        }

#footerInner .boxFooter:hover {
        border-top:7px solid #dc5954;
        }

#footerInner .boxFooter p{
        line-height:18px;
        color: #ccc;
	font-size:13px;
        }

#footerInner .last {
	margin-right:0;
}

#footerInner h2 {
        font-weight:bold;
        color: #fff;
	font-size:18px;
	padding:10px 0 5px 10px;
	margin-bottom:0px;
}

#footerInner .boxFooter ul li  {
	padding:10px 0px 10px 0px;
	border-bottom:0px dashed #61544c;
	color:#fff;
	font-size:10px;
	font-style:italic;
}

#footerInner .boxFooter ul li img{
        padding:3px;
        border:1px solid #555;
        margin:2px 8px 7px 0px;
        display:block;
        height:45px;
        width:45px;
        float:left;
        }

#footerInner .boxFooter ul li br {
	line-height:5px;
}

#footerInner .boxFooter ul li a {
        padding-left:17px;
        background: url(images/boxFootermark.png) 0px 4px no-repeat;
	text-decoration:none;
	color:#ccc;
	font-size:13px;
	font-style:normal;
}

#footerInner .boxFooter ul li a:hover {
	color:#777;
}


#copyright {
        position:absolute;
	right:0px;
	top:0px;
}

#copyright p {
        line-height:16px;
        font-size:15px;
        float:left;
        margin-top:12px;
	color:#636363;
}

/* --------------------------------
Формы
-----------------------------------*/

#form-query {
        margin-bottom:15px;
        position:relative;
        background: #fff;
	border:1px solid #f3f3f3;
	width:95%;
        margin-top:0px;
	padding:15px 0px 15px 5.5%;
	font-weight:100;
	font-size:14px;
	color:#999;
	}

#form-querysub {
        margin-right:10px;
        border: none;
        z-index: 4;
        position:absolute;
	right:0px;
	top:0px;
	width:23px;
	height:35px;
	background:url(images/searchico.png) 0px 12px no-repeat;
	}

#form-querysub:hover {
	cursor: pointer;
}

/* --------------------------------
Соц закладки
-----------------------------------*/

.footericon { 
        z-index: 4;
        position:absolute;
	right:0px;
	top:60px;
        }


      .footericon  a { display:inline-block; width: 24px; height: 32px; margin: 2px 0px 2px 0; }
      
      
      .footericon .icon-wp { 
                 background: url(images/wp.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: 10px;
}

.footericon .icon-wp:hover { 
                 background: url(images/wphover.png) 0 center no-repeat; 
                 }

.footericon .icon-html { 
                 background: url(images/html.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 }

.footericon .icon-html:hover { 
                 background: url(images/htmlhover.png) 0 center no-repeat; 
                 }

.sharenew { 
        z-index: 4;
        position:absolute;
	right:0px;
	top:13px;
        }


      .sharenew a { display:inline-block; width: 24px; height: 24px; margin: 2px 0px 2px 0; }
      
      .sharenew .icon-facebook { 

                 background: url(images/facebook-icon.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: -10px;
}
      .sharenew .icon-twitter { 
                 background: url(images/twitter-icon.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: 0px;
       }

      .sharenew .icon-Google { 
                 background: url(images/gplus-variation.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: -5px;
                 }

.sharenew .icon-rss { 
                 background: url(images/rss-variation.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: -5px;
}

.sharenew .icon-vk { 
                 background: url(images/vk-icon.png) 0 center no-repeat; 
                 padding:4px 0px 0px 5px;
                 font-size:17px;
                 margin-right: -6px;
}

.sharenew .icon-mail { 
                 background: url(images/mail-icon.png) 0 center no-repeat; 
                 padding:4px 0px 0px 0px;
                 font-size:17px;
                 margin-right: 5px;
       }

/* --------------------------------
Формы
-----------------------------------*/

/*----------------------------
         популярные посты
------------------------------*/

.relatedPosts  {
        width:105%;
	height:320px;
        list-style:none;
        border:0px solid #333;
}

.relatedPosts h2{
        width:95.5%;
	margin-top:30px;
        color:#555;
        padding: 10px 0px 20px 0px;
        margin-left:0px;
        border-top:1px solid #eee;
        font-weight: 100;
        font-size:27px;
}

.relatedPosts img  {
        border-radius: 6px;
        float:left;
        color:#999;
        margin-bottom:10px;
        }

.relatedPosts a  {
        border-bottom:none;
        font-size:17px;
        color:#E87C02;
        font-weight: 600;
        }

.relatedPosts a:hover  {
        border-bottom:none;
        color:#555;
        }

.relatedPosts li  {
        margin-right:2.5%;
        width:30.2%;
        float:left;
        padding:20px 0;
	font-size:14px;
        padding: 0px;
        border:0px solid #333;
        list-style:none;
	margin-bottom:20px;
        }

/* Комментарии
-----------------------------------*/

.commvk {
        width:100%;
        opacity: 0.7;
        margin-bottom:50px;
        -moz-transition: opacity 0.3s 0.05s ease;
        -o-transition: opacity 0.3s 0.05s ease;
        -webkit-transition: opacity 0.3s 0.05s ease;
        }

.commvk:hover {
        
        opacity: 1;
        
        }

.h2comments {
        font-family: Helvetica, Arial, sans-serif ;
	color:#555;
        padding: 0px 0px 25px 0px;
        margin-left:0px;
        border:0px solid #333;
        font-weight: 100;
        font-size:28px;
	
	}

.h2comments a.addComment {
        border:none;
        color:#fff;
        padding: 10px 15px 14px 15px;
        font-size:18px;
        background: #5cbfd7;
        margin-top:-10px;
        margin-right:0px;
	display:block;
	float:right;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
	}

.h2comments a.addComment:hover {
	background: #dc5a54;
        color:#fff;
        }

h2#commentsForm {
	margin:0;
	padding-top:0;
}

#content #colLeft ul.commentlist {
        width:100%;
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:20px 0;
	border-top:0px dotted #7a9e0e;
	border-bottom:0px dotted #7a9e0e;
	padding:0;
}

#content #colLeft ul.commentlist ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
}

#content #colLeft ul.commentlist li {
	padding:0 0 20px 40px;
	position:relative;
	border-bottom:1px solid #E5E8EA;
	margin-top:25px;
        background:none;
}

#content #colLeft ul.commentlist li p{
	font-size:13px;
	margin:10px 0;
        margin-left:10px;
}

#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
	margin-left:20px;	
}

#content #colLeft ul.commentlist li .comment-meta span {
	font-size:11px;
	color:#999;
}

#content #colLeft ul.commentlist li .comment-meta {
	font-size:18px;
        margin-left:30px;
}


#content #colLeft ul.commentlist li .avatar {
	background:#fff;
	border:1px solid #eee;
	position:absolute;
	left:0;
	top:5px;
}

#content #colLeft ul.commentlist .reply {
        position:absolute;
	right:10px;
	top:0px;
	text-align:center;
	font-size:21px;
	}

#content #colLeft ul.commentlist .reply a {
        border-bottom:none;
	display:block;
	color:#e1e1e1;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
}

#content #colLeft ul.commentlist .reply a:hover {
       color:#5cbfd7;
       }

#content #colLeft ul.commentlist li .children li {
	margin-top:20px;
        padding-top:20px;
	border-top:1px solid #E5E8EA;
	border-bottom:none;
	overflow:hidden;
	padding-bottom:0;
}

#content #colLeft ul.commentlist li .children li .avatar {
	top:25px;
}

#content #colLeft ul.commentlist li .children li .reply {
	top:15px;
}

/* Формы комментариев */

.commenth {
        font-family: "Segoe UI Regular", Tahoma, Helvetica, Sans-Serif;
        color:#555;
        padding: 0px 20px 25px 20px;
        margin-left:35px;
        border:0px solid #333;
        font-weight: 100;
        font-size:22px;
	}

#commentform p {
	margin:0;
}

#commentform label {
        color:#777;
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	border:1px solid #ddd;
	padding:8px;
	width:50%;
	margin-bottom:10px;
        border-radius:4px;
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
}

#commentform input:focus, #commentform textarea:focus {
	border:1px solid #0099FF;
}

#commentform textarea {
	width:96%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#commentform input#submit{
        font-family: Helvetica, Arial, sans-serif ;
        border:none;
        border-radius:0px;
        color:#fff;
        padding: 10px 15px 14px 15px;
        font-size:18px;
        background: #5cbfd7;
        width:150px;
        margin-right:0px;
	display:block;
	cursor:pointer;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
	}

#commentform input#submit:hover {
        color:#fff;
        background: #dc5a54;
	}

blockquote {
        width:90%;
	border-left:5px solid #ccc;
	padding-left:20px;
	margin:15px 0 15px 25px;
	font-size:14px;
        color:#777;
}

blockquote:hover {
        border-left:5px solid #5cbfd7;
	color:#444;
}

/* Навигация */

.emm-paginate { margin-bottom:60px; clear:both; }
.emm-paginate a { font-size:20px; border: 0px solid #ccc; background: #CCC; border-radius: 3px; color:#fff; margin-right:7px; text-align:center; text-decoration:none; padding:0px 9px 4px 9px; -moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current { border-radius: 4px; color:#fff; background:#E87C02; margin-right:7px; padding:0px 9px 4px 9px; font-size:20px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}

/* Contact Form */

#contact label {
	display:block;
	padding:5px 0;
}

#contact input, #contact textarea {
	border:1px solid #ddd;
	padding:8px;
	width:50%;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#contact textarea {
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contact input.submit{
        border-radius:4px;
	font-family: Helvetica, Arial, sans-serif ;
        border:none;
        color:#fff;
        padding: 10px 15px 14px 15px;
        font-size:18px;
        background: #E87C02;
        width:150px;
        margin-right:0px;
	display:block;
	cursor:pointer;
	-moz-transition: all 0.2s 0.01s ease-in;
        -o-transition: all 0.2s 0.01s ease-in;
        -webkit-transition: all 0.2s 0.01s ease-in;
}

#contact input.submit:hover{
	color:#fff;
        background: #E87C02;
	}

.errormsg, .successmsg{
	background:#FEF4F1;
	border:1px solid #F7A68A;
	color:#DA4310;
	padding:10px;
	-moz-border-radius:4px;
        -webkit-border-radius:4px;
}

.successmsg {
	background:#F5FAF1;
	border:1px solid #C2E1AA;
	color:#8FA943;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

/* стрелка вверх */
.scrollTop{
    opacity: 0.5;  
    background:url(images/arrowup.png) 0 0 no-repeat;  
    display:block; width:37px; height:45px;  
    position:fixed; bottom:10px; right:3%;  
    z-index:2000;
    -moz-transition: all 0.5s 0.05s ease;
    -o-transition: all 0.5s 0.05s ease;
    -webkit-transition: all 0.5s 0.05s ease;  
 } 

.scrollTop:hover{
    opacity: 1.0;  
    background:url(images/arrowuphover.png) 0 0 no-repeat; 
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
 }

/* -------------------------------
След. и пред. записи
----------------------------------*/

.nextpostlink a {
        color:#E87C02;
        margin-top:15px;
        border-bottom: none;
        font-size:18px;
        float:right;
        padding-right:95px;
        padding-top:7px;
        background: url(images/nextpostlink.png) 170px 10px no-repeat;
        opacity: 0.7;
	height: 37px;
        -moz-transition: all 0.3s 0.05s ease;
        -o-transition: all 0.3s 0.05s ease;
        -webkit-transition: all 0.3s 0.05s ease;
	}

.nextpostlink a:hover {
        background: url(images/nextpostlinkhover.png) 150px 10px no-repeat;
        border-bottom: none;
        opacity: 1;
	margin-right:20px;
	}

.prepostlink {
        margin-top:30px;
        }

.prepostlink a {
        display:block;
        width:200px;
        color:#E87C02;
        margin-top:20px;
        font-size:18px;
        z-index:2000;
        background: url(images/prepostlink.png) 0px 7px no-repeat;
        opacity: 0.7;
	padding-left:55px;
        padding-top:5px;
        padding-bottom:8px;
        border-bottom: none;
        -moz-transition: all 0.3s 0.05s ease;
        -o-transition: all 0.3s 0.05s ease;
        -webkit-transition: all 0.3s 0.05s ease;
	}

.prepostlink a:hover {
        background: url(images/prepostlinkhover.png) 20px 7px no-repeat;
        border-bottom: none;
        opacity: 1;
	margin-left:30px;
	}

.lv {
        opacity: 0;
        position:absolute;
	right:10px;
	bottom:20px;
        }

.lv:hover {
        opacity: 0.9;
        }
.social {
        opacity: 0.9;
        position:absolute;
	left:0px;
	bottom:10px;
        }

.social:hover {
        opacity: 0.8;
        }

#sochknop {
        
        
        margin-bottom:100px;
        margin-left:120px;
        margin-top:45px;
        -moz-transition: all 0.3s 0.05s ease;
        -o-transition: all 0.3s 0.05s ease;
        -webkit-transition: all 0.3s 0.05s ease;
        
	
}

#sochknop:hover {
        margin-top:45px;
        
       }

#sochknop span {
        
        float:left;
}

/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/* -------------------------------
Адаптивный дизайн
----------------------------------*/

@media screen and (min-width:100px) and (max-width:1200px) {

.reklama { 
        width:300px;
        margin:0 auto;
        border: 0px solid #E87C02;
        margin-bottom:30px;
         }

#sochknop {
        margin-bottom:100px;
        margin-left:5%;
        margin-top:45px;
        
        }

#sticker {
        float:right;
        margin-right:100px;
        margin-top:30px;
	}

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#authorDetails {
        background: none;
        }

#content #colLeft {
        border:0px solid #dedede;
	width:69.1%;
	}

#wrapper {
        border:0px solid #dedede;
        width: 90%;
        }

#headerInner {
        width: 90%;
	}

/* Верхнее правое меню */

.topMenuRight {
        position:absolute;
	right:0px;
	}

.topMenuRight li a{
         font-size:15px;
         -moz-transition: none;
         -o-transition: none;
         -webkit-transition: none;
         }

#copyright {
        position:absolute;
	right:0px;
	top:0px;
}

#fdw {  
        width: 90%;
}

#lpblockInner {
        width: 90%;
        }

.postBoxbig{
         padding:2.83%;
         width:93.7%;
	}

.rightBoxtumb ul li {
        font-size:15px;
	font-weight:100;
	}

.rightBoxtumb p {
        margin-top:5px;
        font-size:13px;
        color:#ccc;
        }

/* -------------------------------
Футер
----------------------------------*/

#footernav {
         position:absolute;
	 right:0px;
	 top:30px;
         }

#footernav li a{
         font-size:15px;
         -moz-transition: none;
         -o-transition: none;
         -webkit-transition: none;
         }

#footerdownInner {
        width: 90%;
        
}

#footerInner {
	width: 90%;
        }

#footerInner .boxFooter {
        width:20%;
        margin-right:5%;
        }
}

@media screen and (min-width:100px) and (max-width:900px) {

#sticker {
        display: none;
	}

.reklama { 
        width: 300px;
        margin:0 auto;
        border: 0px solid #E87C02;
        margin-bottom:30px;
         }

.breadcrumb {
        font-size:20px;
        }

.breadcrumb a {
        font-size:20px;
        }

/* Верхнее правое меню */

.bottomMenuhomelink a {
        display:none;
        }

.sharenew { 
        position:absolute;
	right:0px;
	top:0px;
         }

#lpblock {
        margin-top:0px;
	}

/*----------------------------
          Логотип
------------------------------*/

.logo  {
        padding-top:10px;
        border: 0px solid #000; 
        position:static;
	width: 277px;
        margin: 0 auto;
}

/* Верхнее правое меню */

.topMenuRight {
        clear:both;
        position:static;
	width: 100%;
        border: 0px solid #333;
	margin: 0 auto;
        margin-top:15px;
        padding-bottom:15px;
	}

.topMenuRight ul li{
        padding:20px 20px 21px 20px;
        text-align: center;
        float:none;
	border: 0px solid #333;
	}

.topMenuRight ul li{
        border-bottom: 1px solid #444;
	background: #AAA;
	}

.topMenuRight ul li:hover{
        background: #444;
	}

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#header {
        border: 0px solid #000;
        height:auto;
	}

#headerInner {
        border: 0px solid #ccc;
        height:auto;
	}

#wrapper {
        width: 90%;
        }


#content {
        margin-top:40px;
        border: 0px solid #E87C02; 
}

#content #colLeft {
        margin:0 auto;
        float:none;
	width:100%;
	border:0px solid #ccc;
        }

#content #colRight {
        clear: both;
        border:0px solid #333;
        margin:0 auto;
        float:none;
	width:100%;
        }

.postBoxbig{
         padding:2.83%;
         width:94.5%;
	}

#first {
        margin-right:8%;
	}

#form-query {
        width:97.4%;
        padding:15px 0px 15px 2.5%;
	}

/* -------------------------------
Футер
----------------------------------*/

.footericon { 
        padding-top:0px;
        border: 0px solid #000; 
        position:static;
	width: 72px;
        margin: 0 auto;
        border:0px solid #333; 
          }

.logofooter {
        padding-top:10px;
        border: 0px solid #000; 
        position:static;
	width: 277px;
        margin: 0 auto;
        }

#footer {
        border: 0px solid #000;
        height:auto;
	}

#footerInner  {
        border: 0px solid #ccc;
        height:auto;
	}

#footerInner {
	width: 90%;
        }

#footerInner .boxFooter {
        float:none;
	width:100%;
        margin-right:0%;
        margin-bottom:10px;
        }

/* футер */

#footernav{
        clear:both;
        position:static;
	width: 100%;
        border: 0px solid #333;
	margin: 0 auto;
        margin-top:5px;
        margin-bottom:15px;
	}

#footernav ul li{
        padding:20px 20px 21px 20px;
        text-align: center;
        float:none;
	border: 0px solid #333;
	}

#footernav ul li{
        border-bottom: 1px solid #444;
	background: #AAA;
	}

#footernav ul li:hover{
        background: #444;
	}

.sharenewfooter { 
        z-index: 4;
        position:absolute;
	left:40%;
	top:50px;
        }
}

@media screen and (min-width:100px) and (max-width:768px) {

.lv {
        display: none;
        }

#sticker {
        display: none;
	}

/* -------------------------------
След. и пред. записи
----------------------------------*/

.nextpostlink a {
        padding-right:0px;
        background: none;
        }

.nextpostlink a:hover {
        background: none;
        margin-right:0px;
	}

.prepostlink {
        margin-top:30px;
        }

.prepostlink a:hover {
        background: none;
	margin-left:0px;
	}

.prepostlink a {
        background: none;
        opacity: 0.7;
	padding-left:0px;
        }

.postBox {
        float:none;
        position:relative;
        border:0px solid #dedede;
        width:100%;
        height:550px;
        margin-top:0px;
        margin-right:0px;
	margin-bottom:50px;
        }

#first {
        margin-right:0;
	}

.postBoxcat {
        float:none;
        margin-top:30px;
        margin-left:0px;
        width:100%;
        margin-bottom:30px;
        border: 0px solid #7a7a7a;
        }
}

@media screen and (min-width:100px) and (max-width:480px) {

#sticker {
       display: none;
	}

.lv {
        display: none;
        }

#content {
        border: 0px solid #E87C02; 
}

.postBoxbig {
        margin-bottom:30px;
        }

.postBox {
        margin-bottom:30px;
        }

#first {
        margin-right:0;
        margin-bottom:30px;
	}


.postBoxbig h2 a {
        font-family: "Segoe UI Regular", Tahoma, Helvetica, Sans-Serif;
        color:#222;
        font-weight:100;
	font-size:17px;
        line-height:35px;
        
        }

.infobig {
        
        font-size:12px;
	line-height:20px;
	
        }

.textPreviewbig {
	font-size:14px;
	margin-bottom:60px;
        }

.singlecont .infocont {
        font-size:13px;
	line-height:20px;
	}

.singlecont h1 {
        font-size:22px;
	}

.cont  {
        font-size:15px;
	
	}

}

/*#######################
  Clips
#########################*/
/* Post Thumbnail */
.post-thumbnail {margin: 0 0 0 30px;position: relative; padding:0;}
	.post-thumbnail img {
		background:#FFF;
		padding: 4px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		box-shadow: 0 0 2px #B5B5B5;
		-moz-box-shadow: 0 0 2px #b5b5b5;
		-webkit-box-shadow: 0 0 2px #B5B5B5;
		-webkit-transition: all .40s;
		-moz-transition: all .40s;
		-o-transition: all .40s;
		transition: all .40s;
	}
	.post-thumbnail a:hover  img{
		box-shadow: 0 0 2px #666;
		-moz-box-shadow: 0 0 2px #666;
		-webkit-box-shadow: 0 0 2px #666;
		opacity:0.6;
	}
	.post-thumbnail a:hover .overlay-icon{opacity:0.7;}
	.overlay-icon{
		background:url(link-ove.png) no-repeat center;
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		opacity:0;
		top:2px;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;			
	}

.item-list .post-thumbnail{float:left;margin-bottom:0;}
.cat-box li .post-thumbnail{margin:0 15px 0 0;}
	.cat-box li .post-thumbnail img{ padding:2px;}
	
		.column2 .post-thumbnail{float:left;}
		.column2 li.first-news .post-thumbnail{ margin: 0 0 10px 0; height:129px; float:none;}
			.column2 li.first-news .post-thumbnail img{ width:100%; height:100%;}
			
			.wide-box li .post-thumbnail{float:left;}
			.wide-box li.first-news .post-thumbnail{width:240px; height:160px}
			.wide-box li.first-news .post-thumbnail img{ width:100%; height:100%; }
			
			.list-box li .post-thumbnail{float:left;}
			.list-box li.first-news .post-thumbnail{margin:0 0 15px 0;float:none;width:302px;height:150px;}
			.list-box li.first-news .post-thumbnail img{ width:100%; height:100%;}

		.pic-box .first-pic .post-thumbnail{position:relative;}
		
		.cat-tabs-wrap li .post-thumbnail{float:left;	margin-bottom:0;}
		.cat-tabs-wrap li.first-news .post-thumbnail{margin:0 0 10px 0;float:none;width:302px; height:140px;}
		.cat-tabs-wrap li.first-news .post-thumbnail img{ width:100%; height:100%;}

	.scroll-box  .post-thumbnail img{width:130px;	height:60px;}
			.recent-item .post-thumbnail{ margin:0 0 10px 0;}
			.recent-item .post-thumbnail img{ width:185px; height:85px;}
			.recent-item .post-thumbnail .overlay-icon{ width:193px; height:103px;}


.single-post-audio{	position:relative; min-height: 56px;}
.single-audio{bottom: 20px;position: absolute; background:rgba(0 , 0, 0 , .6); width: 90%;padding: 10px 5%;}
.single-post-audio div.jp-audio{margin-bottom:0;}

.workCrSmallTeaser {
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
  width:  135px;
  height: 190px;
  margin: 10px 30px 20px 7px;
  padding: 10px;
	background-repeat: no-repeat;
}
.workCrSmallTeaser:first-child {margin-left: 0}

.workCrSmallTeaser .smallTeaserWrapper {
	height: 250px;
	overflow:hidden;
	margin: 0;
	padding: 0;
}

.workCrBigTeaser .projectTeaserImage {width: 272px; height: 199px}
.workCrBigTeaser .projectDesc {display: block}

.smallTeaserWrapper {
	height: 255px;
	overflow: hidden;
	font-size:9px;
	margin: 0;
	padding: 0;
}

.projectTeaserImage,
.projectTags{
	margin: 0 0 8px 0;
}

.projectTeaserImage {
	width: 135px;
	height: 135px;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.projectTeaserImage a:hover {background: #eee}

.projectTeaserImage img {
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.projectName {margin: 0 0 5px 0}

.projectName a:link, .projectName a:active, .projectName a:visited {
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #555;
	background-color: #eee;
	text-decoration: none;
	overflow: hidden;
}

.projectName a:hover {
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #eee;
	background-color: #BBB;
	text-decoration: none;
}

.projectTags {
	height: 1em;
	padding: 0;
	line-height: 10px;
	font-size: 10px;
	font-weight: lighter;
	color: #595959;
	
}
.projectTags a{
	color: #333;
	border-bottom:1px dotted #333;
}
.projectTags a:hover{
	background:none;
	color:#0099FF;
}

.projectTags span {
	color: #5b5b5b;
}
.projectDesc{
	
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	color: #333;
	border-bottom:1px dotted #333;
}
.projectDesc a:hover{
	background:none;
	color:#0099FF;
}

/* Search */
.search-block {
	height:30px;
	overflow: hidden;
	float:left;
	margin-left:5px;
}
	/*.search-block:after{content: " ";display: block;width: 0;height: 0;position: absolute;top: 14px;z-index: 2;right:30px;border: 4px solid transparent;border-right-color: #F88C00 ;}*/
	.search-block #s {
		background:#FFF;
		float: right;
		font: normal 11px tahoma;
		padding: 9px 12px 8px 12px;
		width: 180px;
		color:#C5C5C5;
		border:0 none;
		border-left:1px solid #ececec;
		border-top:1px solid #ececec;
		-o-transition: width .7s , color .4s;
		-webkit-transition: width .7s , color .4s;
		-moz-transition: width .7s , color .4s;
		transition: width .7s , color .4s;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0 ;
	}
	.search-block #s:focus {color:#000;width:240px;}
	.search-block .search-button {
		background:#f88c00 url(separate.png) no-repeat center -215px !important;
		cursor: pointer;
		float: right;
		height:30px;
		width:30px;
		text-indent:-999999px;
		display: block;
		border:0 none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0 ;
		box-shadow: none !important;
	}
	.search-block .search-button:active {top:0;}
	.search-block:hover .search-button,.search-block:hover #s {opacity:1;color:#444;}
	
/* --------------------------------
           Блок с search
-----------------------------------*/

.rightBoxSucher {
        position:relative;
        margin-top:30px;
        margin-left:0px;
        width:100%;
        margin-bottom:18px;
        }

.rightBoxSucher p {
        margin-top:15px;
        font-size:15px;
        color:#ccc;
        }

.rightBoxSucher p a {
        font-size:13px !important;
        border-radius: 3px;
        background: #E87C02;
        padding:1px 3px 3px 3px;
        color:#fff !important;
        }

.rightBoxSucher p a:hover {
        background: #FEA543;
        }

.rightBoxSucherline {
        background: url(images/rightBoxline.png) 0px 0px no-repeat;
        margin-top:0px;
        margin-left:0px;
        width:300px;
        height:2px;
        margin-bottom:5px;
        
        }

.rightBoxSucher h2 {
        background: url(images/lineh2.png) 0px 0px no-repeat;
        border-top: 1px solid #e4e4e4;
        margin-bottom:15px;
        font-size:22px;
	font-weight:100;
	font-family: Helvetica, Arial, sans-serif;
	color:#E87C02;
	display:block;
	padding:10px 0px 0px 0px;
}

.rightBoxSucher h2 a {
        color: #81A4C2;
}

.rightBoxSucher h2 a:hover {
        color: #000;
}

.rightBoxSucher ul li a{
        color: #000;
        }

.rightBoxSucher ul li a:hover{
        color: #E87C02;
        }

.rightBoxSucher ul li{
        font-family: Helvetica, Arial, sans-serif ;
        font-weight:100;
        position:relative;
        height:30px;
	padding:7px 0px;
	border-bottom:0px solid #dad9ca;
        font-size:18px;
        line-height: 20px;
        }

.rightBoxSucher ul li img{
        border-radius: 5px;
        position:relative;
        float:left;
	width:120px;
        height:75px;
	border: 0px solid #c5dba4;
        background: #fff;
        margin-right:15px;
        }

/* --------------------------------
     Конец Блоки с миниатюрами
-----------------------------------*/

#topcontrol{
	z-index:2;
	background: #FF8500 url(separate.png) no-repeat center -410px;
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	position:fixed;
	bottom:-100px;
	right:10px;
	cursor:pointer;
	-webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow:auto;
}
	#topcontrol:hover{ background-color:#fb9826 ;}
	
/* Global Categories Box Styles */
.cat-box{margin-bottom:35px;}
	.cat-box-title{padding:3px 0;overflow:hidden;}
		.cat-box-title h2{
			color:#5E5E5E;
			float:left;
			margin-right:10px;
			font-size: 22px;
			font-family: BebasNeueRegular,HermesCTT,arial,Georgia, serif;
		}
		.cat-box-title h2 a{color:#5E5E5E;}
			.cat-box-title h2 a:hover{color:#000;}
		.stripe-line{background:url(stripe00.png) ;height:12px;overflow:hidden;margin-top:5px;}
	.cat-box-content, #sidebar .widget-container, .post-listing  {
		background: white;
		border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		box-shadow:  0 1px 3px 0 #b5b5b5;
		-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
		-webkit-box-shadow:  0 1px 3px 0 #b5b5b5;
		border: 1px solid #DDD;
		border-bottom:4px solid #F88C00;
	}
		.cat-box li.first-news .inner-content{padding:20px;overflow:hidden;}
	p.post-meta{color:#aaa;margin:7px 0;font-size:85%;}
		p.post-meta a {color: #aaa;}
		p.post-meta a:hover {
			border-bottom: 1px #000 dotted;
			color:#000;
			text-decoration:none;
		}
		.post-meta .stars-small{float:left; margin:-1px 5px 0 0;}

/* CommentList */	
#comments-title {
	font-size: 22px;
	font-family: arial,Georgia, serif;
	margin:25px 0 10px;
}
	#comments-title em{color: #333;}
.commentlist li{
	margin-bottom: 10px;
	clear:both;
	position:relative;
	clear:both;
}
	.comment-avatar {
		overflow:hidden;
		width:45px;
		height:45px;
		margin:0 10px 5px -30px;
		background: white;
		padding: 2px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		box-shadow: 0 0 3px #B5B5B5;
		-moz-box-shadow: 0 0 3px #b5b5b5;
		-webkit-box-shadow: 0 0 3px #B5B5B5;
		float:left;
	}
	.author-comment{overflow:hidden;position:relative;}
		.author-comment cite {
			color:#3b3b3b;
			position:relative;
			display:block;
			margin-bottom:2px;
			padding-top:4px;
		}
	.commentmetadata {display: block;font-size:85%;	clear:both;	}
		.commentmetadata a{color:#3b3b3b;}
		.commentmetadata a:hover{color:#000;}	
	.comment-wrap{
		background: white;
		border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		box-shadow: 0 2px 4px 0 #B5B5B5;
		-moz-box-shadow: 0 2px 4px 0 #b5b5b5;
		-webkit-box-shadow: 0 2px 4px 0 #B5B5B5;
		position:relative;
		padding:10px;
		margin-left:20px;
	}
		.comment-content{
			position:relative;
			clear:both;
			display:block;
			margin-top:10px;
			overflow:hidden;
			padding-bottom:5px;
		}
			.comment-content p{line-height:17px; margin-bottom: 10px; font-size:13px;}
		.nocomments {text-align: center;}
		.commentlist li ul li {margin-left:4px;}
		.commentlist li.pingback{padding:5px 10px;border-bottom:1px solid #ddd;}	
		.commentlist .children{margin-top:5px; margin-left:50px;}
		.commentlist .reply a{
			position:absolute;
			bottom:0;
			right:0;
			background:#ddd;
			padding:3px 10px;
			text-shadow:0 1px 1px #FFF;
			font-size:11px;
		}
			.commentlist .reply a:hover{background:#333; color:#FFF; text-shadow:0 1px 1px #000;}
		.bypostauthor {}
		
/* Single Post Styles */	
.post { margin-bottom:20px;}
	.post-inner{padding:20px;}
	.single-post-thumb{	margin:0 -1px; line-height:0;}
		.single-post-thumb img{width:100%; height:auto;}
	.head-lightbox a{cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
	.head-lightbox a:hover{opacity:.8;}
	.single-post-caption{background: #eee;text-align: center;color: #555;padding: 5px;font-size: 90%;}
		.post-title {
			font-family: BebasNeueRegular,HermesCTT,arial,Georgia, serif;
			margin-bottom:10px;
			font-size: 28px;
		}
		.post-inner p.post-meta{
			border-bottom:1px solid #f2f2f2;
			padding-bottom:5px;
			margin-bottom:10px;
		}
			p.post-meta span{display:inline-block;margin-right:10px;}
		.item-list {
			border-bottom:1px solid #f2f2f2;
			padding:20px 20px 5px;
			clear:both;
		}
			.item-list p.post-meta {margin:10px 0;}
		.archive-wide-thumb{margin:-20px -20px 10px;}
			.archive-wide-thumb a:hover img{opacity:0.8}
	.page-link{
		margin:15px 0 0;
		padding-top:5px;
		border-top:1px solid #f2f2f2;
	}
	.edit-link{	clear:both;	display:block;	margin-top:10px;}
	.post-tag { margin:-10px 0 20px}
		.post-tag a{
			border-color: #dedede #d8d8d8 #d3d3d3;
			text-shadow: 0 1px 0 #fff;
			-webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
			-moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
			box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
			background: #ffffff;
			background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
			background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			display: inline-block;
			text-decoration: none;
			font-size: 10px;
			padding: 3px 8px;
			line-height: 20px;
			color: #555;
			text-transform: uppercase;
			border: 1px solid #DEDEDE;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px ;
			cursor: pointer;
		}
		.post-tag a:hover{ background:#FFF;}
	
	.sticky {}
/* Post Thumbnail */
.post-thumbnail {margin: 0 15px 0px 0;position: relative; }
	.post-thumbnail img {
		background:#FFF;
		padding: 4px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		box-shadow: 0 0 2px #B5B5B5;
		-moz-box-shadow: 0 0 2px #b5b5b5;
		-webkit-box-shadow: 0 0 2px #B5B5B5;
		-webkit-transition: all .40s;
		-moz-transition: all .40s;
		-o-transition: all .40s;
		transition: all .40s;
	}
	.post-thumbnail a:hover  img{
		box-shadow: 0 0 2px #666;
		-moz-box-shadow: 0 0 2px #666;
		-webkit-box-shadow: 0 0 2px #666;
		opacity:0.6;
	}
	.post-thumbnail a:hover .overlay-icon{opacity:0.7;}
	.overlay-icon{
		background:url(link-ove.png) no-repeat center;
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		opacity:0;
		top:2px;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;			
	}

.item-list .post-thumbnail{float:left;margin-bottom:0;}
.cat-box li .post-thumbnail{margin:0 15px 0 0;}
	.cat-box li .post-thumbnail img{ padding:2px;}
	
		.column2 .post-thumbnail{float:left;}
		.column2 li.first-news .post-thumbnail{ margin: 0 0 10px 0; height:129px; float:none;}
			.column2 li.first-news .post-thumbnail img{ width:100%; height:100%;}
			
			.wide-box li .post-thumbnail{float:left;}
			.wide-box li.first-news .post-thumbnail{width:240px; height:160px}
			.wide-box li.first-news .post-thumbnail img{ width:100%; height:100%; }
			
			.list-box li .post-thumbnail{float:left;}
			.list-box li.first-news .post-thumbnail{margin:0 0 15px 0;float:none;width:302px;height:150px;}
			.list-box li.first-news .post-thumbnail img{ width:100%; height:100%;}

		.pic-box .first-pic .post-thumbnail{position:relative;}
		
		.cat-tabs-wrap li .post-thumbnail{float:left;	margin-bottom:0;}
		.cat-tabs-wrap li.first-news .post-thumbnail{margin:0 0 10px 0;float:none;width:302px; height:140px;}
		.cat-tabs-wrap li.first-news .post-thumbnail img{ width:100%; height:100%;}

	.scroll-box  .post-thumbnail img{width:130px;	height:60px;}
			.recent-item .post-thumbnail{ margin:0 0 10px 0;}
			.recent-item .post-thumbnail img{ width:185px; height:85px;}
			.recent-item .post-thumbnail .overlay-icon{ width:193px; height:103px;}


.single-post-audio{	position:relative; min-height: 56px;}
.single-audio{bottom: 20px;position: absolute; background:rgba(0 , 0, 0 , .6); width: 90%;padding: 10px 5%;}
.single-post-audio div.jp-audio{margin-bottom:0;}

/* Share */
.share-post {
	clear: both;
	margin:10px -20px -20px;
	padding: 10px 0 10px 10px ;
	background:#F7F7F7;
	border-top:1px solid #EAEAEA;
	height:20px;
}
.mini-share-post {
	clear: both;
	margin:10px -20px -20px;
	padding:10px 10px 10px 25px;
	height:20px;
}
	.recent-box .mini-share-post{margin-bottom:-5px;}
	.share-post li , .mini-share-post li{
		float: left;
		width: 106px;
	}
		.share-post span.share-text{
			background:#FF8500 ;
			margin: -10px 10px -10px -10px ;
			display:block;
			float:left;
			color: #FFF;
			padding:9px;
			font-family: BebasNeueRegular,HermesCTT,arial,Georgia, serif;
			font-size: 14pt;
		}

/* Post Elements */
.entry {line-height:1.5;}
	.content .entry iframe {max-width: 100%; }
	.entry p {padding-top: 1.0em; padding-bottom: 1.0em;}
	.entry img { max-width:100%; height:auto;}
	.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
		margin-top: 25px;
		margin-bottom: 10px;
		line-height: 1em;
		font-family: Helvetica;
		font-weight: normal;
	}
		.entry h1 {font-size:36px;}
		.entry h2 {font-size:30px;}
		.entry h3 {font-size:24px;}
		.entry h4 {font-size:18px;}
		.entry h5 {font-size:14px;}
		.entry h6 {font-size:12px;}
	.entry ol,
	.entry ul {margin: 0 0 25px 10px;}
	.entry ul li {list-style: outside disc;}
	.entry ol li {list-style: outside decimal;}
		.entry li {margin: 0 0 5px 10px;}
		
	.entry table {
		border: 1px solid #DFDFDF;
		background-color: #F9F9F9;
		width: 100%;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
		color: #333;
		border-collapse: separate;
		border-spacing: 0;
	}
		.entry table td,.entry table th {	border-top: 1px solid white;border-bottom: 1px solid #DFDFDF;color: #555;}
		.entry table th {
			text-shadow: 0 1px 0 #fff;
			font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
			font-weight: normal;
			padding: 7px 7px 8px;
			text-align: left;
			line-height: 1.3em;
			font-size: 14px;
		}
		.entry table td {font-size: 12px;padding: 4px 7px 4px;vertical-align: top;}

.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: left;margin-top: 10px;text-align: center;width: 33%; background: url(link-ove.png) no-repeat center center }
.gallery .gallery-item img {
	background:#FFF;
	padding: 2px;
	-moz-border-radius: 1px;-webkit-border-radius: 1px;
	box-shadow: 0 0 2px #B5B5B5;-moz-box-shadow: 0 0 2px #b5b5b5;-webkit-box-shadow: 0 0 2px #B5B5B5;
	-webkit-transition: all .40s;-moz-transition: all .40s;-o-transition: all .40s;	transition: all .40s;
	width: 88%;
	height:auto;
}
.gallery .gallery-item a:hover  img{
	box-shadow: 0 0 2px #666;
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666;
	opacity:0.6;
	margin:-5px 0 5px;
}
.gallery-columns-2 .gallery-item {width: 50%;}
.gallery-columns-4 .gallery-item {width: 25%;}
.gallery img {border: 0 none !important;}
.gallery-columns-2 .attachment-medium {max-width: 92%;	height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;}
.gallery .gallery-caption {color: #888;margin: 0 0 12px;}
.gallery br + br {display: none;}
.attachment img {display: block;margin: 0 auto;}

blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	line-height:22px;
	background:url(https://www.compact-magazin.com/wp-content/themes/coma/images/quote.png) no-repeat left 18px;
	padding:0 0 0 60px;
	margin:0 0 30px 40px;
	min-height:60px;
}

.clear {
clear: both;
}

#respond {
margin: 20px 0 10px;
overflow: hidden;
position: relative;
clear: both;
}