@charset "CP1251";

@media all and (max-width: 768px) {
	h1 {
	  font-size: 1.5em; }

	h2 {
	  font-size: 1.0em; }

	h3 {
	  font-size: 0.8em; }

	h4 {
	  font-size: 0.6em; }

	h5 {
	  font-size: 0.5em; }

	h6 {
	  font-size: 0.5em; }

	body > header {
		position: relative;
	}

	body > header #mobile-search {
		background: #232323;
		padding: 10px;
		-webkit-transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate3d(0px, 0px, 0px);
		-ms-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	body > header #mobile-search input[type="search"] {
		width: 100%;
		font-size: 1.2em;
		line-height: 1.6em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ios body > header #mobile-search input[type="search"] {
		font-size: 16px;
	}

	.ie body > header #mobile-search input[type="search"] {
		line-height: 1em;
	}

	body > header .nav-holder {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 9999;
		background: #232323;
		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate3d(0px, 0px, 0px);
		-ms-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	body > header .nav-holder.has-trending {
		background: #F1F0ED;
		background: -moz-linear-gradient(left,  #232323 50%, #F1F0ED 50%);
		background: -webkit-linear-gradient(left,  #232323 50%, #F1F0ED 50%);
		background: -o-linear-gradient(left,  #232323 50%, #F1F0ED 50%);
		background: -ms-linear-gradient(left,  #232323 50%, #F1F0ED 50%);
		background: linear-gradient(left,  #232323 50%, #F1F0ED 50%);
	}

	body > header .nav-holder.has-submenu {
		background: #3f3f3f;
		background: -moz-linear-gradient(left,  #232323 50%, #3f3f3f 50%);
		background: -webkit-linear-gradient(left,  #232323 50%, #3f3f3f 50%);
		background: -o-linear-gradient(left,  #232323 50%, #3f3f3f 50%);
		background: -ms-linear-gradient(left,  #232323 50%, #3f3f3f 50%);
		background: linear-gradient(left,  #232323 50%, #3f3f3f 50%);
	}

	body > header #branding {
		height: auto;
	}

	body > header #branding a#logo {
		width: 38%;
		max-width: 256px;
		min-width: 200px;
	}

	body > header #branding ul#mobile-controls {
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		height: 27px;
		padding: 0;
		margin: -15px 10px 0 0;
		vertical-align: middle;
		list-style-type: none;
		color: white;
		vertical-align: middle;
	}
	
	body > header .has-top-banner#branding ul#mobile-controls {
		top: 0;
		bottom: 68px;
		margin-top: auto;
		margin-bottom: auto;
	}
	
	.banner__top {
		clear: both;
		margin: 0 -10px;
		overflow: visible;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4MTgxOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  		background-size: 100%;
  		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #181818), color-stop(100%, #232323));
  		background-image: -moz-linear-gradient(#181818, #232323);
  		background-image: -webkit-linear-gradient(#181818, #232323);
  		background-image: linear-gradient(#181818, #232323);
	}

	body > header #branding ul#mobile-controls li {
		float: left;
		margin-left: 20px;
		font-size: 1.5em;
		cursor: pointer;
	}

	body > header #branding ul#mobile-controls li > * {
		display: inline-block;
		padding: 0 10px;
	}


	/* font-awesome fallback */
	.no-fontface body > header #branding ul#mobile-controls .icon-reorder:before {
		content: '';
	}

	.no-fontface body > header #branding ul#mobile-controls .icon-reorder {
		width: 20px;
		background: url(../img/icon-menu.png) 50% 50% no-repeat;
	}

	.no-fontface body > header #branding ul#mobile-controls .icon-search:before {
		content: '';
	}

	.no-fontface body > header #branding ul#mobile-controls .icon-search {
		width: 20px;
		background: url(../img/icon-search.png) 50% 50% no-repeat;
	}


	body > header nav.primary {
		background: #232323;
		float: left;
		width: 50%;
		padding: 10px 0;
		white-space: normal;
		filter: none;
	}

	body > header nav.primary ul {
		height: auto;
	}

	body > header nav.primary ul li {
		display: block;
	}

	body > header nav.primary ul li a,
	body > header nav.primary ul li:not(.active):first-child a {
		float: none;
		display: block;
		padding: 12px 10px;
		line-height: 1.5em;
		height: auto;
	}

	body > header nav.primary ul li.active a {
		background: rgba(255,255,255,0.2);
		filter: none;
	}

	body > header nav.secondary {
		float: left;
		width: 50%;
		background: transparent;
	}

	body > header nav.secondary ul.secondary-menu {
		margin-right: 0;
	}

	body > header nav.secondary ul.secondary-menu li {
		display: block;
	}

	body > header nav.secondary ul.secondary-menu li a {
		float: none;
		display: block;
		line-height: 1.5em;
		padding: 8px 0;
		height: auto;
	}

	body > header nav.trending {
		float: left;
		width: 50%;
	}

	body > header nav.trending span.trending {
		display: block;
		float: none;
		height: auto;
		line-height: 1.5em;
		padding: 10px 0;
	}

	body > header nav.trending ul.trending-tags {
		margin: 0;
		overflow: visible;
		white-space: normal;
	}

	body > header nav.trending ul.trending-tags li {
		display: block;
	}

	body > header nav.trending ul.trending-tags li a {
		float: none;
		display: block;
		line-height: 1.5em;
		padding: 8px 0;
		height: auto;
	}

	ul.social-links {
		display: none;
	}

	#search-top {
		display: none;
	}

	.breaking_news-text {
		padding: 10px;
		font-size: 1.8em;
	}

	/* article */
	body.article article#content figure {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#banner__between-news,
	#banner__bottom,
	#content .adsbygoogle-box{
		/*display:none !important;*/
	}
}

@media all and (max-width: 650px) {
	body > header nav.primary ul li a,
	body > header nav.primary ul li:first-child a {
		padding: 9px;
	}

	.breaking_news-text {
		padding: 10px 0;
		font-size: 1.5em;
	}

	#teasers {
		margin-left: -10px;
		margin-right: -10px;
		position: relative;
		height: auto;
	}
	
	#teasers figure:first-child,
	#teasers figure:first-child + figure,
	#teasers figure:first-child + figure  + figure  {
		position: relative;
		height: 200px;
		width: 100%;
		/*padding-bottom: 66.40625%;*/
		padding: 0;
		margin: 0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #000;
		background-position: 50% 0 !important;
	}
	
	#teasers figure figcaption, 
	#teasers figure + figure figcaption {
		background: rgba(0, 0, 0, .65);
	}
	
	#teasers figure:first-child figcaption a {
		display: inline;
		/*background: #000;
		box-shadow: 5px 2px 0 4px #000, -5px 2px 0 4px #000;*/
		background: none;
		box-shadow: none;
		text-decoration: none;
		color: #fff;
	}
	
	#teasers figure:first-child ~ figure figcaption a {
		display: inline;
		background: none;
		box-shadow: none;
		text-decoration: none;
		/*color: #000;*/
		color: #fff;
	}
	
	@-moz-document url-prefix() {
		#teasers figure:first-child figcaption a {
			/*outline:solid 3px #000 !important;*/
		}
		
		#teasers figure:first-child ~ figure figcaption a {
			/*outline:solid 2px #f4f0ed !important;*/
		}
	}
	
	#teasers figure:first-child ~ figure h2 {
		font-size: 1.1em;
	}

	#content,
	body.article article#content {
		width: 100%;
		float: none;
	}

	#sidebar {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	section.complementary article,
	section.complementary article:nth-child(even) {
		position: relative;
		width: 100%;
		float: none;
		margin-right: 0;
	}

	section.complementary article figure {
		height: 0;
		width: 100%;
		padding-bottom: 46%;
	}

	#bottom section.foreign figure {
		padding-bottom: 350px;
	}

	#bottom section.foreign .scroll-holder {
		overflow: auto;
		-webkit-transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate3d(0px, 0px, 0px);
		-ms-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
		-webkit-overflow-scrolling: touch;
		margin-left: -10px;
		margin-right: -10px;
		padding-bottom: 5px;
	}

	#bottom section.foreign .scroll-container {
		width: 240%;
		padding: 1px 10px 0 10px;
	}

	.android-old.webkit #bottom section.foreign .scroll-container,
	.kindle #bottom section.foreign .scroll-container {
		width: auto;
	}

	.android-old.webkit #bottom section.foreign figure,
	.android-old.webkit #bottom section.foreign figure:nth-child(3n-1),
	.kindle #bottom section.foreign figure,
	.kindle #bottom section.foreign figure:nth-child(3n-1) {
		display: block;
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
		padding-bottom: 280px;
	}

	.android-old.webkit #bottom section.foreign figure:last-child,
	.kindle #bottom section.foreign figure:last-child {
		margin-bottom: 0;
	}

	/* section */
	#section_header h1,
	.section_header-title {
		font-size: 2.7em;
	}

	#section_header aside {
		font-size: 1em;
	}

	/* article */
	body.article #main header h1,
	.china-page .title-chine__txt {
		font-size: 2em;
		margin-top: 20px;
	}

	body.article article#content figure {
		margin-top: 30px;
	}

	/* paginator */
	div.paginator-holder {
		margin-right: 0;
	}

	.no-ie7 button.month-selector,
	.no-ie7 button.month-selector:hover,
	.no-ie7 button.month-selector:active {
		float: none;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1.2em;
		margin-top: 0;
		margin-bottom: 5px;
	}

	#news + button + .paginator-holder nav.date-paginator {
		margin-top: 0;
	}


	/* monthpicker */
	.monthpicker {
		width: auto;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
		left: 0 !important;
		right: 0 !important;
	}

	.monthpicker ul.month li {
		margin: 4px 1.166%;
		padding: 6px 8px;
	}


	/* custom scrollbar */
	.mCSB_horizontal .mCSB_container {
		margin-bottom: 25px;
	}
	
	#text-section{
		padding-left:0;
		height:auto !important;
	}
	
	#text-section figure{
		width:100%;
		height:0;
		padding-bottom:46%;
		position:static !important;
	}
	
	#text-section article{
		height:auto !important;
		padding:10px 15px;
		position:static !important;
	}
	
	.banner__may-9 img{
		margin:9px 2%;
	}
	
	#sidebar,
	.orphus__hint,
	#content p.disclaimer,
	#hypercomments_widget ~ a,
	#banner__between-news, 
	#banner__bottom, 
	#content .adsbygoogle-box,
	.complementary,
	body > footer {
		display: none !important;
	}
	
	.videoclub p:first-child {
		margin-top: 0;
	}
}

