/******************************************************************************
 * COMMON
 ******************************************************************************/
body {
    background: url(../images/bg.jpg) top center;
    font-family: Verdana, Helvetica, Arial, Tahoma;
    font-size: 11px;
    line-height: 15px;
    color: #350b12;
}


/******************************************************************************
 * HEADER
 ******************************************************************************/
#header {

}

#logo {

}

#header-tools .tool-box {
    float: left;
    clear: left;
}

.tool-box{
    background: url(../images/login-l.png) no-repeat left top;
    padding-left: 20px;
}

.tool-box fieldset {
    border: none;
    background: url(../images/login-r.png) no-repeat right top;
    height: 21px;
    padding: 15px 25px 15px 5px;
    margin: 0;
    float: left;
    width: 327px;
}

.tool-box label {
    font-size: 18px;
    font-weight: bold;
    color: #350b12;
    float: left;
    line-height: 20px;
    width: 78px;
}

.tool-box input.inputbox {
    width: 228px;
    padding: 3px 3px;
    margin-left: 10px;
    float: left;
    display: inline;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #9f9f9b;
    border-right: 1px solid #c3c3c3;
}


/******************************************************************************
 * NAVIGATION
 ******************************************************************************/
#main-nav {
    float: right;
    margin-right: 30px;
    margin-top: -6px;
    display: inline;
}

#main-nav li {
    float: left;
    display: inline;
}

#main-nav li a {
    float: left;
    margin-left: 40px;
    display: inline;
    color: #ffffcf;
    font-size: 21px;
    line-height: 54px;
    height: 54px;
    font-weight: bold;
    text-decoration: none;
    outline: 0;
}

#main-nav li a:hover {
    
}

#main-nav li.appstore a {
	background: url(../images/download_on_appstore.png) no-repeat;
	width: 135px;
	height: 40px;
	text-indent: -9999em;
}

#footer-navigation {
	text-align: center;
	margin: 0 0 10px;
	font-size: 16px;
}

#footer-navigation ul {
	display: inline;
}

#footer-navigation ul li {
	display: inline;
	padding: 0 10px;
}

#footer-navigation ul li a {
	color: #FFFFCF;
	font-weight: bold;
	text-decoration: none;
}

#footer-navigation ul li a:hover {
	color: #C7BB00
}


/******************************************************************************
 * MAIN BODY
 ******************************************************************************/


/******************************************************************************
 * CONTENT
 ******************************************************************************/
#content {
    position: relative;
}

#content-top {
    background: url(../images/round-tl.png) no-repeat left bottom;
    padding-left: 35px;
    position: relative;
    z-index: 1;
}

#content-top-inner {
    background: url(../images/content-bg.png) repeat;
    height: 25px;
}

#content-bottom {
    background: url(../images/round-bl.png) no-repeat left bottom;
    padding-left: 35px;
    position: relative;
    top: -50px;
    z-index: 1;
}

#content-bottom-inner {
    background: url(../images/content-bg.png) repeat;
    height: 25px;
}

#content-main {
    background: url(../images/content-right-border.png) repeat-y right top;
    position:relative;
    top: -25px;
    padding: 10px 20px 10px 20px;
    z-index: 2;
}

#content-main-inner {
    background: url(../images/content-bg.png) repeat;
    padding: 1px 15px 0;
    position: relative;
    height: auto;           /* было 1% */
    overflow: hidden;       /* clearfix для float-элементов */
}



.nav-previous a {
	color: #350b12;
}

.nav-next a {
	color: #350b12;
}

/******************************************************************************
 * SOCIAL TOOLS BOX
 ******************************************************************************/
.social-tools {
    background: url(../images/bg-share-l.png) no-repeat top left;
    padding: 0 0 0 164px;
    line-height: 66px;
}

.social-tools .social-share {
	background: url(../images/bg-share-r.png) no-repeat top right;
	padding: 15px 40px 20px 0;
	height: 31px;
	line-height: 31px;
}

.social-tools .social-share a {
	
}

#content-main .social-tools {
    float: right;
    margin-top: -76px;
    position: relative;
    z-index: 20;
}

#content-main .newsletter-signup {
	float: right;
	margin-top: -85px;
	position: relative;
	z-index: 20;
}

/******************************************************************************
 * POST & PAGE
 ******************************************************************************/
#main {
    padding: 1px 0 0;
}
#main h1.main-title {
    background: url(../images/content-headtitle_l.png) repeat-y left top;
    height: 82px;
    line-height: 68px;
    font-size: 24px;
    font-weight: bold;
    color: #fffccd;
    padding-left: 54px;
    left: -42px;
    margin-top: 6px;
    position: relative;
    overflow: hidden;
}

#main h1.main-title span {
    background: url(../images/content-headtitle_r.png) repeat-y right top;
    height: 82px;
    line-height: 68px;
    float: left;
    padding-right: 45px;
}

#main h3 {

}

#main h3 a {
	font-size: 17px;
	font-weight: bold;
	color: #350b12;
	text-decoration: none;
}

