@charset "utf-8";
/* CSS Document */
/*
 * @auchor:joe http://xiebiji.com
 *
 */
 @font-face {
	font-family: 'Contemporary';
	src: url('http://xiebiji.com/wp-content/themes/html5AndCss3/images/11_0.ttf');
}
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article,aside,figure,header,hgroup,menu,nav,section,footer {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ul,ol{margin: 0;padding: 0;list-style: none;}
article,aside,figure,header,hgroup,menu,nav,section,footer{display:block}
/*
body {
	-webkit-text-stroke: 1px transparent;
	
}
*/
::selection { background:rgba(0,0,0,0.7); color:#999}
::-moz-selection { background:rgba(0,0,0,0.7); color:#999}

/* Global */
body{
	background: #ececed url(../images/bg.jpg) repeat-x 0 -20px;
	color: #dadada;
	/*text-shadow: rgba(0,0,0,.8) 0 1px 1px;*/
	font: 12px/17px '微软雅黑',Arial, sans-serif;
	overflow-y:scroll;
}
a {
	color: #30b7fd;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
 
a:hover,
a:focus {
	color: #000;
	text-shadow: #000 0 0 4px;
}
 
a:active {
	color: #999;
}
.navigation .alignleft{
	float:left;
}
.navigation .alignright{
	float:right;
}
/*article reset*/
	h1,h2,h3,h4,h5,h6 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:normal;}
	h1 {font-size:38px;margin:0 0 5px;}
	h2 {font-size:18px;text-transform: capitalize;}
	h3 {font-size:16px;}
	h4,h5,h6 {font-size:14px;}
	p {margin: 0 0 15px;}
	ul {list-style: none;}
	code,ins {
		padding: 2px 3px;
		margin: 0 2px;
		font: 12px/18px Monaco,Consolas,"Andale Mono","BitStream Vera Sans Mono","Courier New",monospace;
		color:#aaa;
		background: #222;
		text-shadow: #000 0 -1px 0;
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
	pre,blockquote,#primary,#comments,
	pre,blockquote {
		margin: 0 0 10px;
		padding: 15px 17px 15px 25px;
	}
	blockquote {
		font-size: 12px;
		color: #aaa;
	}
	blockquote p {
		margin: 0;
	}
	blockquote p.form {text-align: right;font-weight: bold;margin-top:10px;}
	pre {
		letter-spacing: 1px;
		display: block;
		overflow:hidden;word-wrap:break-word;white-space:pre-wrap;
		white-space:-pre-wrap;/*pre换行*/
	}
	pre code {background:none;color:#999;}
	pre span {color: #666;}
	pre span.hlight { background-color: red;color: yellow; }
	del {color:#999;}
	del a,del a:hover {color:#999;}
	ins {text-decoration:none;}
	sup,sub {padding:0 3px 0 2px;font-family:Georgia;}
	acronym,abbr {cursor: help;letter-spacing: .07em;border-bottom: 1px dotted #630;}
	kbd {font:11px Verdana,monospace;background:#f5f5f5;border:1px solid;border-width:1px 2px 2px;border-color:#fff #ccc #ccc #fff;padding:0 0.5em;cursor:default;text-transform:capitalize;}
	strong,.hilite,.comment-note em,ul.error li em {
		padding:1px 2px;
		margin:0 2px;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		background:#78a400;
		color:#FFF;
		font-weight:normal;
		text-shadow:none;
	}
	
	strong a,.hilite a {color:#000;}
/* Layout */
#wrapper {
	width:959px;
	margin:22px auto;
	padding:0 90px 0 0;
	position:relative;
	left:45px;
	/*min-height:955px;*/
	background:url(http://xiebiji.com/wp-content/themes/html5AndCss3/images/robot.gif) no-repeat right 173px;
}
/*header*/
#header{
	height:107px;
	background:url(../images/all.png) no-repeat;
	overflow:hidden;
}
#header .misc{
	float:right;
	margin:-58px 19px 0 0;
	background:url(../images/all.png) no-repeat -351px -305px;
}
#header p{
	font-size:12px;
	color:#999;
	margin:0px 0 0 17px;
}
#header .char_x{
	visibility:hidden;
}
#header .n{
	font: 38px/91px "Contemporary";
	color:#323232;
	display:block;
	width:191px;
	height:61px;
	padding:10px 0 0 58px;
}
#header .misc a{
	float:left;
	width:31px;
	height:31px;
	background:#396;
	text-indent:-5000px;
	display:inline;
	margin:0 4px 0 0;
	background:url(../images/all.png) no-repeat -351px -274px;
	-webkit-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	opacity: 0;
	outline:none;
}
#header .misc a:hover{
	opacity: 1.0;
}
#header .misc .fav{
	background-position:-351px -274px;
}
#header .misc .feed{
	background-position:-386px -274px;
	margin:0 7px 0 0;
}
#header .misc .email{
	background-position:-424px -274px;
}
#twitter{
	position:absolute;
	left:50%;
	top:26px;
	z-index:5000;
	margin:0 0 0 -100px;
	background:#999;
	width:350px;
	height:64px;
	background:url(../images/all.png) no-repeat -607px -291px;
}
#twitter:hover{
	-webkit-animation: 'twiShow' 1s alternate infinite;
	-moz-box-shadow:#000 0 0 5px;
	box-shadow:#000 0 0 5px;
	cursor:move;
}
@-webkit-keyframes 'twiShow' {
  0% {
	-webkit-box-shadow:#000 0 0 0px;
	background-color:rgba(234,234,234,0)
  }
  10% {
	-webkit-box-shadow:#000 0 0 1px;
	background-color:rgba(234,234,234,0.1)
  }
  20% {
	-webkit-box-shadow:#000 0 0 2px;
	background-color:rgba(234,234,234,0.2)
  }
  30% {
	-webkit-box-shadow:#000 0 0 3px;
	background-color:rgba(234,234,234,0.4)
  }
  40% {
	-webkit-box-shadow:#000 0 0 4px;
	background-color:rgba(234,234,234,0.5)
  }
  50% {
	-webkit-box-shadow:#000 0 0 5px;
	background-color:rgba(234,234,234,0.6)
  }
  60% {
	-webkit-box-shadow:#000 0 0 4px;
	background-color:rgba(234,234,234,0.5)
  }
  70% {
	-webkit-box-shadow:#000 0 0 3px;
	background-color:rgba(234,234,234,0.4)
  }
  80% {
	-webkit-box-shadow:#000 0 0 2px;
	background-color:rgba(234,234,234,0.2)
  }
  90% {
	-webkit-box-shadow:#000 0 0 1px;
	background-color:rgba(234,234,234,0.1)
  }
  100% {
	-webkit-box-shadow:#000 0 0 0px;
	background-color:rgba(234,234,234,0)
  }

}
#twitter .words{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	display:block;
	padding:0 65px;
	width:100%;
	height:100%;
	color:#666;
	text-align:center;
}
.twi_up,.twi_down{
	left:16px;
	position:absolute;
	top:9px;
	display:block;
	width:28px;
	height:32px;
	text-indent:-5000px;
	overflow:hidden;
	opacity:0;
	-webkit-transition:opacity 0.4s linear;
	background:url(../images/all.png) no-repeat -352px -336px;
}
.twi_down{
	left:306px;
	background:url(../images/all.png) no-repeat -385px -336px;
}
.twi_up:hover,.twi_down:hover{
	opacity:1;
}
.follow{
	background:transparent url(../images/all.png) no-repeat -423px -337px;
	display:block;
	height:33px;
	outline:none;
	padding:4px 0 0px;
	position:absolute;
	width:29px;
	text-indent:-10000px;
	top:-10px;
	left:44px;
}
#twitter:hover .follow{
	-webkit-animation: 'say' 3s alternate infinite;
}
@-webkit-keyframes say
{		
	0% {
		-webkit-transform: rotate(-4deg) scale(1);
	}
	10% {
		-webkit-transform: rotate(4deg) scale(1.1);
	}
	20% {
		left: 49px;top:-15px;
		-webkit-transform: rotate(-2deg) scale(1.2);
	}
	40% {
		left:44;top:-10px;
		-webkit-transform: rotate(2deg) scale(1.1);
	}
	60% {
		-webkit-transform: rotate(-4deg) scale(1.2);
	}
	80% {
		-webkit-transform: rotate(4deg) scale(1);
	}

	100% {
		-webkit-transform: rotate(2deg) scale(1.1);
	}
}
#twitter .words div{
	height:56px;
	overflow:hidden;
	width:220px;
}
#menu{
	margin:11px 0 0;
	height:44px;
	background:url(../images/all.png) no-repeat 0 -533px;
}
#menu ul{
	float:left;
	padding:11px 0 0 54px;
}
#search{
	float:right;
}
#menu li{
	float:left;
	height:23px;
	background:url(../images/all.png) no-repeat right -475px;
	display:inline;
	margin:0 4px;
}
#menu li a{
	display:block;
	line-height:23px;
	height:100%;
	background:url(../images/all.png) no-repeat -735px -429px;
	padding:0 15px 0 24px;
	text-shadow: #fff 0 0 5px;
	-webkit-transition: text-shadow 0.4s linear;
	-o-transition: text-shadow 0.4s linear;
	text-shadow:#999 0 0 0px;
	color:#999;
	font-family:"微软雅黑";
}
#menu li a.home{
	background:url(../images/all.png) no-repeat -735px -383px;
}
#menu li a:hover,#menu li.current_page_item a{
	background:url(../images/all.png) no-repeat -735px -452px;
	color:#000;
	text-shadow:#999 0 0 3px;
}
#menu li a.home:hover,#menu li.current_page_item a.home{
	background:url(../images/all.png) no-repeat -735px -406px;
	text-shadow:#999 0 0 3px;
}
#search,#search form{
	position:relative;
}
#search input[type=image]{
	position:absolute;
	right:269px;
	top:6px;
	-webkit-transform: scale(0.9) rotate(0deg);
	-webkit-transition: all 0.5s ease-out
}
#search input[type=image]:hover{
	-moz-transform: scale(1) rotate(8deg);
	-webkit-transform: scale(1) rotate(8deg);
}
#search input[type=text]{
	position:absolute;
	top:14px;
	right:38px;
	width:208px;
	background:transparent;
	border:none;
	font:12px/17px Arial, Helvetica, sans-serif;
	height:17px;
	color:#FFF;
	vertical-align:baseline;
	outline:none;
}
#search input[type=text]:selection{
	background:#666;
}
#mainer{
	margin:11px 0 0;
	position:relative;
}
.mainer_post{
	padding:12px 12px 24px;
}
#mainer .tags{
	height:256px;
	position:relative;
}

