/*
Theme Name: chinahush 3.0
Theme URI: http://www.chinahush.com
Description: chinahush
Version: 3.0
Author: Key
Author URI: http://www.chinahush.com
Tags: 
*/

@font-face {
    font-family: "nobile";
    src: url("fonts/nobile.ttf");
}
@font-face {
    font-family: "nobile";
    src: url("fonts/nobile_bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "nobile";
    src: url("fonts/nobile_italic.ttf");
    font-style: italic;
}
@font-face {
    font-family: "nobile";
    src: url("fonts/nobile_bold_italic.ttf");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "PT Sans Narrow";
    src: url("fonts/PTN57F.ttf");
}
@font-face {
    font-family: "PT Sans Narrow";
    src: url("fonts/PTN77F.ttf");
    font-weight: bold;
}
@font-face {
    font-family: 'MuseoSlab500';
    src: url('fonts/Museo_Slab_500-webfont.eot');
    src: url('fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Museo_Slab_500-webfont.woff') format('woff'), url('fonts/Museo_Slab_500-webfont.ttf') format('truetype'), url('fonts/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

.grid_1{width:85px}
.grid_2{width:170px}
.grid_3{width:255px}
.grid_4{width:340px}
.grid_5{width:425px}
.grid_6{width:510px}
.grid_7{width:595px}
.grid_8{width:680px}
.grid_9{width:765px}
.grid_10{width:850px}
.grid_11{width:935px}
.grid_12{width:1020px}


.clearfix:after{clear:both;content:' ';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}


#super{width:1024px;margin:0 auto;border-width:0 1px}
#container {min-width:1024px;border-left:1px solid #ddd;	border-right:1px solid #ddd;}
.column{float:left; display:block;}

header #header-top {
	text-align:left;
}

header #ad-banner {
	float:left;
}

header .leaderboard-ad {
	padding: 10px 20px;
}

header div#ad-link {
	float: left;
    color: black;
	padding: 10px 0;
}

header div#ad-link a {
   color: black;
   text-decoration: underline;
}

header #header-main {
	background-color: black;
}

header #header-logo a {
    margin: 0px 0px 0px 20px;
}
header #header-social {
	padding:15px 0;
}
header #header-social #facebook, #twitter, #rss, #email_rss {
	padding:10px;
	float: left;
}

header #cse-search-box {
	padding:20px;
	text-align: right;
}


header #cse-search-box div {
	margin: 0;
}
input#searchbox {
background: url(images/search.png) no-repeat 5px 6px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
height: 22px;
line-height: 1.2em;
padding: 4px 10px 4px 28px;
}


header #searchbox {
	float: right;
	background-color: white;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}

header #searchbox:focus {
	background-color: #f9f9f9;
	width: 196px;
}

header #searchbtn {
	display: none;
}

*
{
	//outline: dotted;
}
html
{
	padding: 0px;
	margin: 0px;
}
body
{
	padding: 0px;
	margin: 0px;
	font-family: sans-serif, Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height : 22px;
	//font-weight: 400;
	background: #fff;
}
.clear
{
	clear:both;
}

a
{
	text-decoration: none;
	color: #fe2e2e;
	outline: 0;
}

a:hover
{
	color: #fe2e2e;
	cursor: pointer;
	//text-decoration: underline;
	//background: #F8E0E0;
}

a img
{
	border: none;
}



div#ad-small
{
    font-size: 12px;
    color: gray;
}

#header-menu
{
	background:url(images/shadow-2.jpg)  repeat-x left top;
	padding-top: 7px;
}
#header-menu .inner
{
	background:url(images/bg-1.jpg)  repeat left top;
}


