/*
*	Theme Name: Simple China
*	Theme URI: http://www.alexander-tumanov.name/free/china-blog-wordpress-theme/
*	Description: Simple china is Elegant, Responsive and beautiful Theme with Easy Customization Options. The Customization Options includes using your own Custom Header image, Front Page template, Responsive slider, Full width template and onboard plugin intergrated. Languages included: English, Russian , Chinese.
*	Version: 3.5
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*	Author: Alexander Tumanov
*	Author URI: http://www.alexander-tumanov.name/
*	Tags: yellow, blue, red, custom-menu, custom-header ,responsive-layout, full-width-template, two-columns, theme-options, right-sidebar, translation-ready,one-column, two-columns
*	Copyright: (c) 2015 Alexander Tumanov
* This theme is distributed under the terms of the GNU GPL http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
* Text Domain:  china-theme
*/


/**
* IMPORTANT : If you write your CSS code below, it will be deleted when you'll update the theme.
* If you want to make quick style test / changes, consider using the Custom CSS located in css/custom.css.
*/

@import url('bootstrap/css/bootstrap.min.css');
@import url('bootstrap/css/bootstrap-theme.min.css');
@import url('css/custom.css');

* {
   margin:0;
   padding:0;
   list-style: none;
}

html,body {
   font: 11px "Trebuchet MS";
   color: #000;
	background: url(images/bg.jpg);
}

 .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


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

a:hover {
   text-decoration: none;
}

a img {
	border: none;
}

/* pngfix */
img.png {
	behavior: url(pngfix.htc);
}
.bgpng {
	behavior: url(pngbgfix.htc);
}


/* Layout
-------------------------- */
#wrapper {
   position: relative;
   width: 990px;
   margin: 0 auto;
	background: url(images/footer-bg.jpg) no-repeat bottom;
	overflow: hidden;
}

/* Header
-------------------------- */
#header {
   width: 990px;
   height: 295px;
	float: left;
}

	#head {
		float: left;
		width: 990px;
	}

		#head div {
		/*	float: left;
			width: 990px;
			height: 43px;*/
		}

	#header #logo {
		position: absolute;
		top: 18px;
		left: 35px;
		height: 133px;
	}

		#header #logo-inner {
			float: left;
			height: 133px;
			min-width: 293px;
		}

		#header #logo-r {
			float: right;
			width: 30px;
			height: 133px;
		}

		/*#header #logo-r {
			*float: none;
		}
		*/
		#header h1 {
			text-align: center;
			margin: 20px -33px 0 0;
			padding: 0 25px;
			position: relative;
		}

			#header h1 a {
				font-size: 35px;
				color: #ee2b00;
				text-decoration: none;
			}

				#header h1 a:hover {
					text-decoration: none;
				}

		#header h2 {
			font-size: 18px;
			text-align: center;
			margin-right: -33px;
		}

	#header #feed {
		position: absolute;
		top: 20px;
		right: 90px;
		display: block;
		width: 40px;
		height: 40px;
	}

	#mainmenu {
		width: 916px;
		height: 59px;
		/*float: left; */
		position: absolute;
		top: 237px;
		left: 37px;
	}

		#mainmenu ul,#topmenu ul{
			padding: 0px 0 0 10px;
		}

			#mainmenu ul li, #topmenu ul li {
				float: left;
				padding: 0 5px;
        z-index:10000;
			}

				#mainmenu ul li a, #topmenu ul li a {
					color: #530b01;
					font-size: 21px;
					text-decoration: none;
				}

					#mainmenu ul li a:hover, #topmenu ul li a:hover {
						color: #e20705;
					}


/* Container
-------------------------- */

#container {
  width: 100%;
	float: left;
	padding: 10px 0px 80px 10px;
 margin-top: 60px;
}