@media all and (max-width: 550px) {
	/* ads */
	.ad-835x100 {
		width: 100%;
		height: 0;
		padding-bottom: 18.87%;
	}
	
	#news article {
		min-height: 0;
		padding-top: 120px;
	}
	
	#news article p {
		display: none;
	}
	
	#news article figure {
		width: 100%;
	}
	
	#news article header {
		border-bottom: 0;
		margin: 0;
		padding-left: 10px;
		background: rgba(240, 240, 240, .9);
	}
	
	#news article header a {
		color: #000;
	}
	
	#news article header aside {
		position: static;
		background: none;
		padding: 0;
	}
	
	#news article.has_video figure::before {
		top: 0;
		bottom: auto;
		right: auto;
		padding-left: 25px;
	}
	
	#news article.has_video figure::after {
		bottom: auto;
		top: 1px;
	}
	
	#news article header h1, 
	#news article header h2, 
	#news article header h4 {
		font-size: 1.2em;
	}
}

@media all and (max-width: 540px) {
	body > header #mobile-search input[type="search"] {
		font-size: 1em;
	}

	.ios body > header #mobile-search input[type="search"] {
		font-size: 16px;
	}

	#sidebar #twitter ul li {
		min-height: 60px;
	}
}

@media all and (max-width: 500px) {
	body > header #branding {
		height: auto;
	}

	body > header #branding ul#mobile-controls {
		margin: -12px 0 0 0;
	}

	body > header #branding ul#mobile-controls li {
		margin-left: 10px;
		font-size: 1.2em;
	}

	/* font-awesome fallback */
	.no-fontface body > header #branding ul#mobile-controls  .icon-reorder {
		width: 15px;
		background: url(../img/icon-menu-mini.png) 50% 50% no-repeat;
	}

	.no-fontface body > header #branding ul#mobile-controls  .icon-search {
		width: 15px;
		background: url(../img/icon-search-mini.png) 50% 50% no-repeat;
	}

	body > header #branding a#logo {
		width: 60%;
		max-width: 200px;
		min-width: 150px;
	}

	.breaking_news-text {
		font-size: 1.2em;
	}

	/* article */
	body.article #main header h1,
	.china-page .title-chine__txt {
		font-size: 1.8em;
	}

	body.article article#content div.short-story p {
		margin-left: 0px;
		margin-right: 0px;
		font-size: 1.1em;
	}

	body.article article#content time {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	body.article article#content div.article-body{
		font-size:1em;
		padding:0;
	}

	body.article article#content div.article-body p {
		font-size: 1em;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.live__description header img{
		display: block;
		margin: 0 auto 1em;
	}

	.live__description header p {
		display: block;
		margin: 0;
		padding:0;
	}
	
	#teasers figure figcaption a,
	#teasers figure figcaption a:hover,
	#teasers figure + figure figcaption a,
	#teasers figure + figure figcaption a:hover {
		font-size: 1.15em;
		line-height: 1.4em;
	}

	#teasers figure figcaption h1,
	#teasers figure + figure figcaption h2,
	#teasers figure figcaption h4,
	#teasers figure + figure figcaption h4 {
		font-size: 1.15em;
		line-height: 1.4em;
	}

	#teasers figure figcaption h1 a,
	#teasers figure figcaption h1 a:hover,
	#teasers figure + figure figcaption h2 a,
	#teasers figure + figure figcaption h2 a:hover,
	#teasers figure + figure figcaption h4 a,
	#teasers figure + figure figcaption h4 a:hover {
		font-size: 1em;
		line-height: 1.4em;
	}

	#content .widget-mediametrics {
		margin: 20px 0;
	}
}