/*menu*/
header nav
{
	//border-left: 1px solid #ddd;
	//border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

header nav ul.dropdown,
header nav ul.dropdown li,
header nav ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

header nav ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

header nav ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

header nav ul.dropdown li.hover,
header nav ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

header nav ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

header nav ul.dropdown ul li {
 float: none;
}

header nav ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

header nav ul.dropdown li:hover > ul {
 visibility: visible;
}

UL#main-nav {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	HEIGHT: 36px;
	LIST-STYLE-IMAGE: none;
}
UL#main-nav LI {
	LINE-HEIGHT: 21px;
	DISPLAY: inline;
	FONT-SIZE: 22px;
}
UL#main-nav LI A {
	font-family:  'PT Sans Narrow', sans-serif, Georgia, "Times New Roman", Times, serif;
	PADDING-BOTTOM: 8px;
	MARGIN: 0px;
	PADDING-LEFT: 15px;
	WIDTH: auto;
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	FLOAT: left;
	COLOR: black;
	PADDING-TOP: 8px;
	text-decoration:none;
	text-transform:uppercase;
}

UL#main-nav LI A:hover {
	BACKGROUND: #f5f5f5;
	FONT-STYLE: normal;
	color: #ff0000;
}

UL#main-nav LI.current-cat A, UL#main-nav LI.current_page_item A  {
	background:white;
	COLOR: #ff0000;
}


/*content */
content div.column
{
	border-bottom: 1px solid #ddd;
	float: left;
	display: block;
}

div.ad, .article-footer
{
	min-height: 250px;
	min-width: 300px;
	padding: 20px;
}

div.buttonad
{
	min-height: 125px;
	min-width: 125px;
	float: left;
	display: block;
}

div.bsap a, div.buttonad a
{
	margin: 20px;
	float: left;
}

/*home */
.feature
{
	background-color:white;
}
.feature, .article, .content
{
	padding: 20px;
}

.big-link{
	display:block;
	max-height:480px;
	min-height:250px;
}
.image-large {
	width: 640px;
	max-height: 480px;
	overflow: hidden;
	position:relative;
}
.image-box
{
	position:relative;
}

.image-box img
{
	width: 100%;
	height:auto;
	z-index:1;
}

.image-box:before
{
	-moz-box-shadow:inset 0 0 50px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 50px rgba(0,0,0,0.1);
	z-index:10;
	position:absolute;
	width: 100%;
	height: 100%;
	content:"";
}

div.feature-meta{
	position: absolute;
    background: url(images/topcaption.png) repeat left bottom;
	z-index: 2;
	width: 640px;
	max-height: 200px;
}

h3
{
	font-family: 'Sans Narrow', helvetica,sans-serif;
	font-weight:400;
	text-transform: uppercase;
}
div.feature-meta h2{
	font-size: 30px;
	font-family: "MuseoSlab500", sans-serif;
	color: white;
	line-height:1.24;
	padding:0 20px;
	overflow:hidden;
}
div.feature-meta .author
{
	font-size: 11px;
	color:white;
	padding:0 20px 10px 20px;
	font-weight: 800;
}
.article .title {
	font-family: 'MuseoSlab500', sans-serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 26px;
	margin: 10px 0;
}

.archivetitle
{
	font-family: 'MuseoSlab500', sans-serif;
	font-size: 40px;
	background-color:white;
	line-height: 0.9;
}

#single h2.title{
	font-size: 40px;
	line-height: 1.15;
}

.article .title  a, .article .author a
{
	color:black;
}

.article .author a
{
	font-weight:800;
}
.article .title  a:hover, .article .author a:hover
{
	color:#fe2e2e;
	text-decoration:underline;
}
.article .author {
	margin: 0 0 8px;
	font-size: 11px;
}

.comment-bubble {
	padding: 3px 3px;
	margin-top: -3px;
	text-align: center;
	color:white;
	font-size:11px;
	font-family: 'Sans Narrow', helvetica,sans-serif;
	min-width: 18px;  
	background: red;
	border-color:#ddd;
	position: relative;
	line-height: 1;
}
.comment-bubble:before {
   content:"";
   position: absolute;
   top: 100%;
   left:0;
   border-top: 8px solid #ddd;
   border-top-color: inherit; 
   border-right: 20px solid transparent; 
}