.page-template-template_front #container
{
  margin-top: 0px;
}
/* Content
-------------------------- */
#content {
	/*width: 100%;*/
	float: left;
	padding-left: 15px;
	display: inline;
  padding-right: 0px;
  margin-bottom: 50px;
}


/* Post
-------------------------- */
.post {
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

	.post .title {
		position: relative;
		 /*height: 121px;*/
		float: left;
		width: 100%;
	 margin: 0 0px;
		display: inline;
    padding-bottom: 30px;
	}


		.post .title h2 {
			font-size: 24px;
			font-weight: normal;
			margin: 30px 0px 0 5px;
			line-height: 23px
		}

			.post .title h2 a {
				color: #000;
				text-decoration: none;
			}

			.post .title h2 a:hover {
				color: #53001b;
			}

		.post .title .date {
			/*position: absolute;*/

			font-size: 16px;
			color: #f4b300;
			text-align: center;
			font-weight: bold;
			top: 30px;
			left: 0;
		}

			.post .title .date strong {
				display: block;
				color: #fad800;
				font-size: 19px;
				margin-top: -3px;
			}

		.post .title .comment-count {
			position: absolute;
			/*top: 40px;*/
			right: 26px;
			width: 40px;
			text-align: center;
			font-size: 18px;
		}

	.post .post-inner {
	   /* background: url(images/post-bg.jpg) repeat-y; */
		float: left;
		width: 100%;
		margin: 0px;
		display: inline;
		margin-top: 10px;
	}

	.post .entry {
		/* background: url(images/post-entry-b.jpg) no-repeat bottom;*/
	/*	max-width: 655px;*/
		padding: 0 30px 20px 30px;
		font-size: 13px;
		line-height: 20px;
		position: relative;

	}

	* html .post .entry {
		height: 250px;
	}

		.post .entry p {
			line-height: 20px;
			color: #555152;
		}

		.post .entry a {
			color: #b7a171;
		}

		.post img {
			border: 1px solid #000;
		}

		.post .entry ul {
			margin: 8px;
		}

			.post .entry li {
				margin-left: 15px;
			}

		.post .entry ul li {
			list-style: disc;
		}

		.post .entry ol li {
			list-style: decimal;
		}

	.post .entry input, .post .entry textarea {
		border: 1px solid #bfae88;
		padding: 3px;
		background: #f9f8f4;
		font: 12px "Trebuchet MS";
		color: #b7a171;
		margin: 4px 0;
		width: 285px;
	}

	#respond {
		margin-top: 50px;
	}

		#respond h3 {
			font-size: 22px;
			color: #b7a171;
			font-weight: normal;
			margin-bottom: 20px;
		}

		h3#comments {
			font-size: 22px;
			color: #b7a171;
			font-weight: normal;
			margin: 45px 0 25px;
		}

		.commentlist li {
			list-style: none !important;
			margin: 0 0 40px 0 !important;
		}

			.commentlist .title-comment {
				font-size: 12px;
				line-height: normal;
				color: #bba678;
			}

			.commentlist .commentmetadata {
				color: #381f1d;
				margin-bottom: 12px;
				font-size: 11px;
			}

			.commentlist  .avatar { float: right; margin: 0 0 5px 5px; }

		#respond #submit {
			background: url(images/submit-but.gif);
			border: none;
			width: 190px;
			height: 27px;
			cursor: pointer;
		}

	.post .bottom {
		float: left;
		/*height: 34px;*/
		min-height:30px;
		width: 100%;
		margin-bottom: -23px;
		position: relative;
	/*	background:url(images/post-b.png) no-repeat;*/
	}

		.post .bottom li {
			/*line-height: 25px;*/
		}

			.post .bottom a {
				font-size: 12px;
			}


	.tags-box {



		font-size: 11px;
		line-height: 21px;
		padding: 0 4px;
		width:100%;
    margin-bottom:50px;
	}

		.tags-entry { float: left; padding: 0 4px; }
		.tags-l { float: left; /*width: 4px;*/ height: 21px; }

		.tags-box li {
			float: left;
			padding-right: 13px;

		}

		.tags-box a {
			color: #fff;
		}

		.page h2 {
			/*margin-left: 0px !important;*/

		}

		.page .post-inner {
			/*margin-top: -50px !important;*/
		}

		.page .title {
			height: 99px !important;
		}