/* One column list */
.one-cols {
	clear: both;
	list-style-type: none;
}

.one-cols li {
	clear: both;
	padding-top: 20px;
}

.one-cols li h3 {
	margin: 0;
}

.one-cols li .thumbnail {
	float: left;
	width: 275px;
	margin-right: 10px;
}

.one-cols li .thumbnail img {
	width: 100%;
}

.one-cols li .description {
	overflow: hidden;
}

/* Three columns list */
.three-cols {
    clear: both;
    list-style-type: none;
    margin-left: -13px;
}

.three-cols li {
    list-style-type: none;
    width: 275px;
    float: left;
    display: inline;
    margin-right: -24px;
    margin-top: 15px;
    margin-bottom: 21px;
    overflow: hidden;
}

.three-cols li.first {
	clear: left;
}

.three-cols li h3 {
    margin-bottom: 3px;
    padding-left: 26px;
    height: 23px;
    overflow: hidden;
}

.three-cols li h3 a {
    font-size: 17px;
    font-weight: bold;
    color: #350b12;
    text-decoration: none;
}

.three-cols li .description {
    font-size: 9px;
    line-height: 9px;
    margin-bottom: 4px;
    padding-left: 26px;
    padding-right: 15px;
    height: 18px;
    overflow: hidden;
}

.three-cols li .thumbnail {
    background: url(../images/box-bg.png) no-repeat top right;
    height: 202px;
    overflow: hidden;
    position: relative;
}

.three-cols li .thumbnail img {
    position: relative;
    top: 7px;
    left: 20px;
    width: 236px;
    height: 187px;
}

.three-cols li .meta {
    background: url(../images/box2-bg.png) no-repeat top right;
    height: 31px;
    line-height: 31px;
    padding-left: 26px;
}

.three-cols li .meta .rating-block {
    float: left;
    margin: 2px 0 0 0;
}

.three-cols li .meta .icon-heart {
    float: right;
    margin: 11px 26px 0 0;
}

.three-cols li.item-full-width {
	width: 100%;
	margin: 0 0 21px 0;
	text-align: center;
}

.four-cols li {
	margin-right: 5px;
}

/* Image Alignment */
.alignleft {
    float: left;
    margin: 0 15px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 15px;
}

.aligncenter {
    float: none;
    display: block;
    margin: 10px auto;
}

.alignnone {
    margin: 5px 10px 10px 0;
}

/* CAPTION */
.wp-caption {
    border: 1px solid #c4c4c3;
    background: #EDEDED;
    text-align: center;
    padding: 5px 0 0;
}

.wp-caption img {
    float: none;
    margin: 0;
}

.post .wp-caption-text {
    margin: 0 0 5px 0;
    font-style: italic;
    font-size: 10px;
}

/* SINGLE POST & PAGE */
.page,
.post {
    
}

.page p,
.post p {
    margin-bottom: 15px;
}

.page ul,
.post ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 15px;
}

.page ol,
.post ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin-bottom: 15px;
}

.page ul li,
.post ul li {
    list-style-type: disc;
}

.page ul ul,
.post ul ul {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page ol ol,
.post ol ol {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page img,
.post img {
    max-width: 750px;
}

.page h1, .page h2, .page h3, .page h4, .page h5, .page h6,
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    color: #350b12;
    margin-bottom: 15px;
}

.page h1,
.post h1 {
    font-size: 22px;
    line-height: 26px;
}

.page h2,
.post h2 {
    font-size: 20px;
    line-height: 24px;
}

.page h3,
.post h3 {
    font-size: 18px;
    line-height: 22px;
}

.page h4,
.post h4 {
    font-size: 16px;
    line-height: 20px;
}

.page h5,
.post h5 {
    font-size: 14px;
    line-height: 18px;
}

.page h6,
.post h6 {
    font-size: 12px;
    line-height: 18px;
}

.page blockquote,
.post blockquote {
    margin-left: 30px;
    padding: 0 5px 0px 10px;
    font-style: italic;
    border-left: 4px solid #350b12;
}

.page pre, .page code,
.post pre, .post code {
    margin-bottom: 15px;
}

.page table,
.post table {
    border-collapse: separate;
    border: 1px solid #350b12;
    margin-bottom: 15px;
    padding: 1px;
}

.page table tr,
.post table tr {
    background-color: #ffffcf;
}

.page table tr.alternate,
.post table tr.alternate {
    background-color: #fffccd
}

.page table th,
.post table th {
    padding: 5px 10px;
    background-color: #350b12;
    color: #ffffff;
}

.page table td,
.post table td {
    padding: 5px 10px;
}

.page dl,
.post dl {
    margin-bottom: 15px;
}

.page dl dt,
.post dl dt {
    font-weight: bold;
    margin-top: 5px;
}

.page dl dd,
.post dl dd {
    font-style: italic;
    margin-left: 5px;
}

/******************************************************************************
 * SIDEBAR
 ******************************************************************************/
.commentlist {
    clear: both;
}

.commentlist li {
    padding: 10px;
    position: relative;
    margin: 5px 0;
}

.commentlist li.even {
    background-color: #F0F0EE;
    border: 1px solid #c3c3c3;
}

.commentlist li.odd {
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
}

.commentlist li .avatar {
    position: absolute;
    right: 10px;
    top: 5px;
}

.commentlist li cite.fn {
    font-weight: bold;
    font-style: normal;
}

.commentlist li span.says {
    font-style: italic;
}

.commentlist .comment-meta {
    margin-bottom: 10px;
}

.commentlist li p {
    margin-bottom: 15px;
}

/******************************************************************************
 * SIDEBAR
 ******************************************************************************/
#sidebar {
    position: relative;
}