#mainer .tags h2{
	display:none;
}
#mainer .tags a{
	font-family:"微软雅黑","黑体";
	color:#663300;
	text-shadow:#ebebeb 0 0 2px;
	position:absolute;
}
#mainer .tags a.bl{
	color:#000;
}

#mainer .tags a:hover,#mainer .tags a.wh{
	text-shadow:#000 0 0 5px;
	color:#FFF;
}
#mainer .tags a.wh{
	-webkit-animation: 'tagFocus' 2s alternate infinite;
}
@-webkit-keyframes 'tagFocus'{
	0%{
		text-shadow:#000 0 0 3px;
	}
	25%{
		text-shadow:#000 0 0 5px;
	}
	50%{
		text-shadow:#000 0 0 7px;
	}
	75%{
		text-shadow:#000 0 0 5px;
	}
	100%{
		text-shadow:#000 0 0 3px;
	}
}
#mainer .tags a.light{
	background:url(../images/light.png) no-repeat 0 74px;
	display:block;
	height:100%;
	left:453px;
	opacity:1;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-indent:-20000px;
	width:591px;
	z-index:200;
	-webkit-animation: 'light' 4s alternate infinite;
	opacity:0;
	cursor:default;
}
#mainer .tags a.light:hover{
	-webkit-animation: 'light' 4s alternate infinite;
	opacity:1;
}
@-webkit-keyframes 'light'{
	0%{
		opacity:0;
	}
	25%{
		opacity:0.4;
	}
	45%{
		opacity:1;
	}
	55%{
		opacity:1;
	}
	75%{
		opacity:0.4;
	}
	100%{
		opacity:0;
	}
}
#mainer .lastPosts{
	position:absolute;
	background:rgba(255,255,255,0.8);
	right:1px;
	top:0;
	z-index:1001;
	overflow:hidden;
	-webkit-transition:-webkit-border-radius 0.4s linear;
	-webkit-border-radius:8px 0 8px 8px;
	-moz-border-radius:8px 0 8px 8px;
	-moz-box-shadow:0 1px 2px #999;
	-webkit-box-shadow:0 1px 2px #999;
}
#mainer .lastPosts:hover,
#mainer .viewedHover{
	
	-moz-box-shadow:0 3px 5px #999;
	-webkit-box-shadow:0 3px 5px #999;
}
#mainer .lastPosts h2{
	float:right;
	border:1px solid #DBDBDB;
	color:#666666;
	font-family:"Lucida Sans Unicode";
	font-size:12px;
	height:17px;
	line-height:17px;
	text-align:center;
	margin:1px;
	width:50px;
	-webkit-border-radius:8px 0 8px 8px;
	-moz-border-radius:8px 0 8px 8px;
	cursor:default;
}
#mainer .lastPosts ol{
	clear:both;
	padding:5px 15px 20px;
	color:#666;
}
#mainer .lastPosts li{
	line-height:17px;
	white-space:nowrap;
}
#mainer .lastPosts li span.num{
	float:left;
	width:13px;
	height:13px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#000;
	line-height:13px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	margin:2px 5px 0 0;
	-webkit-transition: all 0.5s ease-out
}
#mainer .lastPosts li span.time{
	color:#000;
}
#mainer .lastPosts li:hover span.num{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	background:#0FF;
	color:#000;
}
#mainer .lastPosts div{
	color:#000000;
	margin:23px 0 0 15px;
	white-space:nowrap;
}
#mainer .postsList,#mainer .selected_post{
	float:left;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#mainer .postsList{
	background:transparent url(../images/all.png) no-repeat 6px -268px;
	height:259px;
	margin:0 -6px 5px 0;
	padding:19px 22px 0 28px;
	width:353px;
	position:relative;
}
#mainer .postsList ul{
	height:148px;
	overflow:hidden;
	z-index:2;
	position:relative;
}
#mainer .postsList h2{
	font:12px/17px "Lucida Sans Unicode";
	height:17px;
	width:41px;
	border:1px solid #dbdbdb;
	text-align:center;
	color:#666;
	margin:0 0 5px;
}
#mainer .postsList .postsPage{
	color:rgba(0, 0, 0, 0.1);
	font-family:verdana;
	font-size:46px;
	font-style:normal;
	position:absolute;
	right:-23px;
	top:100px;
	z-index:1;
}
#mainer .postsPage span.p{
	font-size:130px;
	margin:0 -63px 0 0;
}
#mainer .postsPage span.count{
	color:rgba(0, 0, 0, 0.2);
	font-size:126px;
	left:-54px;
	position:relative;
	top:20px;
}
#mainer .postsList li{
	background:url(../images/all.png) no-repeat 0 -588px;
	-webkit-transition:background 0.4s ease-out;
	height:21px;
}
#mainer .postsList li:hover,#mainer .postsList li.focus{
	background:url(../images/all.png) no-repeat -13px -588px;
}
#mainer .postsList li a{
	line-height:21px;
	color:#757575;
	background:url(../images/all.png) no-repeat 13px -605px;
	padding:0 0 0 16px;
}
#mainer .postsList li a strong{
	background:none;
	color:#000;
	font-weight:bold;
	margin:0;
}
#mainer .postsList li a:hover,
#mainer .postsList li a:hover strong,
#mainer .postsList li.focus a,
#mainer .postsList li.focus a strong{
	color:#000;
	text-shadow: #000 0 0 2px;
}
#mainer .operate{
	overflow:hidden;
	position:absolute;
	bottom:35px;
	width:310px;
}
#mainer .operate a,#mainer .operate span.loading{
	display:block;
	width:38px;
	height:19px;
	background:url(../images/all.png) no-repeat -393px -396px;
	text-indent:-5000px;
	outline:none;
	float:left;
	-webkit-transition:none;
	margin:10px 20px 0 0;
}