#homecontainer, #archivecontainer
{
	background: transparent url(images/faux-column-bg4.gif) repeat-y 1px 0;
	border-bottom:1px solid #ddd;
	width:1024px;
}

/*single*/

#singlecontainer
{
	width:1024px;
}

#leftcontainer
{
	border-right:1px solid #ddd;
}
#rightcontainer
{
	//border-left:1px solid #ddd;
}

/*footer*/
#footer {
	background-color:black;
	color: white;
	font-size: 12px;
}

#footerlogo
{
	padding: 20px;
}

#copyright
{
	text-align:right;
	padding: 20px;
}


/*body*/
#leftcolumn
{
	padding-top: 5px;
	width : 600px;
	float : left;
	margin-right: 40px;
}

#rightcolumn
{
	float : left;
	width : 300px;
}

#sidebar ul, #sidebar  li
{
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
	margin-bottom: 1.5em;
}

.entry-title
{
	margin:10px 0px;
	text-align:left;
	font-family:  "nobile", sans-serif;
	font-size: 26px;
	font-weight: 400;
    letter-spacing: -1px;
}

.entry h2 a
{
	outline-style: none;
	color: #333;
}

.entry h2 a:hover
{
	color: #fe2e2e;
	text-decoration: none;
	background: #fff;
}

.entry
{
	line-height: 1.5em;
	margin-top: 10px;
	overflow: hidden;
	text-align:justify;
	margin-bottom: 60px;
}

small
{
	font-size: 11px;
	font-weight:lighter;
	color: #666;
	letter-spacing: 0.2em;
}

.entry-footer
{
	margin: 0px auto;
	text-align: right;
}

.tweet
{
	margin-top:-1px;
}
.entry-footer .button
{
	height: 20px;
	float:left;
	margin-top:20px;
	margin-right:20px;
}

.more-link
{
	font-weight:bold;
}
/* comments */
.comment.odd
{ 
	background-color: white;
	border: 1px #ddd solid;
}

.comment.even
{
	border: 1px #ddd solid;
	background-color: #FBF5EF;
}

.commentlist .children
{
	padding-left:0px;
	margin:0px;
}
.commentlist
{
	padding: 0;
	text-align: justify;
	word-wrap: break-word;
}
	
.commentlist li
{
	font: 1em sans-serif,"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	margin: 15px 0 10px;
	padding: 5px 10px 5px 10px;
	list-style: none;
}

ol.pinglist
{
	border: 1px #ddd solid;
	margin:0px;
	padding:0px;
}

.pinglist li
{
	list-style:none;
	padding: 5px 10px 5px 10px;
}

.pinglist li a
{
	color: black;
	font-size: 11px;
}
.pinglist li a:hover
{
	color: #fe2e2e; 
}

.commentlist cite, .commentlist cite a
{
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.comment-reply-link
{
	font-weight: bold;
}
.commentlist p
{
	font: 1em  sans-serif, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	line-height:1.5em;
	font-size: 13px;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right: 10px;
 }
 
.commentmetadata
{
	padding-top: 2px;
}
 
.commentmetadata a
{
	color: #777;
	font-size: 0.75em;
}
#commentform input
{
	width: 170px;
	margin: 5px 5px 1px 0;
	border: #bbb 1px solid;
	padding: 4px;
	background-color: #FBF5EF;
}

#commentform
{
	margin: 5px 10px 0 0;
}

#commentform textarea
{
	margin-top: 6px;
	font-family: sans-serif, arial, verdana;
	width: 100%;
	border: #bbb 1px solid;
	padding: 4px;
	font-family: sans-serif, arial, verdana;
	background-color: #FBF5EF;
	overflow: auto;
}
#respond:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


/*submit button*/
#commentform #submit, #emailform #emailsubmit, .submit input
{
	background: black;
	border: 0;
	color: white;
	font-family: PT Sans Narrow,helvetica,sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-appearance: button;
}

#commentform #submit:hover, #emailform #emailsubmit:hover, .submit input:hover {
	color: red;
}
#commentform #submit:active, #emailform #emailsubmit:active, .submit input:active {
	color: white;
}
/*end submit button*/