#nav ul {
	padding-left: 10px;
}

	#nav li {
		padding-right: 15px;
	}

		#nav a {
			font-size: 14px;
			text-decoration: underline;
		}

		#nav a:hover {
			color: #ee2b00;
		}

/* SideBar
-------------------------- */
#sidebar {
   /*width: 152px;*/
	/*float: right;*/
	padding: 8px 5px 0 0;
}

	#sidebar li {
		margin-bottom: 35px;
		/*width: 152px;
		float: left; */
	}

		#sidebar li h2, .sidebar li h2 {
			height: 21px;
			color: #fff;
			text-transform: uppercase;
			font-size: 15px;
			line-height: 21px;
			padding-left: 7px;
		}

		#sidebar li ul {
			padding: 5px 0 0 15px;
		}

		#sidebar li ul li {
			padding: 3px 0;
			margin: 0;
		}

			#sidebar li ul li a {
				color: #000;
				font-size: 1.1em;
			}

/* Footer
----------------------- */
#footer {
	color: #526373;
   width: 100%;
	float: left;
	text-align: center;
	margin-top: -38px;
}

	#footer a {
		color: #fff;
	}



	/*   new styles */



.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}


.sticky .entry-date {
	display: none;
}



/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

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

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}



/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
	content: "\0020\007c\0020";
}



/*  removed from templates  */

/*
#content .post{ background:url(images/post-shadow.png);}

#content .title{ background:url(images/post-t.png);}





*/
#content .tags-entry{ background:url(images/tags-bg.png); margin-bottom: 50px;   margin-left: 20px;}
.sbtitle { background:url(images/sidebar-h2.png); border-radius: 5px;}

.postthumb
{
	float: left;
	margin: 0 15px 15px 15px;
}

.sub-menu
{
	display: none;

}

pre {
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 24px;
max-width: 100%;
overflow: auto;
padding: 12px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}


.post .entry img{
	margin:10px;
	max-width: 100%;
	height: auto;
}

.post .entry .wp-caption img{
	margin: 0px;
	height: auto;
	display: block;
	max-width: 100%;
}

.post .entry .wp-caption{
padding: 5px;
margin-bottom: 24px;
max-width: 100%;
}



table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%;
}

table, th, td {
border: 1px solid rgba(0, 0, 0, 0.1);
}

td {
border-width: 0 1px 1px 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

.entry  td, .comment-content td {
padding: 8px;
}

h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: 700;
margin: 36px 0 12px;
}


h1 {
font-size: 26px;
line-height: 1.3846153846;
}

h2 {
font-size: 24px;
line-height: 1;
}
h3 {
font-size: 22px;
line-height: 1.0909090909;
}

h4 {
font-size: 20px;
line-height: 1.2;
}

h5 {
font-size: 18px;
line-height: 1.3333333333;
}

h6 {
font-size: 16px;
line-height: 1.5;
}

p {
margin-bottom: 24px;
}


blockquote {
color: #767676;
font-size: 19px;
font-style: italic;
font-weight: 300;
line-height: 1.2631578947;
margin-bottom: 24px;
}

dl {
margin-bottom: 24px;
}

dt {
font-weight: bold;
}

dd {
margin-bottom: 24px;
}

abbr[title] {
border-bottom: 1px dotted #2b2b2b;
cursor: help;
}

code, kbd, tt, var, samp, pre {
font-family: monospace, serif;
font-size: 15px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
line-height: 1.6;
}

del {
color: #767676;
}


/** fixes **/

#logo-inner h2 {
	margin: 0 0 0 30px;
}