@media all and (max-width: 400px) {
	body > header #branding ul#mobile-controls li {
		margin-left: 0;
	}

	body > header nav.primary ul {
		font-size: 1em;
	}

	body > header nav.trending ul.trending-tags li a,
	body > header nav.secondary ul.secondary-menu li a {
		font-size: 0.9em;
	}

	#sidebar #twitter ul li {
		min-height: 80px;
	}

	/* section */
	#section_header h1,
	.section_header-title {
		font-size: 2em;
	}

	/* paginator */
	nav.paginator ul li a,
	nav.paginator ul li span {
		padding: 0 16px 0 1px;
	}
	
	.banner__may-9 img{
		margin:5px 2%;
	}
	
	#teasers figure:first-child ~ figure h2 {
		font-size: .9em;
	}
	
	/*#news article figure {
		width: 27%;
	}
	
	#news article header {
		margin: 0 15px 0 27%;
	}*/
	
	#news article header h1, 
	#news article header h2, 
	#news article header h1 a, 
	#news article header h2 a{
		font-size: 14px;
		line-height: 16px;
	}
	
	#teasers figure:first-child,
	#teasers figure:first-child + figure, 
	#teasers figure:first-child + figure + figure  {
		/*height: 225px;*/
		height: 180px;
		float: none;
		width: 100%;
		display: block;
	}
}

