@charset "utf-8";
/*  
Theme Name: TheMiddleKingdom
Theme URI: http://www.johanneskolbe.de/
Description: TheMiddleKingdom is a Blog Theme, designed for Matt and Kara Banker.
Version: 0.9
Author: Johannes Kolbe
Tags: china, grey, two-columns, right-sidebar, fixed-width
*/

#wpstats							{display:none;}

.attachment-post-thumbnail			{float:left; margin-right:10px; border:1px solid #aaa;}
.attachment-post-thumbnail:hover	{-moz-box-shadow:0px 1px 3px #268CC5; box-shadow:0px 1px 3px #268CC5; -webkit-box-shadow:0px 1px 3px #268CC5; -khtml-box-shadow:0px 1px 3px #268CC5;}

html, body 							{border:0; margin:10px 0 0; padding:0;}
* 									{padding:0; margin:0;}
body 								{font: 12px/1.4 Arial, Helvetica, sans-serif; color:#232323; background: url(images/backcancel.png) top center #ddd;}


/***** Headings *****/
h1, h2, h3, h4, h5, h6 				{margin:0; padding:0; font-weight:normal;}
h1 									{padding:0px 0 10px 0; font-size:24px; color:#ac1616; font-family:Georgia, "Times New Roman", Times, serif;}
h2 									{padding:0px 0 20px 0; font-size:24px;}
h3									{font-size:16px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#ac1616; padding:0px 0 20px 0;}

h1.search_results					{color:#fff; text-shadow:1px 1px 1px #444;}


/***** Common Formatting *****/
p, ul, ol 		{margin:0; padding:0 0 20px 0;}
ul, ol 			{padding:0 0 0px 2.5em;}
blockquote 		{margin:0 0 20px 0px; padding:10px 10px 10px 60px; background:#d3cdba url(images/blockquote.gif) top left no-repeat;}
small 			{font-size:0.85em;}
img				{border:0;}

sup 			{position:relative; bottom:0.3em; vertical-align:baseline;}
sub 			{position:relative;	bottom:-0.2em; vertical-align:baseline;}
acronym, abbr 	{cursor:help; letter-spacing:1px;	border-bottom:1px dashed;}


/***** Links *****/
a,
a:link,
a:visited,
a:hover 		{text-decoration:none; outline:none;}

a:link			{color:#ac1616;}
a:visited		{color:#ac1616;}
a:hover 		{color:#73794f;}
a:active		{color:#ff4200;}


/***** Forms *****/
form 						{margin:0; padding:0; display:inline;}
input, select, textarea 	{font:1em Arial, Helvetica, sans-serif;}
textarea 					{width:100%; line-height:1.25;}
label 						{cursor:pointer;}


/***** Tables *****/
table						{border:0; margin:0 0 1.25em 0; padding:0;}
table tr td 				{padding:2px; border:0;}
table tr th 				{padding:2px; border:0;}

/***** Wrapper *****/

.wrap 						{width:1000px; background: rgba(255,255,255, 0.5); margin:0 auto 5px; -moz-box-shadow: 0px 2px 6px rgba(0,0,0, 0.5); box-shadow: 0px 2px 6px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 2px 6px rgba(0,0,0, 0.5); -khtml-box-shadow: 0px 2px 6px rgba(0,0,0, 0.5);}


/***** Global Classes *****/

.clear         { clear:both; overflow:hidden; width:1px; height:1px;}
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0; padding-left:0; }
.nobullet      { list-style:none; list-style-image:none; }

.width100 		{ width: 100%; } 
.width75 		{ width: 75%; } 
.width50 		{ width: 50%; } 
.aligncenter,
div.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; /* optional rounded corners for browsers that support it */ -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 p.wp-caption-text 		{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

/**************  Classes  **************/
/*++++++++++++++  Header  +++++++++++++++*/

.header		{width:1000px; height:213px; position:relative; background:url(images/head.png) #fff top left no-repeat;}

h1.logo		{font:20px/20px Helvetica, arial, sans-serif; color:#99cc33; letter-spacing:+3px;text-align:center;top:10px;position:relative;}

h1.logo:hover	{color:#cccc99;}

h1.logo a, h1.logo a:visited	{color:#99cc33; text-decoration:none;}

.description	{margin:0; padding:0; font:12px/12px arial, Helvetica, sans-serif; color:#888;text-align:center;}

.subscribe	{margin:0; padding:0; font:bold 14px/14px arial, Helvetica, sans-serif;	height:41px; width:110px; text-indent:-9999px; display:block; text-transform:uppercase;position:absolute; top:165px; right:10px;}

.subscribe ul	{list-style:none; margin:0;padding:0; width:110px;}

.subscribe li	{margin:0 6px; display:block; float:left; opacity:.7;}

.subscribe li:hover	{opacity:1;}

#mail a		{width:44px; height:38px; background:url(images/mail.png);display:block;}

#rss a		{width:41px; height:39px; background:url(images/rss.png);display:block;}

#leiste		{padding:0 0px;background-color:#cc6600; width:1000px; height:41px;position:absolute; top:211px; font:20px/20px arial; color:#fff;}

#leiste ul	{float:left; height:44px; list-style:none; margin:0;padding:0;}
#leiste li	{float:left; margin:0 5px; padding: 10px 15px 0; height:32px;}
#leiste li:hover 	{background:#993300;}
#leiste li a		{color:#fff;}
#leiste li a:hover	{color:#fff;}
#leiste .entrys		{float:right;height:41px;}
#leiste .entrys	a	{color:#fff; font:bold 30px/34px arial; padding:0 5px;}
#leiste .entrys:hover	{background:#993300;}

.current-cat		{background:#262626;}

#leiste .current_page_item	{background:#262626;}

ul.menu		{width:815px; margin:0px; padding:0px; list-style:none; position:absolute; top:185px; left:45px;}

ul.menu li	{float:left; font:bold 16px/16px arial,helvetica,sans-serif; text-transform:uppercase; color:#000000; padding:0 21px 0 0; margin:0; position:relative;}

ul.menu li a				{color:#000000;}
ul.menu li a:hover			{color:#cc6600;}
ul.menu li.current_page_item a		{color:#cc6600;}
ul.menu li.current_page_parent a		{color:#cc6600;}

/* ul.menu .page-item-337						{float:right;} */

ul.menu li ul 		{position: absolute; left:0px; top: 10px; padding:0; margin:0; display:none; width:150px; background:#cabf72; list-style:none;}

ul.menu li ul li		{float:none; padding:5px 0 5px 5px; display:block; margin:0; position:relative; border-bottom:1px dashed #71691c;}

ul.menu li ul li ul	{position:absolute; left:150px; top:0px; display:none; padding:0px 0 0 0; list-style:none;}


ul.menu li:hover ul, ul.menu li.over ul 				{ /*display: block;*/ } 
ul.menu li:hover ul li ul, ul.menu li.over ul li ul 		{display: none; } 
ul.menu li ul li:hover ul, ul.menu li ul li.over ul 		{ /*display: block;*/ }


/* Content */ 
.content							{width:100%; overflow:hidden; background:#fff; /*background:url(images/content_body.jpg) top left repeat;*/ margin-top:30px;}
.content_left						{width:100%; overflow:hidden; /*background:url(images/sharp_left.gif) top left repeat-y;*/}
.content_right						{width:100%; overflow:hidden; /*background:url(images/sharp_right.gif) top right repeat-y;*/}

/* Mainbar */
.mainbar							{float:left; width:700px; overflow:hidden; display:inline; margin:13px 0 0px 10px; /*background:url(images/mainbar_body.jpg) top left repeat;*/}
.mainbar_top						{width:700px; overflow:hidden; /*background:url(images/mainbar_top.jpg) top left no-repeat;*/}
.mainbar_bottom						{width:700px; overflow:hidden; /*background:url(images/mainbar_bottom.jpg) bottom left no-repeat;*/ padding:10px 0 20px 0;}
.mainbar_inner						{/*background:#fff;*//*width:600px;*/ margin:0 0 0 50px;}

.post								{background:#fff; margin:0 0 20px; padding:15px 10px 7px; position:relative; border:2px solid #efefef; -moz-box-shadow: 0 2px 3px rgba(0,0,0, 0.3); box-shadow: 0 2px 3px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.3); -khtml-box-shadow: 0 2px 3px rgba(0,0,0, 0.3);}
.post h2.post_header					{font:normal 30px Georgia, "Times New Roman", Times, serif;	color:#222;	margin:0 0 4px;	padding:0; border-bottom:1px dotted #aaa;}
.post h2.post_header a				{color:#222;}
.post h2.post_header a:hover			{color:#ad1616;}
.post_line							{color:#777; font-size:12px; /*text-shadow:0px 1px 1px #aaa;*/ height:20px; /*background:url(images/post_line.jpg) top left no-repeat;*/ margin:0 0 6px;}
.post_line a							{font-size:16px;}
.post_content						{/*background:url(images/mainbar_lines.gif) top left repeat;*/	line-height:22px; font-size:14px;}
.post_data							{background:#eee; padding:4px 10px;	font:normal 12px/12px Georgia, "Times New Roman", Times, serif; color:#888;	text-shadow:1px 1px 0px #fff; margin:-13px -10px 0 0; float:right; clear:both;}
.post_data a, .post_data a:visited	{color:#888; text-decoration:none;}
.post_data a:hover					{color:#ad1616; text-decoration:none;}

.post.work .post_date			{background:#268cc5;}
.post.travel .post_date			{background:#ffcc33;}
.post.life .post_date			{background:#669933;}
.post.other .post_date			{background:#999;}

.post.lifetravel .post_date			{background:#cccc33;}
.post.lifework .post_date			{background:#36c809;}
.post.travelwork .post_date			{background:#36c809;}
.post.lifetravelwork .post_date 		{background:#3b3b3b;}
	
.life						{border:2px solid #669933;}
.travel						{border:2px solid #ffcc33;}
.work						{border:2px solid #268cc5;}
.other					        {border:2px solid #ffcc33;}
.lifetravel	 				{border:2px solid #cccc33;}
.lifetravelwork 				{border:2px solid #3b3b3b;}

.post_date							{width:46px; height:48px; position:absolute; left:-48px; top:0px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.9); background:#fff top left no-repeat; -moz-border-radius: 8px 0px 0px 8px;border-radius: 8px 0px 0px 8px;-webkit-border-radius: 8px 0px 0px 8px;-khtml-border-radius: 8px 0px 0px 8px; -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -khtml-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);}
.post_date_top						{margin:2px 0 3px 0; font:bold 24px/24px Georgia, "Times New Roman", Times, serif; text-align:center;}
.post_date_bottom					{margin:0px; font:bold 12px/12px Georgia, "Times New Roman", Times, serif; text-align:center; text-transform:uppercase;}
.post_com							{width:36px; height:32px; background:#b50a81; position:absolute; left:-38px; top:60px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.9); padding:4px 0 0 0; font:20px Georgia, "Times New Roman", Times, serif; text-align:center; -moz-border-radius: 8px 0px 0px 8px;border-radius: 8px 0px 0px 8px;-webkit-border-radius: 8px 0px 0px 8px;-khtml-border-radius: 8px 0px 0px 8px; -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -khtml-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);}
.post_com a							{color:#fff;}
.post_com:hover						{width:44px;left:-46px;}
.post_edit							{width:36px; height:32px; background:#aaa; position:absolute; left:-38px; top:107px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.9); padding:4px 0 0 0; font:20px Georgia, "Times New Roman", Times, serif; text-align:center; -moz-border-radius: 8px 0px 0px 8px;border-radius: 8px 0px 0px 8px;-webkit-border-radius: 8px 0px 0px 8px;-khtml-border-radius: 8px 0px 0px 8px; -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -khtml-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);}
.post_edit a							{color:#fff;font-weight:bold;}
.post_edit:hover					{width:44px;left:-46px;}

.navigation							{background:#fff; padding:7px 10px 5px; -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -khtml-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);}

/* Comments */
.comments							{overflow:hidden; border:2px solid #7B9DB4;	color:#232323; padding:10px; background:#fff; -moz-box-shadow: 0 2px 3px rgba(0,0,0, 0.3); box-shadow: 0 2px 3px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.3); -khtml-box-shadow: 0 2px 3px rgba(0,0,0, 0.3);} 
.comments h1							{padding:0px 0 10px; text-shadow:1px 1px 1px rgba(0,0,0, 0.3);}
ol.commentlist						{display:block;	list-style:none; margin:0; padding:0 0 20px;}
li.comment							{display:block; border-top:1px dotted #222; border-bottom:1px dotted #222; padding:10px 0px 0 0; margin:0 0 10px; overflow:hidden;}
li.pingback							{display:block;	padding:10px 0px 0 0; margin:0 0 10px; overflow:hidden;}
li.pingback .vcard					{padding:0 0px 0 75px;}
li.pingback .p						{padding:0 0px 0 75px;}
li.pingback .commentmetadata			{padding:0 0px 0 75px;}
li.comment img						{border:3px solid #7b9db4; float:left; margin:0 15px 10px 0;}
li.comment cite						{font-style:normal;	font-weight:bold; font-size:14px; color:#AC1616; line-height:80%; margin:0; padding:0;}
li.comment span						{font-style:normal;	font-size:11px;}
.commentmetadata					{float:right; margin:-15px 0 0 0; padding:0 0 8px; line-height:80%; font-size:10px;}
.comment-body						{width:100%; overflow:hidden;}
.comment-body p						{width:520px; overflow:hidden; padding:5px 0 15px 0; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.comment-body blockquote				{overflow:hidden; float:right; padding:0 0 10px 10px; margin:0;	font-size:12px;	font-family:Arial, Helvetica, sans-serif;}

/*Comment form*/
.commentform						{background:#eee; border:1px solid #ddd; width:100%; overflow:hidden; margin:0 0 10px 0;}
.commentform_inner h1				{padding:0 0 0px;}
.commentform_inner					{padding:18px 16px 25px; overflow:hidden;}
.commentform_inner h3				{padding:0 0 10px 9px; color:#fff;}
.commentform_hint					{padding:6px 9px; background:#777; overflow:hidden; color:#e6e6e6; font-size:11px; margin:0 0 5px 0;}
form.commentform_form				{width:100%; overflow:hidden;}
.commentform_left					{float:left; width:147px; overflow:hidden; padding:0 0 0 9px;}
.commentform_right					{float:right; width:360px; overflow:hidden;}
.commentform_title					{font:12px Arial, Helvetica, sans-serif; color:#000; padding:5px 0 2px 4px;}
.commentform_left input				{width:145px; height:19px; border:1px solid #9d9474;}
.commentform_right textarea			{width:358px; height:72px; border:1px solid #9d9474;}
.commentform_right input.commentform_submit	{width:67px; height:20px; background:url(images/btn.gif) top left repeat-x; margin:12px 0 0 0; border:1px solid #9d9474; font-size:12px; cursor:pointer;}
.tags										{float:right; padding:1px 0 0 10px;	font-size:10px;	margin-top:1px; line-height:10px;}

/**/
.sidebar									{float:left; width:270px; overflow:hidden; margin:22px 0 0 10px;}
.sidebar ul, .sidebar ul li, .sidebar ul li ul, .sidebar ul li ul li {margin:0; padding:0; list-style:none; border:0; background:none; overflow:hidden;}
.sidebar ul li, .sidebar ul, .sidebar ul li ul 		{display:block;}

/*Widget boxes*/ .sidebar ul li									{border:0px solid #aaa; background:#fff; margin:0 0 10px 0; overflow:hidden;}

.sidebar ul li h2								{width:268px; background-color:#cc6600; /*background:url(images/back.png) center left repeat-x;*/ color:#fff; text-transform:uppercase; text-align:left; font: 12pt arial, Helvetica, sans-serif;padding-top:10px; padding-left:5px}
.sidebar ul li ul								{width:232px; margin:0 0 10px 0;}
.sidebar ul li ul li								{margin:0 0 0px 10px; padding: 5px 0 5px 13px; background:url(images/bullet.gif) left top no-repeat;}
.sidebar ul li ul li a, .sidebar ul li ul li, .sidebar ul li ul li a:visited	{font:normal 13px/13px Georgia, "Times New Roman", Times, serif; color:#000; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow:none; -khtml-box-shadow:none;}

.sidebar ul li ul li a:hover						{color:#73794f;}
.sidebar ul li input.search_input				{width:180px; height:18px; background:#e4ddc6; border:1px solid #8d8c87; vertical-align:middle; font:normal 12px/100% "Trebuchet MS", Helvetica, sans-serif; padding:1px 0 0 5px; margin:0 5px 0 0;}
.sidebar ul li input								{vertical-align:middle;}
.sidebar ul li input.submit_search				{width:32px; height:21px; background:#667b8f; border:1px solid #667b8f; margin:0 0 0 0px; padding:0; font:bold 12px/100% "Trebuchet MS", Helvetica, sans-serif; color:#fff; text-transform:uppercase; cursor:pointer;}
form.sidebar_search							{width:232px; padding:13px 18px; display:block;}

.footer										{height:96px; padding:2px 10px; line-height:18px; background:url(images/foot.jpg) repeat-x;}
.foot										{text-align:center; width:750px; height:80px; float:left; padding-top:10px; font-size:16px; line-height:20px; color:#fff;text-shadow:1px 1px 1px #000;}
.copy_support								{width:195px; margin:0px; float:right; font:normal 16px/14px Georgia, "Times New Roman", Times, serif; color:#fff; padding:3px 0 0 0;}
#jk a										{opacity:.1; width:48px; height:27px; background:url(images/jk.png) no-repeat; display:block; text-indent:-9999px; margin:4px 0 0 146px;}
#jk a:hover									{opacity:.3;}
#wp	a										{opacity:0.1; width:32px; height:32px; background:url(images/wp.png) no-repeat; display:block; text-indent:-9999px; margin:0 0 0 155px;}
#wp	a:hover									{opacity:.3;}
.copy										{padding-top:8px; font:normal 14px/14px Georgia, "Times New Roman", Times, serif; color:#bd967a; text-shadow:1px 1px 1px #000; float:right;}
table#wp-calendar							{width:100%;}

#fehler										{background:url(images/404.png)no-repeat top center; text-indent:-9999px; width:650px; height:300px;}
#meiyou										{background:url(images/search.png)no-repeat top center; text-indent:-9999px; width:650px; height:300px;}

.VS1mainContainer							{width:100%;}

.rssbox {
background: #e4e4e4 url(images/rss.png) no-repeat left top;
background-position: 20px 7px;
border: 1px solid #121a24;
padding:5px 10px 5px 80px;
margin: 0px;
font-size: 16px;
line-height: 23px;
color: #121a24;
height:50px;
width: 535px;
align: middle;
overflow:hidden;
}
.rssbox a {
color:#FF7600;
text-decoration: none;
font-weight:normal;
text-shadow:0 1px 0 #FFD563!important;
}
.rssbox a:hover {
color:#133DF2;
text-shadow:0 1px 0 #398CFF !important;
}
