/*  
Theme Name: iShow
Author URI:http://www.isparkle.cn
Version: 1.0
Author: mienflying
Description: themes 4 bestcss
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}
/******
css reset
******************************/
body {font:14px/1.5 "微软雅黑", Arial,Sans-Serif;	color:#555;	margin:0;padding:0;background:#F7F7F6 url(images/bg.jpg) repeat-x 0 0; text-align:center}
hr {height: 5px;margin: 10px 0;color: #EFEFEF;border: 0;}

.column {display:block;float:left;margin:0;padding:0;text-align:center;zoom:1}
code {font-size:12px;}
/******
css reset
******************************/
.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {	display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*************************************
Links
**************************************/
a, a:visited {text-decoration:none;outline:none;color:#333;}
a:hover {text-decoration:underline;color:#666;}
/*	--------------------------------------------------
Structure
-------------------------------------------------- */
#header {overflow:hidden;width:960px;height:70px;margin:0 auto; position:relative;}
#main{width:960px; margin:0 auto; padding:0}
#bottom {background:#000;width:100%;overflow:hidden;margin-top:2em; padding-top:1em;}
#bottom .inner{ width:960px; margin:0 auto;}
#sidebar {width:320px;margin:0;padding:70px 20px 0;text-align:left;}
#footer {clear:both;width:960px;margin:20px auto 0;padding:10px 0;height:60px;color: #666;border-top:2px solid #111;text-align:right;}
/*************************************
Headings
**************************************/
h1 {font:bold 26px/1.5 "微软雅黑",Tahoma,serif;}
h2 {font:bold 24px/3 "微软雅黑",Tahoma,serif;}
h3 {font:bold 22px/1.5 "微软雅黑",Tahoma,serif;}
h4 {font:bold 18px/1.5 "微软雅黑",Tahoma,serif;}
h5 {font:bold 16px/1.5 "微软雅黑",Tahoma,serif;}
h6 {font:bold 14px/1.5 "微软雅黑",Tahoma,serif;}
/*************************************
Header
**************************************/
#header h1.logo, #header h2.logo{ position:absolute;left:20px; top:10px;text-align:left;}
#header h1.logo a ,#header h2.logo a {text-decoration:none; display:block;font:bold 28px/1 Tahoma; width:207px; height:47px; text-indent:-1000em; background:url(images/logo.png) no-repeat 0 0;_background:url(images/logo.jpg) no-repeat 0 0;}
#header h3.description { position:relative;top:30px;left:100px;width:1px; height:1px; text-indent:-1000em; overflow:hidden;}
/**head nav **/

ul#nav{ position:absolute; right:280px;width:360px;list-style:none; text-align:right;top:20px;}
ul#nav li {list-style-type:none;margin:0;padding:0 5px; display:inline}
ul#nav li a {font: bold 14px/2 "微软雅黑", Arial, sans-serif;text-decoration:none;padding:0;margin:0; color:#BBB}
ul#nav li a:hover {text-decoration:none;color: #fff;}
ul#nav li.current_page_item a {color: #BBB;font-size:15px;}
/**head nav end**/
#header .searchBar {width:240px; position: absolute; top:20px; right:10px;}
.inputBox,#searchform .s {display:block;float:left;margin:0;padding:5px 0 5px 5px;width:175px;height:20px;background:#ddd;border:1px solid #333;_display:inline;-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;}
.inputBox:hover, .inputBox:focus {background:#eee}
.searchButton,#searchform .button{float:left;margin:0;height:32px;width:48px;padding:1px 4px;background:#555;border:1px solid #555;color:#ddd; font-weight:700;cursor:pointer;-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-right-radius:5px;}
.searchButton:hover, .searchButton:focus { color:#fff;}
.searchform {padding:5px;overflow:hidden;position:relative;_zoom:1;}
#searchform .s {width:240px;background:#eee;border:1px solid #ddd;_display:inline;}
#searchform .button {background:#ddd;border:1px solid #ddd;color:#000;}
#searchform .button:hover{ color:#333;}

#category{ width:920px; margin:0 auto; padding:20px; font:normal 14px/1.8 "微软雅黑"; text-align:left;}
#category ul,#category li{ display:inline; list-style:none;}
#category li.current-cat a{ font-weight:700;}
#category a{ color:#999;margin:0 3px;}
/*************************************
Content
**************************************/
#content {width:578px;padding:10px;text-align:left;}
#main h1,#content h1.posttitle {margin-bottom:15px; text-align:left; color:#000;}
#main h1{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);}
#content p {margin:0;padding:0;line-height:1.8;}
#content img {max-width:540px;padding:6px;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#content ul ,.page ul{margin:0;padding:0;list-style:none;}
#content li,.page li {list-style:disc outside;margin:0;padding:5px 0;font:12px/1.5 Arial, sans-serif;}
#content ol,.page ol {list-style-type:decimal;margin:0;padding:0 0 0 4em;}
#content ol li,.page ol li {list-style:decimal}
#content .search404 {margin:4px 8px 0 0;padding:5px 0 0;width:298px;}
#content .category {float:left;width:48%;border-right:1px solid #ccc;}
#content .archives{float:right;width:48%}

.item{display:inline; float:left; width:229px; margin:8px 5px; height:139px; overflow:hidden;}
.item img.thumb{border:2px solid #aaa;}
h2.title,h4.title{width:225px;height:25px;background-color:#fff;margin:0 auto;padding:0; font:bold 14px/1.5 "微软雅黑",Tahoma,serif; opacity:.2; text-align:center;overflow:hidden;}

#related{ text-align:left;}
#related h3{text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85);}
#related ul,#related li{ list-style:none;}
#related ul{ padding:5px;}
#related li{display:inline; float:left; width:225px; margin:5px; height:139px; overflow:hidden;}
#related img.thumb{border:none;}

#sidebar ul.meta li{padding: 10px 0 10px 24px;list-style: none;position: relative;border-top: 1px solid #aaa;border-bottom: 1px solid #ddd}
.meta li.twitter, .meta li.designer, .meta li.meta_url, .meta li.meta_cat, .meta li.meta_tag {background: url("images/icons.png") no-repeat 0 -86px}
.meta li.designer {background-position:0 -308px}
.meta li.meta_url {background-position:0 -234px}
.meta li.meta_cat {background-position:0 -650px}
.meta li.meta_tag {background-position:0 -160px}
#sidebar a{color:#999;}

#main .postPromote{padding:0;margin:10px auto;height:90px;width:728px; background:#fff; }
#main .postBottom{margin:0;padding:10px 0;color:#666; clear:both; font:bold 14px/1.5 "微软雅黑";}

.page{ text-align:left;}
.page p{ line-height:1.8; margin:5px 0; text-indent:2em;}
.page li{ margin-left:4em;}
h3.404title, .page h2{color:#000;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85); margin:10px 0;}
/***********
	Comments
**************************************/
#comments { clear:both;margin:0 auto;padding:20px 0;text-align:left;overflow: hidden; }
	#comments h3 {padding: 0; margin: 10px 0; color:#222; text-shadow:1px 1px 2px rgba(20,20,20,.5)}
	#comments ul.commentlist { padding: 0; padding-left: 0; }
		#comments ul.commentlist li { list-style-type: none; }
			#comments ul.commentlist li:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; _height: 1%; zoom: 1 }
		
	#comments .comment {width:auto; border:1px solid #fff;margin: 5px 0; padding: 10px 2px 10px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:rgba(200,200,200,.3)}
		#comments .comment a { text-decoration: underline; }
			#comments .comment a:hover { text-decoration: none; }
		#comments .comment small { font-size: 10px; }
		#comments .comment .inside { width: 110px; float: right; margin-right: -17px; position: relative; overflow: hidden; padding-right: 7px; }
		#comments .comment .url { font-style: normal; }

			/*#comments ul.commentlist li ul.children { margin: 5px; padding: 0; }*/
		#comments .comment p {margin-bottom:.5em}
			#comments .comment .gravatar img {width: 32px; height: 32px; float: left; margin: 0 10px; border: 1px solid #999; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px ;background-color: #fff;}
		#comments .comment .metadata { color: #000; text-decoration: none; font-weight: 400; }
			#comments .comment .metadata:hover { text-decoration: underline; }
		#comments .comment .reply { text-align:right; margin: 0 10px 0 0; }
 
/* traceback list
*********************************/
ol.trackbackList {padding-left:42px;list-style:none;}
ol.trackbackList li {list-style-image:none;list-style-position:outside;list-style-type: decimal;margin:0 0 20px;padding:10px 0 5px;border:0}
ol.trackbackList li.alt, ol.trackbackList li.even {border:0}

/* Contact form --------------------------------- */
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#respond h3 { border-bottom: 1px solid #ddd;}

#commentform { padding: 10px; margin: 5px 10px 0 0; height: 100%; overflow: hidden; }
	#commentform textarea, #commentform input { background: #fff; font: 14px/1.5 Arial; padding:5px;margin:2px 0 10px; border:1px solid #999; color:#333;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
	#commentform textarea { width:95%;}
	#commentform textarea:focus, #commentform input:focus{ background:rgba(255,255,255,.8)}
	#commentform input { width:24em}
		#commentform input.req { border-color: #F90; background: #FFFFA0 }
	#commentform p { margin: 0; color: #7F8991; }
		#commentform p.lc_logged { margin-top: -20px; position: relative; }
	#commentform input[type=hidden] { display: none; }
	#commentform label { font-weight: 700; }
	#commentform #submit { margin:18px 20px 0 0; float: right; width: 100px; font: bold 16px/1.5 "微软雅黑"; cursor: pointer; background: #111; color: #eee; border: 1px solid #111; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;-moz-box-shadow:1px 1px 3px rgba(1,1,1,.5);-webkit-box-shadow:1px 1px 3px rgba(1,1,1,.5);box-shadow:1px 1px 3px rgba(1,1,1,.5);}
		#commentform #submit:focus, #commentform #submit:hover {color: #fff; }

.cancel-comment-reply { clear: both; text-align: right; margin: 0; padding: 0; }
	.cancel-comment-reply a { font-size: 12px; }
.commentmetadata { font-weight: 400; font-size: 12px; margin: 0; display: block; padding-left: 80px; }
.contacterror { border: 2px solid #ccc; }
.nocomments { text-align: center; margin: 0; padding: 0; }

/*************************************
Sidebar
**************************************/
#bottom h2, #bottom h3 {margin:0;padding:5px 0 0;font:bold 18px/1.8 "微软雅黑",Tahoma,serif;color: #9bc141;text-indent:.2em;}
#bottom ul {list-style-type:none;width:310px;margin:0 0 15px;padding:0 5px;text-align:left;overflow:hidden;}
#bottom ul li {float:left;margin:0;padding:0;display:inline;}
#bottom ul li ul {padding:0;margin:0 0 10px;}
#bottom ul li ul li {width:100%;margin:0;padding:0 0 0 5px;border-bottom: 1px solide #eee;line-height:180%;}
#bottom ul li ul li ul li {margin:0;padding:0;border-bottom: 1px solide #eee;background:none;}
#bottom ul li ul li ul {border:0;padding:0;margin:0;}
#bottom .textwidget, #bottom .sideTag {width:195px;margin:0 0 10px;padding:0 0 0 5px;line-height:180%;}
#bottom p {margin:0;line-height:18px;padding:0 0 10px;text-indent:2em;}
#bottom a{ color:#999}

/* instruction elements -------------------------------------- */
address {font-style:italic;}
.red {color:#c00;padding-left:5px;}
.clearboth {clear:both;}
.alignleft {float:left}
.alignright {float:right}
.imgleft, .imgright {padding:2px;border:3px solid #ccc;}
.imgleft {float:left;margin:0 12px 12px 0;}
.imgright, .imgright_n {float:right;margin:0 0 12px 12px;}
.img_center {width:98%;background:#ccc;padding:5px;margin:10px 0;}

.half{ width:48%; text-align:left;}

/* Previous/Next Page Navigation *********************************************/
.navigation {clear:both;margin:10px 0; line-height:1.8; text-align:left;}
.page-nav { clear: both; margin: 15px 0; padding: 2px 0; height: 22px; font: bold 15px/1.5 Tahoma, sans-serif; }
	.page-nav a {text-decoration: none; }
.nav-previous,.nav-next {text-align: left; }

/*wp navigatoin ----------------------------- */

#main .wp-pagenavi {clear:both;text-align:center;height:32px;font:normal 13px/2 "微软雅黑",Arial, Helvetica, sans-serif;padding:30px 0 20px;}
#main .wp-pagenavi a{padding:3px 8px;margin:2px;text-decoration:none;color:#333;background:#e7e7e7; border:1px solid #999;}
#main .wp-pagenavi span.current ,#main .wp-pagenavi a:hover,#main .wp-pagenavi a:active{color:#fff;background:#999; border:1px solid #333}
#main .wp-pagenavi span {padding:3px 8px;margin:2px;}
#main .wp-pagenavi span.pages{ border:1px solid #999; color:#666; background-color:none;}
#main .wp-pagenavi span.extend {color:#fff;background-color:#314332;}

.post-ratings {font-size:12px;font-style:normal;padding-left:8px;display:block;margin:8px 0;}

div.wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;background: #fff;border: 1px solid #ff0000;font-size: 10pt;width: 280px;padding: 2px;}
span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 10pt;display: block;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}
img.ajax-loader {border: none;vertical-align: middle;}

#main .wpcf7{ margin:1em;}
#main .wpcf7 p{ text-indent:0;}
#main .wpcf7 textarea, #main .wpcf7 input { background: #fff; font: 14px/1.5 Arial; padding:5px;margin:2px 0 10px; border:1px solid #999; color:#333;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
#main .wpcf7 textarea { width:95%;}
#main .wpcf7 textarea:focus, #main .wpcf7 input:focus{ background:rgba(255,255,255,.8)}
#main .wpcf7 input { width:24em}
#main .wpcf7 input.req { border-color: #F90; background: #FFFFA0 }
#main .wpcf7 label { font-weight: 700; }
#main .wpcf7 input[type=submit]{ margin:18px 20px 0 0; float: right; width: 100px; font: bold 16px/1.5 "微软雅黑"; cursor: pointer; background: #111; color: #eee; border: 1px solid #111; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;-moz-box-shadow:1px 1px 3px rgba(1,1,1,.5);-webkit-box-shadow:1px 1px 3px rgba(1,1,1,.5);box-shadow:1px 1px 3px rgba(1,1,1,.5);}
#main .wpcf7 input[type=submit]:focus, #main .wpcf7 input[type=submit]:hover {color: #fff; }