@media all and (max-width: 300px) {
	#sidebar #twitter ul li {
		min-height: 100px;
	}

	/* paginator */
	nav.paginator ul li a,
	nav.paginator ul li span {
		padding: 0 5px;
	}
	
	#teasers figure:first-child ~ figure h2 {
		font-size: .8em;
	}
}

@media all and (max-height: 400px) and (max-width: 650px) {
	body > header #branding a#logo {
		width: 150px;
		min-width: 150px;
	}

	body > header #branding ul#mobile-controls {
		margin-top: -12px;
	}

	body > header #branding ul#mobile-controls li {
		font-size: 1.2em;
	}

	/* font-awesome fallback */
	.no-fontface body > header #branding ul#mobile-controls  .icon-reorder {
		width: 15px;
		background: url(../img/icon-menu-mini.png) 50% 50% no-repeat;
	}

	.no-fontface body > header #branding ul#mobile-controls  .icon-search {
		width: 15px;
		background: url(../img/icon-search-mini.png) 50% 50% no-repeat;
	}

	body > header #mobile-search input[type="search"] {
		font-size: 1em;
	}

	.ios body > header #mobile-search input[type="search"],
	.android body > header #mobile-search input[type="search"]  {
		font-size: 16px;
	}

	section.breaking-news h1 {
		font-size: 1.2em;
	}

	#teasers figure:first-child,
	#teasers figure + figure {
		padding-bottom: 250px;
	}

	#teasers .scroll-container {
		width: 200%;
	}

	.android-old.webkit #teasers .scroll-container,
	.kindle #teasers .scroll-container {
		width: auto;
	}

	#news article figure {
		padding-bottom: 36%;
	}

	#bottom section.foreign figure {
		padding-bottom: 250px;
	}

	#bottom section.foreign .scroll-container {
		width: 200%;
	}

	.android-old.webkit #bottom section.foreign .scroll-container,
	.kindle #bottom section.foreign .scroll-container {
		width: auto;
	}

	/* article */
	body.article #main header h1,
	.china-page .title-chine__txt {
		font-size: 1.8em;
	}

	body.article article#content div.short-story p {
		margin-left: 0px;
		margin-right: 0px;
		font-size: 1.05em;
	}

	body.article article#content time {
		margin-left: 0px;
		margin-right: 0px;
	}

	body.article article#content div.article-body p {
		font-size: 1em;
		margin-left: 0px;
		margin-right: 0px;
	}
}