#sidebar-top {
    background: url(../images/round-tr.png) no-repeat right bottom;
    padding-right: 35px;
    position: relative;
    z-index: 1;
}

#sidebar-top-inner {
    background: url(../images/content-bg.png) repeat;
    height: 25px;
}

#sidebar-bottom {
    background: url(../images/round-br.png) no-repeat right bottom;
    padding-right: 35px;
    position: relative;
    top: -50px;
    z-index: 1;
}

#sidebar-bottom-inner {
    background: url(../images/content-bg.png) repeat;
    height: 25px;
}

#sidebar-main {
    position:relative;
    top: -25px;
    padding: 10px 21px 10px 0;
    z-index: 2;
}

#sidebar-main-inner {
    background: url(../images/content-bg.png) repeat;
    padding: 1px 25px 0;
    height: 1%;
}

/******************************************************************************
 * WIDGETS
 ******************************************************************************/
.widget-container {
    margin-bottom: 15px;
}

.widget-container h3 {
    color: #350b12;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 8px;
}

.widget-container p {
    margin-bottom: 15px;
}

.widget-container ul {
    margin-left: 10px;
    padding-top: 6px;
}

.widget-container ul li {
    line-height: 22px;
    margin-bottom: 3px;
}

.widget-container ul li img.list-icon {
    vertical-align: middle;
    margin-right: 10px;
}

/******************************************************************************
 * SPECIFY WIDGETS
 ******************************************************************************/
/* paid version widget */
/*.widget-paid-version {
    width: 303px;
    background: #fff url(../images/sidebar-box-t.png) no-repeat top right;
    padding-top: 6px;
}

.widget-paid-version .widget-container-inner {
    background: #fff url(../images/sidebar-box-b.png) no-repeat bottom right;
    padding-bottom: 11px;
}
*/
.widget-paid-version .widget-content {
    padding: 15px 20px 0;
}

.widget-paid-version h3 {
	padding-left: 15px;
	font-size: 20px;
}

.widget-paid-version .widget-content .intro_text {
	font-size: 11px;
	line-height: 12px;
	padding: 0 15px;
}

.widget-paid-version .button-paid-version {
    background: url(../images/button-paid-now.png) no-repeat;
    height: 51px;
    margin: 20px -5px 0;
    display: block;
    text-indent: -9999em;
    text-transform: capitalize;
}

/******************************************************************************
 * FOOTER
 ******************************************************************************/
#footer {

}

#copyright {
	padding-top: 10px;
	text-align: center;
	font-size: 11px;
	color: #ffffcf;
	margin: 0 0 15px;
}

#copyright a {
	color: #C7BB00
}

/******************************************************************************
 * MISC
 ******************************************************************************/
.clear {
    clear: both;
}

/* EXTRAS STYLES */
.sharing_toolboxs {
	min-height: 30px;
}

/* plexus-fixes.css — финальные правки оформления
   Подключайте ПОСЛЕ style.css / layout.css.
   Файл не ломает базовые стили, а аккуратно исправляет высоту и позиционирование
   контейнеров, чтобы верх/низ и светлая подложка отображались правильно.
*/

/* 1) Контентные контейнеры растягиваются по высоте и «видят» float-элементы */
#content-main-inner,
#sidebar-main-inner {
  height: auto !important;
  overflow: hidden !important; /* clearfix */
  position: relative;
}

#content-main-inner::after,
#sidebar-main-inner::after {
  content: "";
  display: table;
  clear: both;
}

#content-main,
#sidebar-main,
#content-bottom,
#sidebar-bottom {
    position: relative;
    top: 0;
}


#content-top-inner,
#content-bottom-inner {
    height: auto;
    min-height: 25px;
    overflow: hidden;
}


/* 4) Гарантируем светлую подложку в центре (если базовый стиль не загрузился) */
#content-main-inner {
  background: url('../images/content-bg.png') repeat !important;
  padding: 1px 15px 0;
}

/* 5) Подстраховка сетки карточек (float) */
.three-cols,
.three-cols ul {
  overflow: hidden;
}

/* 6) Небольшая подстраховка правой цветной каймы — оставляем фон повторяться по Y */
#content-main {
  background-repeat: repeat-y;
  background-position: right top;
}