/*
Theme Name:Тема для сайта Tovaroved.info
Theme URI:http://www.tovaroved.info/
Version:2.1
Description:Стандартная тема для сайта http://www.tovaroved.info/
Author:Ксензов Илья
Author URI:http://www.ksenzov.ru/
*/

@charset "utf-8";
@import url('/_external/theme.tovaroved.info/tovaroved.info/inc/boilerplate.css');

img, object, embed, video {
	max-width: 100%;
}

.ie6 img {
	width:100%;
}

*, *:after, *:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

input {
	outline:none;
	font-family:'Calibri', Arial, Helvetica, sans-serif;
	font-style:italic;
}

h1, h2, h3, p, li {
	margin:0;
	font-size:1em;
	font-weight:normal;
	line-height:150%;
}

a:link, a:visited {
	color:#1738CF;
}

a:hover {
	color:#D00;
}

/* Мобильный макет: 480 пикс. и меньше. */

body {
	color:#222;
	font-size:12px;
	min-width:320px;
	max-width:1600px;
	font-family:'Calibri', Arial, Helvetica, sans-serif;
}

#container {
	width:93%;
	margin:2em auto;
}

#wrap,
#header, #footer,
#sidebar, #content,
#comments, #respound {
	padding:1em 0;
}

#footer {
	clear:both;
}

/* HEADER */

#logo {
	font-size:3em;
}

#logo a {
	display:block;
	background-image:url('/_external/theme.tovaroved.info/tovaroved.info/i/logo.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

#logo:hover {
	opacity:0.7;
}

#logo a span {
	visibility:hidden;
}

/* BREADCRUMB */

.sep:after {
	content:'→';
	font-size:0.8em;
	text-decoration:none;
	padding:0 0.3em;
}

/* SEARCH */

input[type=search] {
  -webkit-appearance:textfield;
  -webkit-box-sizing:border-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.search-form {
	margin-top:1em;
	background-color:#FFF;
	border:1px solid #EEE;
	border-radius:0.5em;
	padding:0.2em 0.5em;
}

.search-form:hover {
	box-shadow:0 0 3px #DDD;
}

.search-form .screen-reader-text {
	display:none;
}

.search-form input {
	float:left;
	font-size:1.3em;
	display:inline-block;
	border:none;
}

.search-form .search-field {
	margin-right:-1em;
	padding-right:1.5em;
	width:100%;
}

.search-form .search-submit {
	background-image:url('/_external/theme.tovaroved.info/tovaroved.info/i/search.png');
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	text-indent:-9999px;
	width:1em;
}

/* INDEX PAGE */

.catalog_short {
	margin:1em 0;
}

.catalog_short:nth-of-type(odd) {
	clear:left;
}

.catalog_short ul {
	display:none;
}

.catalog_short ul li {
	display:inline;
}

.catalog_short ul,
.catalog_short ul li {
	padding:0;
	margin:0;
}

.catalog_short ul li a:link,
.catalog_short ul li a:visited {
	color:#222;
	text-decoration:none;
}

.catalog_short ul li a:hover {
	color:#D00;
	text-decoration:underline;
}

/* SINGLE POST */

#post h1 {
	font-size:1.5em;
	margin-bottom:0.3em;
}

#post h2 {
	font-size:1.3em;
	margin:1em 0 0.3em 0;
}

#post h3 {
	font-size:1em;
	font-weight:bold;
	margin:1em 0 0.3em 0;
}

#post p {
	margin:0 0 1em 0;
	line-height:160%;
}

#post strong {
	font-weight:normal;
	font-style:italic;
}

#post ul li, #post ol li {
	clear:both;
}

#post .wp-caption-text {
	font-size:0.9em;
	font-style:italic;
	text-align:center;
}

#post .alignleft {
	float:left;
	margin:0.5em 0.5em 0.5em 0;
}

#post .alignright {
	float:right;
	margin:0.5em 0 0.5em 0.5em;
}

#post .mixmarket h2 a {
	display:none;
}

#post .gallery-columns-5 .gallery-item {
	width: 20%;
}

#post .gallery-columns-4 .gallery-item {
	width: 25%;
}

#post .gallery-columns-3 .gallery-item {
	width: 33.333%;
}

#post .gallery-columns-2 .gallery-item {
	width: 50%;
}

#post .gallery-columns-1 .gallery-item {
	width: 100%;
}

#post .gallery-item {
	float: left;
	text-align: center;
	padding:0 0.5em;
}

#post .gallery-caption {
	margin:0;
	padding:0;
	font-size:0.8em;
}

/* SIDEBAR */

.widget {
	margin:1em 0;
}

.widget + .widget {
	margin-top:2em;
}

.news > h1 {
	margin-top:1em;
}

.news,
.news article {
	margin:1em 0;
}

.news article:nth-of-type(odd) {
	clear:left;
}

.news img {
	width:20%;
	height:auto;
	float:left;
	margin-right:3%;
}
	
.news p {
	width:77%;
	float:left;
	margin:0;
	padding:0;
}

.news footer {
	color:#666;
	font-size:0.8em;
	font-style:italic;
	line-height:150%;
	margin-left:23%;
}

