@charset utf-8;

/*

Theme Name: PleaseV

Theme URI: http://www.pleasev.org/

Author: tbaby

Author URI: http://www.pleasev.org/

Version: 0.1

 */

 

/*layout styles*/

a{-moz-transition:color .2s linear;-ms-transition:color .2s linear;}

#develoading{ display:block;width:1000px;margin: 0 auto;min-width:1000px; height:15px; background:url(images/tang/blog-bg-top.jpg) repeat; position:absolute; margin-top:85px;+margin-top:325px;}

#main{ background-color: #1D1C21;
	background-image: url(images/tang/essence-background.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	min-width:1100px;-webkit-text-size-adjust:none;
}

.wrap{ width:1100px;margin: 0 auto}

.container{width:1000px;margin: 0 auto}

header{margin-top:45px;}



@font-face {

    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;}

h1, h2, h3, h4 , h5{
	margin: 0 0 10px;
	line-height: normal;
	font-weight: normal;
	font-family: Heiti, "Microsoft YaHei", Helvetica, Arial, sans-serif;
	color: #6E6E6E;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #666666;
	text-decoration: none;
	text-shadow: 1px 1px 2px #CCC;
}
h1 { font-size:1.8em; }
h2 { font-size:1.5em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }

strong{
	padding: 2px;
	margin: 0 2px;
	background-color: #DBDDE3;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

/*Topbar*/

.topbar{ display:block;height:45px; background: url(images/tang/TOP-BG_PV.png) repeat-x; width:100%;position:fixed;z-index:10; top:0px;}

.topbarsns{display:block; width:300px;height:30px; margin-top:9px}

.topbarsns a{display:block;width:25px; height:25px;text-indent:-9999em; float:left; margin:0 7px;background:url(images/topbar.png) no-repeat;}

.topbarsns .adminbar a{
	display: inline;
	margin-right: 10px;
	padding: 5px 0 5px 0;
	width: 50px;
	height: 22px;
	text-indent: 0em;
	background: none;
	text-align: center;
	color: #A09EAB
}

.topbarsns .adminbar a:hover{
	color: #E7E6EA;
}	

	/*topbarsns-icons*/

	.topbarsns a.topbarsns_feed{background-position:0px 0px}

	.topbarsns a.topbarsns_twitter{background-position:-26px 0px}

	.topbarsns a.topbarsns_renren{background-position:-52px 0px}

	.topbarsns a.topbarsns_qqweibo{background-position:-78px 0px}

	.topbarsns a.topbarsns_weibo{background-position:-104px 0px}

	.topbarsns a.topbarsns_qqplus{background-position:-130px 0px}

	.topbarsns a.topbarsns_douban{background-position:-156px 0px}

	.topbarsns a.topbarsns_feed:hover{background-position:0px -26px}

	.topbarsns a.topbarsns_twitter:hover{background-position:-26px -26px}

	.topbarsns a.topbarsns_renren:hover{background-position:-52px -26px}

	.topbarsns a.topbarsns_qqweibo:hover{background-position:-78px -26px}

	.topbarsns a.topbarsns_weibo:hover{background-position:-104px -26px}

	.topbarsns a.topbarsns_qqplus:hover{background-position:-130px -26px}

	.topbarsns a.topbarsns_douban:hover{background-position:-156px -26px}

	

	/*topbar-search*/

	.topbarswitch{ position:relative}

	.topbarsearch{width:184px; height:42px;margin:9px 10px 0 0;  }

	.topbarsearchbg{ display:block; width:184px; height:25px; background:url(images/topbar.png) -521px 0px no-repeat; margin-top:1px}

	.topbarsearchbg input.search_text{
	background: transparent;
	border: 0px #000 solid;
	width: 130px;
	color: #4C4A55;
	margin-left: 10px;
	line-height: 19px;
	margin-top: 3px;
}

	.topbarsearchbg input.search_submit{ display: block; margin:5px 0 0 8px;background:url(images/topbar.png) -200px -10px no-repeat; width:13px; height:15px;border:0px #000 solid;}

	.topbarsearchbg input.search_submit:hover{background:url(images/topbar.png) -200px -31px no-repeat; cursor:pointer}

	

	/*topbarnav*/

	nav.topbarnav { position: absolute; display:none}

	nav.topbarnav ul{float:left;display:block;font-size:12px;font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif;line-height:18px;}

	nav.topbarnav ul.menu{height:45px}

	nav.topbarnav ul.menu li{position: relative; color:#A7AAB1;float:left;margin:0 15px; display:inline ; }

	nav.topbarnav ul.menu li a{color: #ccc;padding:13px 0 14px 0;display:block;}

	nav.topbarnav ul.menu li a:hover{color: #F3F4F5;}

	nav.topbarnav ul li ul.sub-menu {+margin-top:3px;float:none; position:absolute;width:120px; z-index:1; left:50%; margin-left:-60px; font-size:12px; display:none}

	nav.topbarnav ul li ul.sub-menu li{ width:120px; float:none; display:block; text-align:center; padding:6px 0 12px; margin:0px; +margin-top:-3px;background: url(images/topbar.png) -229px 0px  no-repeat; }

	nav.topbarnav ul li ul.sub-menu li a{color: #A7AAB1; display:block;padding:0; margin:0;}

	nav.topbarnav ul li ul.sub-menu li a:hover{color: #F3F4F5;}

	nav.topbarnav ul li ul.sub-menu span{ display:block; width:120px; height:11px;background: url(images/topbar.png) -377px 0px no-repeat; position:relative; +margin-top:-3px}

	nav.topbarnav ul li a{ cursor:pointer}

	

/* Header */	

	header .container {padding-top: 20px;}

	



	/* hgroup */

	.logohgroup{ width:216px; display:block;height:63px;}
	
		.logohgroup h2{ 
		text-decoration: none;border-bottom:0px solid #666;}
		.logohgroup h2 a{ 
		text-decoration: none;border-bottom:0px solid #666;}
	.logo { display: block; width:216px; height:63px; background: url(images/tang/essence_pleasevlogo.gif) no-repeat}

	

	/* headnav */

	.headnav{ display:block; width:600px; float:right; margin-top:0px }

	nav.headnav ul{float:right;display:block;font-size:16px;}

	nav.headnav ul.menu{height:50px; overflow:hidden}

	nav.headnav ul.menu li{position: relative; color:#ccc;float:right;margin:0 16px; display:inline }

	nav.headnav ul.menu li a{
	color: #C5C6D3;
	padding: 25px 0 0 0;
	display: block
}

	nav.headnav ul.menu li a:hover{
	color: #FFFFFF
}

	nav.headnav ul li ul{ display:none}

		

/*Index Content */	

.containerbg{ background:url(images/tang/content-BG.png) repeat-y; margin-top:4px; }
.containerbgpgfull{ background:url(images/tang/content-BG_full.png) repeat; margin-top:4px; }

.containerbottom{ width:1000px ; height:15px; background:url(images/tang/blog-bg-top.jpg) repeat-x; margin-bottom:0px;}

article{width:640px; float:left; padding:45px 30px 0 30px;}	

.devesingle{width:620px; float:left; padding:20px 40px 40px 40px;}

.pagefull{width:920px; float:left; padding:40px;}	

article.singlepost{width:100%; padding:0; margin:0; float:none}

.post-content { line-height:20px; }

.post-single {padding-bottom: 40px;margin-bottom: 25px; background: url(images/tang/hr-blog_pv.fw.png) bottom  no-repeat ; 

		}

	/* normal*/	

		/* post-meta*/

		.post-meta{ width:120px; float:left; overflow:hidden; color:#9d9d9d; padding-top:14px;line-height:28px;}

		.post-meta a{color:#9d9d9d} .post-meta a:hover{color:#6B697A}

		ul.post-meta li{ border-bottom:solid 1px #e4e9ea; padding: 0 0 0 25px; height:28px; background:url(images/content.png) no-repeat;}

		ul.post-meta li.nomtime{ background-position:0px 4px}

		ul.post-meta li.nomcomt{background-position:0px -24px}

		ul.post-meta li.nomview{background-position:0px -52px}

		ul.post-meta li.nomcat{background-position:0px -79px}



		/* post-content*/

		.nom-content{ float:left; width:485px; padding-left:35px; word-break: break-word; overflow:hidden;}
		
		.nom-content h2{ font-size:18px; padding-bottom:15px; width:415px; overflow:hidden;}
		.nom-content h2 a{ 
		text-decoration: none;border-bottom:0px solid #666;}
		.nom-content h2 a:hover{
	color: #333;
}
		.readmore{ width:70px; display:none; }
		.readmore a{color:#666;}

		/*.readmore a{ font-style:italic} */

		.readmore a:hover{
	color: #000000
}

		

		/* thumbnail*/		

		.post-thumb{ width:120px; float:left; overflow:hidden; position:relative; padding-top:12px}

		.postthumbbg{ padding:4px 4px 6px 4px; background:url(images/content.png) 0 -238px;}

		.thumbtape{ width:107px;height:32px; position:absolute;background:url(images/content.png) 0 -199px no-repeat; margin:-15px 6px 0 7px}

	

	

	/* music */

	.music-thumb{ width:112px; height:112px; overflow:hidden;padding:3px; border:1px solid #e8e7e7}

	h2.musicicon{ padding:0px 0 0 30px; margin-bottom:12px; background:url(images/content.png) -156px -244px no-repeat; width:335px; height:20px; overflow:hidden}

	.musicartist{padding:4px 0 5px 30px;background:url(images/content.png) -158px -288px no-repeat; width:335px; height:20px}

	.musicablum{padding:5px 0 15px 30px;background:url(images/content.png) -158px -328px no-repeat; width:335px;height:20px}

	

	/* videos */

	.nom-videos{float:left; width:640px; padding-left:0px;}

	.videosmeta{width:120px; float:left;}
	.videosmeta h2 a{text-decoration: none;border-bottom:0px solid #666;}

	.videos-meta{ padding-top:0px;}

	.videostitle{ width:120px;height:100px; margin:0 0 10px 0;background:url(images/video.png) no-repeat;}

	.videosh2{ display:block;width:120px;height:100px; font-weight: normal; font-size:13px;}

	.videomore{margin:22px 0 0 2px;}

	.vmeta{
	width: 120px;
	height: 160px;
	float: left;
	overflow: hidden;
	color: #333333;
	line-height: 20px;
}

	

	

	

	 /* post-image */	

	 .post-img{ border:2px solid #d5dcde; padding:3px;display: block; margin-left: auto; margin-right: auto;}

	 .img-meta{ margin:15px 0 0 0;}

	 .img-meta span{ padding-left:25px; margin:1px 0 0 20px;color:#9d9d9d;background:url(images/content.png) no-repeat; line-height:20px}
	 .img-meta h2 a{text-decoration: none;border-bottom:0px solid #666;}

	 .img-meta span a{color:#9d9d9d}

	 .img-meta span a:hover{color:#6B697A}

	 .imgtitle{ font-size:12px; font-weight: bold; margin:0; padding:0 0 0 25px; width:250px;background:url(images/content.png) 0px -126px no-repeat;line-height:22px}

	 .img-meta span.imgcat{background-position:0px -83px}

	 .img-meta span.imgcomt{background-position:0px -28px}

	 .img-meta span.imgtime{background-position:0px 0px}

	 

	 

	 /* status */	

	 .statustitle{ width:30px;height:35px; padding-right:30px; margin-top:5px;background:url(images/content.png) -146px 0px no-repeat;}

	 .statusicon{ display:block;width:30px; height:35px; background:url(images/content.png) -146px -57px no-repeat; font-weight:normal;opacity:0; filter:alpha(opacity=0)}

	 .status-content{ width:580px;line-height: 20px;}

	 .status-time{ color:#c0c9cb; margin:5px 0 -20px 0}

	 .status-time a{color:#c0c9cb;}

	 .status-time a:hover{
	color: #000000
}

	 

	 

/* pagenavi */

#pagenavi{line-height:22px; margin-bottom:30px; font-size:16px;}

#pagenavi span.pagescout{
	font-size:13px;
	float: left;
	display: block;
	width: 95px;
	padding-left: 25px;
	margin-right: 35px;
	background: url(images/content.png) 0 -163px no-repeat;
	color: #999999
}

#pagenavi .page-numbers{ margin:0 3px; padding:0 3px;}

#pagenavi .current{
	background-color: #D8DEE7;
	border-radius: 1px;
	-moz-border-radius: 1px;
	padding: 2px 3px;
	margin: 2px 2px;
	color: #333
}



	 

/* sidebar */	 

#sidebar { width:240px;float:right; padding:45px 30px; line-height:22px;color: #777;}

#siebar ul,#sidebar li {padding: 0;margin: 0;list-style: none;}

#sidebar .widget-sidebar {padding-bottom: 20px;margin-bottom:20px;}

#sidebar .widget-sidebar a{line-height:24px;}

#sidebar .widget-sidebar h3{ font-size:16px; font-weight:normal; font-family:"Microsoft YaHei",Helvetica, sans-serif; line-height:30px; color:#3b3b3b; padding-bottom:12px; margin-bottom:8px; background:url(images/sidebarline.png) bottom  repeat-x}

#sidebar .widget-sidebar h3 a{color:#3b3b3b;line-height:30px;}

#sidebar .widget-sidebar h3 a:hover{color:#6B697A;line-height:30px;}		

#sidebar .sidebar2{ width:100px; float:left;margin-right:20px;}	

#sidebar .sidebar3{ width:100px; float:left;margin-left:20px;}	



/* footerbar */	

.widget-area4{ float: left; width:220px; padding-left:43px;}

.widget-area4 li{padding-bottom:10px; margin-bottom:10px; background:url(images/footerline.png) bottom repeat-x;word-break: break-all;}



		/*  widget 3 in 1 */

		#sidetab1,#sidetab2,#sidetab3{font-size:14px;padding:4px 5px 1px 5px ;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; cursor:pointer;}

		#sidetab1{margin-left:3px; }

		#sidetab2{margin-left:40px;}

		#sidetab3{margin-left:40px;}

		#sidetab1:hover,#sidetab2:hover,#sidetab3:hover{ background: #E7EBEF;}

		#sidebar .sidetabcurrent{background: #6B697A; color:#FFF;}

		.tabcontent{overflow:hidden;} 	

		.sidetab2,.sidetab3{display:none;}

		 			

		#sidebar .tabcontent ul li{ position:relative; z-index:1; margin:4px 0; }	

		.tabcontent ul li a{ padding:0 10px;width:170px; height:24px; display:block; float:left;overflow: hidden;}

		.popularspan{ float:right;  margin-right:10px; +display:none}

		.tabcontent ul li.backLava {position:absolute;z-index:0; background:#FFF;border:0px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);opacity:0; filter:alpha(opacity=0)}	

	

		/*  widget Recent comments (Sidebar)*/	

		#sidebar .devereccomt{ width:240px;}

		#sidebar .devereccomtli{ padding-bottom:5px; margin-bottom:5px; line-height:20px; border-bottom:1px solid #D5D5D5 }

		#sidebar .devereccomtli a{line-height:22px;}

		.devecomeravatar{ padding:3px 10px 0 0;}

		.devecomeravatar img{ background:#fff;padding:2px; border:1px solid  #E6E6E6;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1)}

		.devecomeravatar{float:left;}

		.devecomer{float:right;color:#aaa}

		 span.devecomertime{ display:block; float:left;width:65px; line-height:23px; height:22px; overflow:hidden; color:#aaa}

		 

		 /* widget Recent comments (Footebar) */	

		.comeravatar{ padding:3px 10px 0 0;}

		.comeravatar img{  background:#171b1e;padding:2px; border:1px solid #2b3235;-webkit-box-shadow:0px 2px 1px rgba(0, 0, 0, 0.3); box-shadow:0px 2px 1px rgba(0, 0, 0, 0.3); }

		.comeravatar,.comer{float:left;}

		 span.comertime{ display: block; float:right;width:85px; line-height:23px; height:22px; overflow:hidden;}

		 .comer{display: block; width:82px; height:20px; overflow: hidden}

		 /*--widget Tags--*/			

		.devetag a{background:#FFF;padding:0px 8px; margin:0 10px 10px 0; display: inline-block;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}

		.devefootertag a{background:#FFF;padding:0px 8px; margin:0 10px 10px 0; display: inline-block;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.4);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

		

		 /*--widget Categories--*/

		 .cate2row li{ width:90px;float:left; margin-right:20px; text-align:right;}	

		 .cate2row li a	{ float:left}	 

		  #sidebar ul.cate2row li{ width:100px; float:left; margin:0 20px 5px 0; padding-bottom:5px; text-align:right;border-bottom:1px solid #d4dfe3;}	

		  #sidebar ul.cate2row li a{ float:left}	 

		  #sidebar ul.cate2row li:nth-child(odd){ width:105px; float:left; margin:0 30px 5px 0; padding-bottom:5px; text-align:right;border-bottom:1px solid #d4d6e3;}	  	

		  #sidebar ul.cate2row li:nth-child(even){ width:105px; float:left; margin:0 0px 5px 0; padding-bottom:5px; text-align:right;border-bottom:1px solid #d4d6e3;}	

		  #sidebar ul.cate2row li ul li{ display:none}

		  

		  /*--widget links--*/

	

		  #sidebar ul.link2row li a{width:90px;height:24px;display: block; overflow: hidden }

		  #sidebar ul.link2row li{ width:90px;  float:left; margin-right:20px;  height:24px;display: block; overflow: hidden }	 

		  #sidebar ul.link2row li:nth-child(odd){ width:105px; float:left; margin-right:20px;display: block; overflow: hidden }

		  #sidebar ul.link2row li:nth-child(even){ width:105px; float:left; margin-right:0px; display: block; overflow: hidden }	

		  #sidebar ul.link2row li:nth-child(odd) a{ width:105px;height:24px;float:left; display: block; overflow: hidden }

		  #sidebar ul.link2row li:nth-child(even) a{ width:105px; height:24px;float:left;display: block; overflow: hidden }	

		  #sidebar ul.link2row li ul li{ display:none}  	

		 

		 /*--widget Avatars--*/

		 .avatarsul{ position:relative;}

		 #sidebar li.avatarsli{ position:relative;display: block; margin:10px 6px 0 0;width:34px; height:34px}

		 .avatarsli img{ position: absolute; padding:2px; border:1px solid #ccc;display:inline; background:#FFF;width:28px; height:28px;opacity:0.8; filter:alpha(opacity=80)}

		 .avatarsli img:hover{border:1px solid #566B87;}

		 .zindex { z-index:99}

		 

		 	 

		 /* Calendar */

		#wp-calendar{ width:100%;}

		#wp-calendar caption{ padding:5px 0px; font-style:normal}

		#wp-calendar th, #wp-calendar td{ padding:2px 10px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9; opacity:0.8; filter:alpha(opacity=80)}

		#wp-calendar tbody tr td a{ font-weight:bold; color:#6B697A;}

		#wp-calendar tbody tr td a:hover{ color:#6B697A;}

		#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#d1d9db;}

		#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}

		

		#sidebar  .weiboline{border-bottom: 1px solid #D4DFE3; margin-bottom:6px;padding-bottom:6px;color:#666;word-break:break-all}

		#sidebar  .weiboline a{ display:inline-block;}

								

/* footer */					

	footer{ background:url(images/tang/footerbg.png) repeat-x; min-height:250px; color:#696969; line-height:20px;}

	footer a{color:#696969}

	footer a:hover{
	color: #FFFFFF
}	

	footer .container { line-height:22px;}

	footer .wrap {padding-top: 40px;padding-bottom: 50px;}

	footer .wrap h3{font-size:16px;   padding-bottom:25px;color:#b4b4b4}

	 

/* Other style */

.hidden {display:none}

.hide{ width:0px; height:0px; overflow:hidden;display:none}

.clear{clear: both}

.left {float: left}

.right {float: right}



.cf:before, .cf:after { content:"";display:table} .cf:after {clear:both} .cf {zoom:1}

.free{ width:700px;}

.corig{ background:url(images/deve.png) repeat-x ; width:100%; padding-top:8px; height: 30px}

.cori{ font-size:11px; display:inline;}

::-moz-selection{background:#9ab0c0;color:#fff;} ::selection {background:#9ab0c0;color:#fff;} code::-moz-selection {background: #cae0f0;color:#333;} code::selection {background: #cae0f0;color:#333;}

.zhenghei{ font-family:"黑体","Microsoft YaHei",Helvetica, sans-serif; }





.aligncenter,div.aligncenter {display:block;margin:auto;}

.alignleft {float: left;margin:5px 10px 8px 0px;}

.alignright {float: right;margin:5px 0 8px 10px;}

.wp-caption { text-align: center; background-color: #fff;padding:0px; }

.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;}

				

.gallery {margin: auto;}

.gallery-item {float: left;margin-top: 10px;text-align: center;width: 33%;}

.gallery img {padding:8px; border:1px solid #CFCFCF;box-shadow:0px 1px 5px rgba(0, 0, 0, 0.15); max-height:150px; max-width:150px;}

.gallery-caption {margin-left:0;}

.nom-content .gallery img{max-height:140px; max-width:140px;padding:4px;}

.nom-content .gallery-item{ margin:5px 0}





.content .mapstyle{display:block;margin:auto;border:1px solid #ccc;padding:5px;background:#FFF;line-height:20px; font-size:12px }

.content .mapstyle b,.content .mapstyle strong{padding:0px; margin:5px 0; background-color:transparent; font-weight:600;border-radius:0px;-moz-border-radius:0px;}				

					

				

/* The Nivo Slider styles */

.devesliderbg{width:200px;height:110px; background:url(images/content.png) 0px -368px  no-repeat;padding:6px;}.deveslider {position:relative; width:200px; height:110px;}.deveslider img {position:absolute;top:0px;left:0px;display:none;}.deveslider a {border:0;display:block;}.deveslider a:hover{ color:#fff}a.nivo-nextNav,a.nivo-prevNav{background:#000; color:#fff; padding:0 3px;opacity:0.8; filter:alpha(opacity=80)}.nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;}.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}.nivo-box {display:block;position:absolute;z-index:5;}.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; width:100%;z-index:8;}.nivo-caption p {padding:5px;margin:0;}.nivo-caption a {display:inline !important;}.nivo-html-caption {display:none;}.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}.nivo-prevNav {left:0px;}.nivo-nextNav {right:0px;}



.footerslidecode{ margin-top:50px;}

/* colorTipContainer */



.colorTipContainer{position:relative;text-decoration:none !important;}

.colorTip{display:none;position:absolute;left:50%;top:-35px;padding:6px;background-color:white;font-size:11px;font-style:normal;line-height:1;text-decoration:none;text-align:center;text-shadow:0 0 1px white;white-space:nowrap;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.pointyTip,.pointyTipShadow{border:6px solid transparent;bottom:-12px;height:0;left:50%;margin-left:-6px;position:absolute;width:0;}

.pointyTipShadow{border-width:7px;bottom:-14px;margin-left:-7px;}

.black .pointyTip{ border-top-color:#333;} .black .pointyTipShadow{ border-top-color:#111;} .black .colorTip{background-color:#333;border:1px solid #111;color:#fcfcfc;text-shadow:none; }



.blue .pointyTip{ border-top-color:#E7EBEF;} .blue .pointyTipShadow{
	border-top-color: #566B87;
} .blue .colorTip{
	background-color: #E7EBEF;
	border: 1px solid #566B87;
	color: #1b475a;
}









/* ----------Let's beginning Single Style------------*/



.devesingle p{ margin:0 0 18px 0;}

.breadcrumbs { line-height:24px; padding-left:25px; background:url(images/content.png) -147px -164px no-repeat; color:#9D9D9D}

.breadcrumbs a{color:#9D9D9D} .breadcrumbs a:hover{color:#000000}





/* Normal */

		/* h1 style */

		.content {
	font-size: 14px;
	line-height: 23px;
	margin: 15px 0 10px 0;
	padding-bottom: 20px;
	color: #2A2A2A;
	font-family: Helvetica,"Microsoft YaHei",sans-serif;
	background: url(images/tang/hr-blog2_pv.fw.png) bottom  no-repeat;
	word-break: break-word;
	overflow: hidden;
}
		

		.singleposth1{ font-size:22px; font-weight: bold; text-align:center; margin:20px 0 15px 0 }

		.singleinfo{ text-align:center}

		.singleinfo span{ margin:0 18px; background:url(images/content.png) no-repeat; padding-left:25px; color:#9D9D9D; line-height:20px}

		.singleinfo span a{color:#9D9D9D} .singleinfo span a:hover{color:#6B697A}

		span.snomtime{background-position:0px 0px;background-position:0px -2px\9\0}

		span.snomcomt{background-position:0px -28px;background-position:0px -30px\9\0}

		span.snomview{background-position:0px -56px;background-position:0px -58px\9\0}

		span.snomedt{background-position:-147px -199px;background-position:-147px -201px\9\0}

		.singleinfo span.snomcomt span{padding:0; margin:0; background: none}

	

	/* Content Styly */


.content h1 a, h2 a, h3 a, h4 a, h5 a {

	text-decoration: none;
	border-bottom:2px solid #a3a0fe;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.content h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #3A3F8F;
}
		.content p{text-indent: 2em;}
		.content p a{
			border-bottom:2px solid #a3a0fe;	
			border-radius: 3px;
			-moz-border-radius: 3px; color: #000;}
		.content p a:hover{
	color: #3A3F8F;
}

		.content th,.content td{display:table-cell;vertical-align:inherit;padding:2px 3px; border:1px solid #DBDDE3}

		.content th{ background:#EDEEF1}

		.content th{font-weight:normal; }

		.content tr:nth-child(odd){ background-color: #DBDDE3}

		.content td{text-align:inherit;}
/*
		.content td:hover {
	background-color: #EDEEF1
}
*/
		.content ol{clear:both;margin:0 20px;}
		.content ol a{border-bottom:2px solid #a3a0fe; color: #000;			
			border-radius: 3px;
			-moz-border-radius: 3px; color: #000;}
		.content ol a:hover{color: #3A3F8F;}

		.content ol li{background:none;list-style:decimal inside;margin:0; padding:0;}

		.content ul{clear:both; list-style:none; margin:0}
		.content ul a{border-bottom:2px solid #a3a0fe; color: #000;		
			border-radius: 3px;
			-moz-border-radius: 3px; color: #000;}
		.content ul a:hover{color: #3A3F8F;}

		.content ul li{ padding-left:15px;margin:0;list-style: none; background:url(images/content.png) -207px -748px no-repeat; }

		.content ul li ul li{padding-left:15px;margin:0 20px;list-style: none; }

		.content blockquote{
	width: auto;
	margin: 15px 25px;
	padding: 0px 20px 0px 20px;
	background: url(images/bqbg.png) repeat-y;
	color: #666666;
	font-size: 12px;
}

		.content hr{
	border-top: #FFF;
	border-left: #FFF;
	border-right: #FFF;
	border-bottom: 2px dotted #bcbcbc;
	background: #FFF;
	height: 1px;
	margin: 10px 0
}

		

		/* 这样才应该是正确的使用风格，但是现在基本都是用code框住一大段代码，真混乱

		.content pre{white-space: pre;overflow: auto;padding: 0px;clear: both;line-height:19px;margin:20px 0;background: url(images/prebg.png) repeat;font-size:12px;color:#898989;}

		.content code{color: #111;font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #9B9B9B}

		 */

.content pre{font-size:12px;white-space: pre; text-indent:0em;}

.content code{
	font-family: Monaco,Consolas,"宋体", "Courier New", monospace;
	overflow: auto;
	padding: 0px;
	line-height: 19px;
	margin: 20px 0;
	background: url(images/prebg.png) repeat;
	font-size: 12px;
	display: block;
	text-indent: 0em;
}

		

		

/* status style */

.statusingle{ margin:30px 0 30px 0; font-size:13px; line-height:24px;}

.stacontent {width:560px }

.statime{ color:#C0C9CB; margin-top:-20px; font-size:12px;}



		

/* Relate posts */

.relatebar ul { margin:0 0 15px 0;}

.relatebar li{padding-left:15px; margin:10px 20px 10px 0; line-height:24px;border-left:2px solid #d1d9db; width:167px;}

.relatebar li:hover{border-left:2px solid #6B697A;}

.relatebar li a{ width:167px; height:22px; text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow:hidden; display:block}

.relatebar li span{color:#9D9D9D;}

.relatetitle,.commentsays,.replytitle{
	font-size: 20px;
	color: #D7DFE6;
	font-weight: bold;
}



/* Share bar */

.sharebar { padding-bottom:25px;margin-bottom:30px;  background: url(images/tang/hr-blog.fw.png) bottom  no-repeat; }



.sharebar a{ display:inline-block; float:left; width:32px; height:32px;cursor:pointer; background:url(images/content.png) no-repeat; margin:0 33px 0 0;}



.sharebar a.shareend{margin: 0px}

.sharebar a#twitter-share{background-position:0 -496px}

.sharebar a#facebook-share{background-position:-32px -496px}

.sharebar a#qqzone-share{background-position:-64px -496px}

.sharebar a#douban-share{background-position:-96px -496px}

.sharebar a#fanfou-share{background-position:-128px -496px}

.sharebar a#sina-share{background-position:-160px -496px}

.sharebar a#tencent-share{background-position:0 -528px}

.sharebar a#renren-share{background-position:-32px -528px}

.sharebar a#google-share{background-position:-64px -528px}

.sharebar a#delicious-share{background-position:-96px -528px}





/* ----------Fucking Comment Style------------*/



#comments {}

#comments,#comments ul,#comments li{list-style:none;}





	/*--Comment Switch--*/

	.commentsorping{ height:29px;margin:30px 0 20px 0; overflow: hidden}

	.commentsays{ float:left;}

	.commentpart,.pingpart{
	padding: 5px 10px 0 10px;
	cursor: pointer;
	float: right;
	color: #566B87
}

	.pingpart{
	color: #CED6DD;
}

	

	.commentlist{}

	.pingtlist{}

	

	

	/*--Comment list--*/

	.comment-body p{ margin:0px; line-height:24px; }

	.gravatar{ float:left; padding-right:20px; border-right:1px solid #d1d9db; margin:0 20px 0 0}

	.commenttext{ overflow:hidden; }

	#comments ul li{ margin-bottom:15px; padding-bottom:21px; background:url(images/sidebarline.png) bottom repeat-x;zoom:1}

	.comment-meta{ margin-top:5px;}

		.commentid{
	font-weight: bold;
	color: #666
}

		.commentcount { padding-right:5px; font-size:13px;}

		.commenttime{color:#CCC;}

		.commenttime a,.commentcount a{ color:#CCC;}

		.commenttime a:hover,.commentcount a:hover{ color:#6B697A;}	

	.commentp { line-height:20px; position:relative; font-size:13px;width:490px; }

	.commentp p{display: inline;}

	.reply{ display:none; padding:0 4px; margin-top:-4px;background:#566B87;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }

	.reply a{ color:#FFF;}

	.moderation{ font-style:normal; color:#ccc; margin-left:10px;}

	/*--Comment list children--*/

	#comments ul li ul.children{ margin:20px 0 0 0; padding:0px;}

	#comments ul li ul.children li{ margin:20px 0 0 0; background:none; padding:0px;zoom:1}

	#comments ul li ul.children li .gravatar {margin:0 20px 0 60px}

	#comments ul li ul.children li .commentp{width:480px;}

	#comments ul li ul.children{ margin:0; padding:0px;}

	#comments ul li ul.children li ul.children li{ margin:20px 0 20px 0; background:none; padding:0px;zoom:1}

	

	/*--Comment Tip style--*/

	#comments .tip {background:#FFF;border:2px solid #d1d9db;width:370px;padding:10px;margin:0;position:absolute;z-index:3;}

	#comments .tip .commentp{width:300px; }

	#comments .tip .gravatar{margin:0; padding-right:10px; border: none}

	#comments .tip .commenttext{ margin-left:10px; padding-left:10px; border-left:1px solid #d1d9db; }

	.atreply{cursor:help}

	

	/*--Comment pagenav--*/

	.commentnav{ margin:15px 0 30px 0;}

	.commentnav .page-numbers,.commentnav a{ margin:5px 2px 10px 2px; padding:0px 5px 0px 5px; border-bottom:2px solid #d1d9db;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}

	.commentnav a:hover{border-bottom:2px solid #6B697A;}

	.commentnav span.current{ border-bottom:2px solid #6B697A;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}

	/*--Trackbacks--*/

	.pingtlist{ display:none;}

	.pingdiv{overflow:hidden; zoom:1;}



	/*--Respond--*/

	.replytitle{ margin-bottom:20px}

	#cancel-comment-reply{ float:left; margin:6px 0 0 20px ; padding:0px 4px; background:#566B87;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

	#cancel-comment-reply a{ color:#FFF}

	.writerinfodiv{ margin-bottom:12px;}

	.red{ color: #F30}

	#author_info input{width:205px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;  padding:3px 5px;}

	#author_info label{color:#3d3d3d;margin-left:20px; display:inline; font-size:13px;}	

	#respond textarea{ padding:5px; margin:10px 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; overflow:auto; width:595px; font-size:13px}

	#author_info input[type=text]:focus:valid,#author_info input[type=email]:focus:valid,#respond textarea:focus{border:1px  solid #566B87; }

	#author_info input[type=email]:focus:invalid{border:1px  solid #F30; }

	.wp_smilies a{ margin:0 5px 0 0;}

	input#submit{display:block; margin: 0 0 20px -1px; padding:0; width:221px; height:38px;border:none; text-shadow:0px 1px 0px #fff; color:#515f6a; cursor:pointer}

	input.submitstyle{ background: url(images/content.png) no-repeat 0 -567px;}

	input.submitfocus{background: url(images/content.png) no-repeat 0 -609px; }

	.ajaxtipsdiv{ margin:10px 0}

	



/* ----------Let's beginning Pages Style--- （ＴεＴ；）---------*/





.arcpageh1{ font-size:14px;margin:-10px 0 30px 0; padding-bottom:10px; color:#383838; text-shadow:0 1px 2px #E7E7E7}



.pages .post-single,.post-single .content{ background:none;}

.pages .content{ margin-top:0}

.pages .post-single{padding-bottom:20px;margin-bottom:20px;}


	/*-- Archive--*/

	.tagicon{ background:url(images/content.png) -202px -497px no-repeat; padding-left:25px;}

	.archiveicon{ background:url(images/content.png)  -205px -525px  no-repeat;padding-left:25px;}

	.cateicon{ background:url(images/content.png)  -206px -1px  no-repeat;padding-left:25px;}

	.e38{ color:#6B697A}

	.catedescription{ font-size:12px;color:#383838; text-shadow:0 1px 2px #E7E7E7; margin:-11px 0 0 10px; line-height:20px}

	.edit{ font-size:12px; margin:0 0 0 15px}

	/*--Archive page--*/

	.arcicons{padding-left:25px; background:url(images/content.png) -205px -702px no-repeat}

	.arc-collapse{ cursor:pointer;}

	.acclist{ font-size:13px;}

	.archivelist h3{ width:100px; cursor:n-resize}

	/*-- link page--*/

	.linkicons{ padding-left:25px; background:url(images/content.png) -205px -665px no-repeat}

	.link-content ul{clear:both;margin:0;overflow:auto;text-align:center;}

	.link-content ul li{ margin:10px 20px 10px 0; padding:0; float:left; width:130px; line-height:23px;height:26px; background:none}

	.link-content ul li img{padding:3px 0px 3px 5px;}

	

	.link-content ul li a{padding:0px; float:left;width:130px;height:22px;border:1px solid #CCC;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; overflow: hidden;}

	.link-content ul li a:hover{border:1px solid #6B697A;}

	

	/*-- Guestbook page--*/

	.guestbook .content{ margin-bottom:0px; padding-bottom:0px; background:none}

	.guestbook h1{ margin:20px 0 10px 0; font-size:22px; font-weight:bold}

	/*-- Page--same as contiant*/
	



	/*-- 404--*/

	.no-results { margin-top:-20px; font-size:13px; line-height:23px}

	.no-results h3{ font-weight: normal;padding:10px 0 8px 0; margin:0; font-size:13px}

	.no-results p{ margin:10px 0}

	.no-results li{ padding-left:15px;margin:0;list-style: none; background:url(images/content.png) -207px -748px no-repeat; }

	

	

	

	/*-----------Shortcode-----------*/

	.shortcodestyle{margin:20px 0px;padding: 15px 15px 15px 70px; font-size:14px;-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
	.shortcodestyle2{margin:20px 0px;padding: 30px; font-size:14px;-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
	.shortcodestyle a{}

	.shortcodestyle a:hover{}

	.shortcodestyle b,.shortcodestyle strong{padding:0px; margin:0px;  background: none; font-weight: bold;border-radius:0px;-moz-border-radius:0px;}

	.warning{background: url(images/shortcode/warning.png) no-repeat 20px 20px #fff0b5;border: 1px solid #eac946;color: #b09e56;}

	.warning a{ color:#A84A1E;}

	.noway{background: url(images/shortcode/noway.png) no-repeat 20px 20px #fadcd8;border: 1px solid  #eba8a8;color: #cc6666;}

	.noway a{ color: #F60;}

	.buy{background: url(images/shortcode/yes.png) no-repeat 20px 20px #EFF4D4; border: 1px solid  #afc76c;color: #779B39;}

	.buy a{color: #CF3805;}

	.task{background: url(images/shortcode/checklist.png) no-repeat 20px 20px  #EFEFEF; border: 1px solid  #ddd;color:#999;}
	.task a { color:#2C2F6B}
	
	.boxgrey{
	background: #EFEFEF;
	border: 1px solid  #ddd;
	color: #333333;
}
	.boxgrey a {
	color: #2C2F6B
}

	.info{background: url(images/shortcode/info.png) no-repeat 20px 20px  #e4eff9; border: 1px solid  #9acbe8;color:#5d93b2;}

	.info a { color:#6B697A}

	.note{background: url(images/shortcode/light2.png) no-repeat 20px 10px #F5F5F5;color:#999;margin:20px 0px;padding: 10px 15px 15px 70px;}

	.noteline { border-left:2px solid #ddd; padding-left:30px}

	.note a { color:#566B87}

	.but_down { margin:0 0 12px 0; font-size:12px; }

	.but_down a span{
	color: #333;
	background-color: #C6CDDD;
	border: 1px solid;
	border-radius: 2px;
	border-color: #333;
	float: left;
	display: block;
	padding: 0 15px 0 15px;
	line-height: 33px;
	cursor: pointer;
}

	.but_down a:hover span{ text-decoration: underline;}

	

	.one_half { width:295px; padding-bottom:10px;position:relative; margin-right:30px; float:left; }

	.halfend { margin-right:0 !important; clear:right; }

    .devesingle .deveconslider p {margin: 0 0 0 0}

	

	.singlepagestyle{margin:10px 0 -3px 0;padding:15px 0 0 0; background:url(images/postending.png) top repeat-x}

	.singlepagestyle span{margin:0 2px;padding:3px;font-size: 16px; font-weight:bold; color:#999} 

	.singlepagestyle a span{color:#566B87}

	.singlepagestyle a:hover span{color:#6B697A}

	.singlepagestyle span.singlepage {font-size: 20px;color: #D1D9DB; padding:0 3px 0 0;margin:0}

	

	.toggletitle{margin: 0 0 15px 0;color:#888;font-size:14px; cursor:pointer}

	.togglecon {margin: 0 0 15px 0; font-size:12px;color:#666;display:none}

	.togglecon .shortcodestyle{margin:0 0;}

	.toggleimg{ float:left; margin: 0 5px 0 0; width:20px; height:20px; background:transparent url(images/toggleimg.png) no-repeat 0px 2px; display:block;}

	.toggleimg2{background-position:-21px 2px}