#mainer .operate a:hover{
	
	background:url(../images/all.png) no-repeat -355px -396px;
}
#mainer .operate a.pre{
	background:url(../images/all.png) no-repeat -393px -377px;
}
#mainer .operate a.pre:hover{
	background:url(../images/all.png) no-repeat -355px -377px;
}
#mainer .operate span.loading{
	background:url(../images/loadingPost.gif) no-repeat 10px 4px;
	visibility:hidden;
	margin:10px 20px 0 -20px;
	width:40px;
	padding:0 0 0 25px;
	text-indent:0;
	color:#999;
}
#mainer .selected_post{
	width:601px;
	height:225px;
	background:#FFF url(../images/all.png) no-repeat -376px -578px;
	margin:15px 11px 0 0;
	padding:15px 0px 44px 0px;
	-moz-box-shadow:0 3px 5px #999;
	-webkit-box-shadow:0 3px 5px #999;
	color:#999;
	position:relative;
	z-index:4;
	overflow:hidden;
}

#mainer .selected_post h2{
	position:absolute;
	bottom:20px;
	font-size:12px;
	font-weight:bold;
	color:#757575;
}
#mainer .selected_post h2 a{
	font-weight:normal;
	color:#000;
	padding:2px 3px 2px 20px;
	border-bottom:2px solid #00b8c8;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-transition:all 0.4s ease-out;
	background:#00eaff url(../images/icon.png) no-repeat -4px -85px;
}
#mainer .selected_post h2 a:hover{
	border-bottom:2px solid #000;
	text-shadow:none;
	color:#FFF;
}
#mainer .selected_post h2 a:visited{
	background:#00eaff url(../images/icon.png) no-repeat  -6px -124px;
}
#mainer .selected_post .entry_date{
	display:block;
}
#mainer .entry_date a{
	color:#666;
	font-weight:bold;
}
#mainer .selected_post .entry_meta{
	display:block;
	margin:8px 0;
	font-style:normal;
	color:#000;
}
#mainer .selected_post .entry_title,
#mainer .selected_post .entry_date,
#mainer .selected_post .entry_meta,
#mainer .selected_post .entry-content{
	width:483px;
	margin-right:107px;
	margin-left:20px;
}
#mainer .selected_post .imgInfo{
	display:none;
}
#mainer .entry_meta a{
	text-decoration:underline;
	font-weight:bold;
}
#mainer .entry_meta .edit_link a,#mainer .entry_meta .comments_link a{
	color:#000;
	font-weight:normal;
}
#mainer .entry_meta .comments_link strong{
	background:#ffcc66;
	color:#000;
	font-weight:bold;
}
#mainer .postImage h3{
	margin:0 0 4px;
	font-family:"ImperatorSmallCaps";
	color:#333;
	font-size:12px;
	text-align:center;
}
#mainer .postImage{
	-moz-transform:rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-webkit-transition:all 0.3s ease-out;
	right:16px;
	position:absolute;
	top:345px;
	z-index:5;
}
#mainer .postImage img{
	width:80px;
	height:auto;
	-webkit-transition:opacity 0.3s ease-out;
}
#mainer .postImage:hover{
	-moz-transform:rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform-origin: 60% 50%;
	-webkit-transform-origin: 100% 100%;
	opacity:1;
}
#mainer .postImage a{
	background:#fff url(../images/loading.gif) center center no-repeat;
	display:block;
	width:80px;
	overflow:hidden;
	border:3px solid #fff;
	-moz-box-shadow:-1px 2px 9px #666666;
	-webkit-box-shadow:-1px 2px 9px #666666;
	-webkit-transition:none;
}
#mainer .postImage:hover a{
	-moz-box-shadow:3px 5px 9px #666666;
	-webkit-box-shadow:3px 5px 9px #666666;
	-webkit-transition:all 0.3s ease-out;
}
div.ajaxNote{
	display:none;
	opacity:0;
	padding:6px;
	background:rgba(255,255,255,0.4);
	position:absolute;
	z-index:10000;
	-webkit-border-radius:0 4px 4px 15px;
	-moz-border-radius:0 4px 4px 15px;
	-moz-box-shadow:-1px 2px 9px #666666;
	-webkit-box-shadow:-1px 2px 9px #666666;
	top:500px;
}
.ajaxNote span{
	background:rgba(225, 225, 225, 0.7);
	color:#000000;
	display:block;
	padding:4px 6px;
	text-align:center;
	-webkit-border-radius:0 4px 4px 15px;
	-moz-border-radius:0 4px 4px 15px;
}
#mainer .friendLink{
	clear:both;
	background:url(../images/all.png) no-repeat 0 -107px;
	height:65px;
	overflow:hidden;
}
#mainer .friendLink h2{
	display:none;
}
#mainer .friendLink li{
	display:inline;
	float:left;
}
#mainer .friendLink ul.hotFriends{
	float:left;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:343px;
	padding:1px 0 0 56px;
}
#mainer ul.hotFriends img{
	margin:15px 1px 0;
	-webkit-transition:all 0.3s ease-out;
	border:3px solid transparent;
}
#mainer ul.hotFriends img:hover{
	border:3px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-box-shadow:#666 0 0 5px;
	-moz-box-shadow:#666 0 0 5px;
}
#mainer .friendsLink{
	margin:26px 0 0 20px;
	height:31px;
	overflow:hidden;
	width:558px;
	float:left;
}
#mainer .friendsLink ul{
	white-space:nowrap;
	position:relative;
	left:2px;
}
#mainer .friendsLink li{
	float:none;
	border-right:1px solid #000;
	padding:0 5px 0 0;
	display:inline;
}
/*foot*/
#footer {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:url(../images/all.png) no-repeat 0-172px;
	height:96px;
	padding:60px 0 0 100px;
	margin:15px 0 50px;
}
#footer p {
	display:inline;
}
#footer .misc{
	float:right;
	margin:0 22px 0 0;
}
#footer .misc a:first-child{
	margin:0 14px 0 0;
}
#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}
/*for post*/
.mainer_post{
	color:#000;
	background:rgba(235, 235, 235, 0.7) none repeat scroll 0 0;
}
.mainer_post time.entry-date,.comments-count{
	padding:1px 3px 1px 16px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-bottom:1px solid #fff;
	background:#000 url(../images/icon.png) no-repeat -41px -66px;
}
.mainer_post time.entry-date a{
	color:#FFA800;
}
.mainer_post time.entry-date a:hover{
	color:#fff;
}
.mainer_post .entry-title{
	color:#FFFFFF;
	font:20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:12px 0 9px;
	text-shadow:0 0 2px #000000;
	-webkit-text-shadow:0 0 2px #000000;
	background:url(../images/icon.png) no-repeat -7px -121px;
	padding:0 0 0 20px;
	-webkit-transition:all 0.3s ease-out;
}
.mainer_post .entry-title:hover{
	-webkit-text-shadow:0 0 5px #000000;
	text-shadow:0 0 5px #000000;
	color:#000;
}
.mainer_post .entry-meta{
	display:block;
	font-style:normal;
	font-weight:bold;
	margin:0 0 13px;
}
.entry-meta .edit-link a,.entry-meta .tag-links,.entry-meta .comments-link{
	background:url(../images/icon.png) no-repeat -43px -228px;
	line-height:17px;
	padding:0 0 0 15px;
}
.entry-meta .tag-links{
	background:url(../images/icon.png) no-repeat -43px -147px;
}
.entry-meta .comments-link{
	background:url(../images/icon.png) no-repeat -43px -26px;
}
.mainer_post .entry-content,#commentform{
	padding:20px 20px 30px;
	/*background:#eaeaea;*/
	background:rgba(255, 255, 255, 0.5);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-bottom:1px solid #fff;
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	color:#333;
	-moz-box-shadow:0 0 4px #CCCCCC;
	-webkit-box-shadow:0 0 4px #CCCCCC;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-out;
}
.mainer_post .entry-content:hover{
	-moz-box-shadow:0 0 6px #999;
	-webkit-box-shadow:0 0 6px #999;
	color:#000;
}
.mainer_post .entry-content p{
	text-indent:20px;
	margin:5px 0 12px;
}
.mainer_post .entry-content ul,
.mainer_post .entry-content ol{
	margin:0 12px 8px;
}
.mainer_post .entry-content ol{
	padding:0 0 0 25px;
}
.mainer_post .entry-content ul li{
	text-indent:25px;
	background:url(../images/addlist.png) no-repeat 3px 1px;
	
}
.mainer_post .entry-content ol li{
	list-style:decimal;
	color:#666666;
}
.mainer_post .entry-content h1,
.mainer_post .entry-content h2,
.mainer_post .entry-content h3,
.mainer_post .entry-content h4,
.mainer_post .entry-content h6,
.mainer_post .entry-content h5{
	font-weight:bold;
	margin:15px 0 8px;
}
.mainer_post .entry-content img{
	max-width:100%;
	-webkit-transition:all 0.3s ease-out;
}
.mainer_post .entry-content img:hover{
	opacity:0.7
}
.mainer_post .entry-content .wp-caption{
	background:rgba(240,240,240,0.8);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	padding:10px 5px 5px;
	-moz-box-shadow:0 0 5px #ccc;
	-webkit-box-shadow:0 0 5px #ccc;
	display:inline-block;
	margin:5px;
}
.mainer_post .entry-content .wp-caption-text{
	margin:0;
	padding:0px;
	text-indent:0;
	color:#999999;
	font-weight:bold;
}
#nav-below{
	overflow:hidden;
	margin:10px 0;
	padding:0 15px;
}
#nav-below span{
	font-size:14px;
	float:left;
	color:#FFF;
	text-shadow:0 0 4px #000;
	font-weight:bold;
	font-style:italic;
}
#nav-below a:hover{
	color:#000;
	text-shadow:0 0 2px #000;
}
#nav-below a{
	color:#FFF;
}
#nav-below span.nav-next{
	float:right;
}
/*comment*/
#comments{
	padding:0;
	margin:50px 0 0;
}
.comments-count span{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:21px;
	background:#000;
}
.comments-count{
	background:#000;
	padding:0px;
	margin:25px 0 15px;
}
#commentlist li{
	padding:5px 0 11px 42px;
	position:relative;
	-moz-box-shadow:0 0 4px #FFFFFF;
	background:#E8E8E8 none repeat scroll 0 0;
	border-bottom:2px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	margin:12px 0;
}
#commentlist img.avatar{
	width:30px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	border:3px solid #fff;
	-moz-box-shadow:0 0 5px #333;
	-webkit-box-shadow:0 0 5px #333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:all 0.2s ease-out;
}
#commentlist img.avatar:hover{
	left:-2px;
	top:-2px;
	width:50px;
	height:50px;
	-webkit-box-shadow:0px 2px 8px #333;
	-moz-box-shadow:0px 2px 8px #333;
	-webkit-border-radius:50px;
}
.comment-childs{
	padding:0px 20px 20px 42px;
	border-left:1px dotted #000;
	position:relative;
}
.comment-info{
	margin:0;
}
#commentlist cite{
	font-style:normal;
	font-weight:bold;
}
#commentlist .comment-text cite{
	color:#666;
}
#commentlist .thdrpy{
	margin:-25px 20px 10px 0;
	height:18px;
	line-height:18px;
	visibility:hidden;
	background:url(../images/icon.png) no-repeat -40px -226px;
	padding:0 0 0 20px;
}
.comment-text p{
	background:#FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 20px 5px 0;
	padding:5px 5px 30px;
}
.comment-text .comment-childs .comment-childs .comment-childs p{
	padding:5px 5px 10px;
}
.comment-text cite{
	margin:0 0 4px;
}
.comment-text p:hover{
	background:#f7f7f7;
}
#content textarea{
	width:95%;
	max-width:95%;
	height:295px;
}
#commentform{
	background:#fff;
	padding:3px 7px;
	position:relative;
	margin:0 20px 0 0;
}
#commentform p{
	height:auto;
	padding:0;
}
#commentform .comment-note{
	background:transparent url(../images/icon.png) no-repeat -41px -67px;
	color:#999999;
	margin:5px 0;
	padding:0 0 0 17px;
}
#commentform .comment-note a,#cancel_reply{
	float:right;
	background:#000;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
}
#commentform .comment-note a:hover{
	color:#0FF;
}
#commentform .formcontrol,#cancel_reply a{
	line-height:25px;
}
#cancel_reply a{
	display:block;
	line-height:20px;
	color:#FFF;
}
#cancel_reply a:hover{
	color:#0FF;
}
#cancel_reply{
	position:absolute;
	right:2px;
	top:2px;
	float:none;
}
#commentform .required{
	color:#F60;
}
#submit{
	margin:5px 0 0;
}
#submit input[type=submit]{
	background:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#ff9900;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #fff;
	-webkit-box-shadow:0px 0px 2px #333;
	-moz-box-shadow:0px 0px 2px #333;
	-webkit-transition:all 0.3s ease-out;
}
#commentform input[type=submit]:hover{
	color:#FFF;
	cursor:pointer;
	-webkit-box-shadow:0px 0px 5px #333;
	-moz-box-shadow:0px 0px 5px #333;
}
.commentFix{
	bottom:140px;
	margin:0 0 0 462px;
	position:fixed;
	width:483px;
}
.commentFix #commentform {
	background:rgba(255,255,255,0.8);
}
.commentFix #content textarea{
	height:80px;
}
h3.reply{
	margin:0 0 7px -10px;
}
h3.reply span{
	background:#000;
	-moz-border-radius:4px 0px 6px 0;
	-webkit-border-radius:4px 0px 6px 0;
	color:#FFF;
	margin:0 0 0 4px;
	padding:2px 6px;
}
.metaTrackback{
	margin:0 0 7px;
}
/*search*/
.mainer_post .pagetitle{
	margin:0 0 30px;
}
.mainer_post article{
	margin:0 0 20px;
	line-height:20px;
}
#mainer h2.entry-title a{
	color:#FFF;
}
/*page*/
.mainer_page .entry-content{
	margin:0 0 24px;
}
.mainer_page article .entry-meta{
	display:inline;
}
/*taotao*/
#id_apiPane li{
	white-space:nowrap;
	height:56px;
}
#id_apiPane li span{
	line-height:50px;
}
#id_apiPane li span.time{
	display:block;
	text-align:left;
	line-height:0px;
}
/*light code*/
.wp_syntax {
	color: #666;
	margin: 0 20px 1.5em;
	overflow: auto;
	-moz-box-shadow:0 1px 4px #999999;
	-webkit-box-shadow:0 1px 4px #999999;
  	background: rgba(175,199,255,0.1);
  	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:2px solid #fff;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
	 vertical-align: top;
	 padding: 2px 4px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
  white-space: pre;
}