.ajaxed_more {
	display:none;
}

.ajaxed_more a {
	text-decoration:none;
	background-color:#FAFAFA;
	text-align:center;
	display:block;
	padding:0.3em;
	width:100%;
}

/* BLOGROLL */

.blogroll .block_links ul {
	padding:0;
	margin:0;
}

.blogroll .block_links_icnt {
	padding:1.1em 1.5em 1em;
	border:1px solid #EEE;
	list-style-type:none;
}

.blogroll .block_links_icnt + .block_links_icnt {
	border-top:0;
}

.blogroll .block_links_icnt:hover {
	cursor:pointer;
}

.blogroll .block_links_text {
	display:block;
}

.blogroll a,
.blogroll a:hover {
	color:inherit;
	text-decoration:none;
}

.block_links_header {
	color:#1738CF;
}

.blogroll .block_links_icnt:hover .block_links_header {
	color:#D00;
}

/* ADVERTISE */

.mixmarket > h1 {
	margin-bottom:1em;
}

.mixmarket #mixmarket > table > tbody > tr:nth-child(1),
.mixmarket #mixmarket > table > tbody > tr:nth-child(2) {
	display:none;
}

.mixmarket #mixmarket > table {
	width:100%;
}

.mixmarket #mixmarket tr,
.mixmarket #mixmarket td {
	padding:0;
	margin:0;
}

.mixmarket .block {
	background:#FEFEFE;
	padding:1.1em 1.5em 1em;
	border:1px solid #EEE;
	margin-bottom:1em;
	cursor:pointer;
}

.mixmarket .block:hover {
	background:#FDFDFD;
	border:1px solid #DDD;
}

.mixmarket .block a {
	text-decoration:none;
}

.mixmarket .block:hover .name a {
	color:#D00;
}

.mixmarket .pict {
	float:left;
	width:100px;
}

.mixmarket .name,
.mixmarket .desc,
.mixmarket .price,
.mixmarket .merch {
	display:block;
	margin-left:115px;
}

.mixmarket .name {
	font-size:1.3em;
}

.mixmarket .desc {
	word-break:break-all;
}

.mixmarket .desc,
.mixmarket .price {
	margin-bottom:0.5em;
}

.mixmarket .price span {
	color:#FFF;
	font-weight:bold;
	background:#FFC629;
	padding:0.3em 0.4em;
	display:inline-block;
}

.mixmarket .merch {
	color:#BBB;
}

/* COMMENTS */

.commentlist {
	padding:0;
	margin:0;
}

.commentlist article {
	margin:1em 0;
}

.comment-meta {
	font-size:0.8em;
	color:#666;
}

.comment-meta .comment-reply-link,
.comment-meta .author,
.comment-meta time {
	margin-right:1em;
}

.comment-meta a {
	color:#666;
}

#respond {
	padding:1em;
	background-color:#FAFAFA;
	border-radius:0.2em;
}

#respond #reply-title {
	font-size:1.5em;
	margin-bottom:0.7em;
	margin-left:30%;
}

#respond .form-email,
#respond .form-author,
#respond .form-comment,
#respond .form-submit {
	margin-bottom:1em;
}

#respond label {
	width:30%;
	float:left;
	text-align:right;
	padding-right:1em;
}

#respond #email,
#respond #author,
#respond #comment {
	width:70%;
	clear:right;
}

#respond .form-submit {
	margin-left:30%;
}

/* SMALL SCREEN */

@media only screen and (min-width:481px) {
	#logo {
		width:25%;
		float:left;
		margin-right:5%;
	}
	
	.search-form {
		width:70%;
		float:left;
		margin-top:0.5em;
	}
	
	.wide-sidebar .catalog_short,
	.narrow-sidebar .catalog_short	{
		width:50%;
		float:left;
		padding-right:3%;
	}
	
	.wide-sidebar .news article,
	.narrow-sidebar .news article {
		width:50%;
		float:left;
		padding-right:3%;
	}
}

/* BIG SCREEN */

@media only screen and (min-width:769px) {
	.narrow-sidebar #content {
		width:60%;
		float:left;
	}
	
	.narrow-sidebar #sidebar {
		width:35%;
		float:left;
		margin-left:5%;
	}
	
	.wide-sidebar #content {
		width:25%;
		float:right;
		margin-left:5%;
	}
	
	.wide-sidebar #sidebar {
		width:70%;
		float:left;
	}
	
	.wide-sidebar .news article {
		float:none;
		width:100%;
	}
	
	.narrow-sidebar .catalog_short  {
		float:none;
		width:100%;
	}
	
	.catalog_short ul {
		display:block;
	}
}

/* FONTS */

.news > h1,
.widget > h1,
.wide-sidebar .catalog_short h1,
.commentlist h1 {
	font-size:1.3em;
}

@media only screen and (min-width:481px) {body{font-size:13px}}
@media only screen and (min-width:769px) {body{font-size:14px}}
@media only screen and (min-width:1001px){body{font-size:15px}}
@media only screen and (min-width:1261px){body{font-size:16px}}
@media only screen and (min-width:1441px){body{font-size:17px}}
@media only screen and (min-width:1581px){body{font-size:18px}}