/* the loop small */
.attachment-thumb
{
	margin-bottom: 0px;
	margin-right: 10px;
	border: #e5e5e5 1px solid;
    border-bottom: solid 1px #C4C2B7;
	padding: 3px;
	background-color:#ffffff;
	float: left;
}
div.entry-small
{
	border-bottom: #e5e5e5 1px solid;
	//margin: 5px;
	list-style: none;
	width:auto;
	height:auto;
	padding: 5px;
}

#related .title-small, #related .meta
{
	margin-top: 8px;
	margin-left:92px;
}
#related .title-small a
{
	font-family: "MuseoSlab500", sans-serif;
	color:black;
	font-size:16px;
	line-height: 20px;
}
#related .title-small a:hover
{
	text-decoration: none;
	color: #fe2e2e;
}
.clear-left
{
	clear:left;
}

.alignleft
{
	float:left;
}
.alignright
{
	float:right;
}
/*block quote*/
blockquote {
  background: url(images/blockquoteclose.gif) no-repeat right bottom;
  margin-left: 0px;
}
blockquote p
{
	padding-left:40px;
	padding-right:20px;
	color: #555;
}
blockquote p:first-child
{
  background: url(images/blockquoteopen.gif) no-repeat left top;
  padding-top:20px;
}


/*next posts */
#nav
{
	height:40px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	-webkit-box-shadow: 0 0px 4px #ccc;
	-moz-box-shadow: 0 0px 4px #ccc;
	box-shadow: 0 0px 4px #ccc;
	background-color: #eee;
}

.olderposts  a, .newerposts a
{
	color:white;
	font-size: 20px;
	line-height:40px;
	text-transform:uppercase;
}
.olderposts  a:hover, .newerposts a:hover
{
	color:red;
}
.olderposts, .newerposts {
	margin-top: -2px;
	text-align: center;
	color:white;
	font-family: 'Sans Narrow', helvetica,sans-serif;
	width: 240px;
	height:40px;
	background: black;
	border-color:#ddd;
	position: relative;
}

.olderposts:before {
   content:"";
   position: absolute;
   left: 100%;
   top:0;
   border-left: 10px solid black;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
}
.newerposts:before {
   content:"";
   position: absolute;
   right: 100%;
   top:0;
   border-right: 10px solid black;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
}


/*Recent comments */
.recent-comment .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right: 10px;
 }
 
.recent-comment .commentauthor
{
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}

.commentauthor a
{
    color:black;
}

.commentauthor a:hover
{
  color: #fe2e2e;
}

/*feature post*/
.featured {
    position: relative;
    width: 300px;
    height: 250px;
    background-color: #DDD;
    margin-bottom: 1.8em;
    border-bottom: solid 1px #C4C2B7;
}

.transbox {
    position: absolute; top: 0;
    background: url(images/topcaption.png) repeat left bottom;
    padding: 10px;
    width: 280px;
}

.readmore
{
    position: absolute; bottom: 0;
    background: url(images/caption.png);
    padding: 10px;
    width: 280px;
}
.transbox a
{
    font-weight: bold;
    color: white;
    font-size: 1.1em;
}

.readmore a
{
    float: right;
    color: white;
}
.featured img
{
  position: absolute; bottom: 0;
}

/*email subscribe*/
#email_rss_subscribe
{
    float: left;
    background:url(images/social_email_rss.png) no-repeat;
}

#email_rss_subscribe h3
{
	margin-left: 58px;	
}