ul.children li a{
	display: none;
}

input.checkbox, input.radio
{
	width: 20px;
}


#head .hederimage
{
	height:235px;
}

.navbar-default
{
  background:none !important;
  border:none !important;
  box-shadow: none;

}
#head #mainmenu, #topmenu
{
	background:url("images/menubgl.png") no-repeat;
	height: 74px;
	left:0px;
	width: 100%;
  margin-top: -10px;
}
#head #mainmenu .menu, .navbar-default
{
	background:url("images/menubgr.png") no-repeat right !important;
	height: 74px;
	width: 100%;
}

#wrapper, #header,#head {
	max-width:990px;
	width:100%;
}
.post .title .date
{
  background: #bd0202;
  padding: 14px;
  border-radius: 0px 7px 7px 0px;
  box-shadow: 3px 2px 10px #888888;
}

.post .title .comment-count
{
  background:url("images/commentbg.png") no-repeat right;
  height: 45px;
  margin: 30px 0 0 0;
  padding-top: 5px;
}


/*Bootstrap ovverrride */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
  background: none !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
  background: none !important;
}

li .dropdown-menu
{
  background-color: #F3EBDB;
}

li .dropdown-menu>li>a:focus, li .dropdown-menu>li>a:hover
{
  background: none !important;
}


.navbar-header .navbar-default .navbar-toggle, .container>.navbar-collapse
{
  margin: 10px 50px !important;
}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
  background-color: #D9BBA1 !important;
}

.navbar-default .navbar-toggle{
  background-color: rgb(94, 56, 24) !important;
  margin-top: 10px;
  margin-right: 50px;
}

/*
.container-fluid>.navbar-collapse{


}
*/
.container-fluid .in{
  background-color: #F3EBDB;
  border: 1px solid rgb(208, 186, 140);

  margin: 0 0px !important;
}

.container-fluid .in li{

  width: 100%;
    text-align: center;
}


.container-fluid
{
  margin-top: 10px;
}


#content .post
{
  background: rgb(241, 228, 206);
  border-radius: 10px;
  border: 1px solid rgb(185, 131, 74);
}


#pagenav li a
{
  font-size: 1.5em;

}

.entry iframe
{
  width:100%;
}

blockquote{
  background: #CFC3B0;
}


.navbar-default .navbar-collapse
{
  position: relative;
  z-index: 100000;
  -webkit-box-shadow: 2px 11px 24px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 11px 24px -5px rgba(0,0,0,0.75);
box-shadow: 2px 11px 24px -5px rgba(0,0,0,0.75);

}

.navbar .navbar-nav .open .dropdown-menu>.active>a,
.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar .navbar-nav .open .dropdown-menu>.active>a:hover
{
  background: rgb(238, 43, 0) !important;
  color:white !important;
}


/* Plugins CSS*/

#content .wp-pagenavi a, #content .wp-pagenavi span
{
  background: rgb(241, 228, 206);
  border: 1px solid #B9834A;
  font-size:16px;
  padding:7px;
}



.breadcrumbs
{
  position: absolute;
border-radius: 5px;
font-size: 1.2em;
margin-top: 10px;
padding: 2px 10px;
background: url(images/sidebar-h2.png);
color:#000;
width:100%;
}

.breadcrumbs .post
{
  float: none;
}

.breadcrumbs a,.breadcrumbs a:hover {
color: #530b01;
}


#frontpage-slider
{
margin-top:40px;

}


.page-template-template_front .post ul.list-group li {  margin-left: 0px; }


.front-recent{
   border-radius: 4px;
   box-shadow: none;
   padding-left:0px
}

.front-recent li{
background-color: transparent;
border:none;
padding-left:0px;
border-bottom:1px solid #ccc;
}

.front-recent li div{
  padding-left:0px;
}

.front-recent img
{
  margin-left: 0px;
margin-top: 0px;
}

.home-widgets
{
  margin: 0px !important;
}