/*
Theme Name: Vitality
Theme URI: http://www.zhcexo.com/new-private-theme-vitality/
Description: A private theme for zhcexo.com
Author: ZH CEXO
Author: http://www.zhcexo.com/
Version: 1.0
*/

/*Main Reset*/
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;
}
body {
	line-height: 1;
	background:url(images/header-bg.jpg) center top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	width:100%;
}
ol, ul {
	list-style: none;
}
img{
	max-width:610px;
}
blockquote, q {
	quotes: none;
}
blockquote{
	margin-left:20px;
	padding-left:5px;
	border-left:6px solid #36C;
	background:#EFEFEF;
}
pre{
	background:#EFEFEF;
	font-family:"Courier New",Monospace;
	font-size:12px;
	margin:0 0 1em;
	overflow:auto;
	width:99%;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
label{
	cursor:pointer;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #CCC;
}
td{
	padding:10px;
}
a,a:visited{
	color:#0080F1;
	text-decoration:none;
}
a:hover{
	color:#0080F1;
	text-decoration:underline;
}
p{
	line-height:1.8;
	margin-bottom:10px;
}
.iclear{
	clear:both;
}

/*Layouts*/
/*Header*/
#body-inner{
	background:url(images/footer-bg.jpg) center bottom repeat-x;
	width:100%;
	font-size:.875em;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
#header{
	position:relative;
}
#header p{
	text-indent:-9999px;
}
#header h1{
	width:410px;
	height:120px;
	background:url(images/logo.jpg) center top no-repeat;
	text-indent:-9999px;
}
#logo{
	display:block;
	width:410px;
	height:120px;
}
.prim-nav{
	position:absolute;
	right:0;
	top:0;
	border:1px solid #6E7C97;
	border-top:none;
	background:transparent;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	background: -moz-linear-gradient(top,  #1D5671,  #093D52);
	background:-webkit-gradient(linear, left top, left bottom, from(#1D5671), to(#093D52));
}
.prim-nav li{
	float:left;
	padding:12px;
}
.prim-nav a,.prim-nav a:visited{
	color:#B3CDE6;
}
.prim-nav a:hover{
	color:#FFF;
	text-decoration:none;
}
.sec-nav{
	position:absolute;
	left:10px;
	top:98px;
	font-size:1.29em;
}
.sec-nav li{
	float:left;
	padding:30px 30px 30px 0;
}
.sec-nav li a{
	display:block;
	height:24px;
	line-height:24px;
}
.sec-nav a,.sec-nav a:visited{
	color:#FFF;
}
.sec-nav a:hover{
	color:#FFF;
	text-decoration:underline;
}
.browser,.toolkit,.software,.theme,#search,.subscribe,.subs,.twitter,.hot-friends,.networks,.grshare,.techmeme,.wpglucky,#tab-content ul li,ul.most-active li,.relatedposts h3,.related_post li,#comments,#respond,.trackbacks ol li{
	background:url(images/sprites.png) no-repeat;
	padding-left:30px;
}
.browser{
	background-position:-6px -10px;
}
.toolkit{
	background-position:-6px -47px;
}
.software{
	background-position:-6px -89px;
}
.theme{
	background-position:-6px -125px;
}
.paint{
	background:url(images/paint.jpg) center top;
	width:140px;
	height:120px;
	position:absolute;
	right:0;
	top:40px;
	cursor:pointer;
}
/*Left column*/
#content{
	width:610px;
	float:left;
	padding-left:10px;
	padding-right:20px;
	margin-top:40px;
}
#postpath{
	color:#354D64;
	font-size:.857em;
	line-height:1.2;
}
.post{
	margin-top:20px;
	width:610px;
}
.post h2,.post h1,.post h3{
	font-size:1.25em;
	font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	line-height:1.2;
}
.post h2 a,.post h2 a:visited,.post h1,.post h3{
	color:#354D64;
	text-decoration:none;
}
.post h2 a:hover{
	color:#0080F1;
	text-decoration:none;
}
.post h3{
	margin-bottom:10px;
	font-size:1.2em;
	width:100%;
	border-bottom:1px solid #36C;
	padding-bottom:0px;
	color:#36C;
	line-height:1.8;
}
.post-meta{
	margin-top:10px;
	margin-bottom:5px;
	height:30px;
	line-height:30px;
	font-size:0.929em;
}
.post-meta,.post-meta a,.post-meta a:visited{
	color:#4B4B4B;
}
.meta-italic{
	color:#000;
	font-style:italic;
	font-weight:bold;
	overflow:hidden;
}
.leadimg{
	text-align:center;
	max-height:250px;
	overflow:hidden;
}
.leadimg img{
	float:none !important;
}
.sep-post{
	border-bottom:1px solid #E2E2E2;
	font-size:.929em;
}
.sep-post a{
	float:right;
	padding:8px 15px;
	border:1px solid #E2E2E2;
	border-bottom:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	background:#EDEDED;
	background:-moz-linear-gradient(top,#FFF,#EDEDED);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDEDED));
	color:#000;
}
.sep-post a:visited{
	color:#000;
}
.sep-post a:hover{
	color:#FFF;
	border:1px solid #84B37D;
	border-bottom:none;
	text-decoration:none;
	background:#7CB015;
	background:-moz-linear-gradient(top,#99D21D,#7CB015);
	background:-webkit-gradient(linear, left top, left bottom, from(#99D21D), to(#7CB015));	
}
.wp-pagenavi{
	height:32px;
	margin-top:20px;
	margin-bottom:20px;
	line-height:32px;
}
.wp-pagenavi span,.wp-pagenavi a,a.download,a.download:visited{
	border:1px solid #E2E2E2;
	padding:6px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:EDEDED;
	background:-moz-linear-gradient(top,#FFF,#EDEDED);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDEDED));
	text-decoration:none;
	margin-right:2px;
}
.wp-pagenavi span.pages{
	margin-right:20px;
}
span.current,.wp-pagenavi a:hover,a.download:hover{
	color:#FFF;
	text-decoration:none;
	border:1px solid #84B37D;
	background:#7CB015;
	background:-moz-linear-gradient(top,#99D21D,#7CB015);
	background:-webkit-gradient(linear, left top, left bottom, from(#99D21D), to(#7CB015));
}
.wp-pagenavi a,.wp-pagenavi a:visited{
	color:#000;
}
.wp-pagenavi a:hover{
	color:#FFF;
}
a.download,a.download:visited{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-align:center;
	display:block;
	height:40px;
	line-height:40px;
}
a.download{
	font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	font-size:1.25em;
}
#quick-links{
	height:32px;
	line-height:32px;
	background:#FFC;
	padding:0 5px;
}
#quick-links a,#quick-links a:visited{
	color:#000;
}
#quick-links a:hover{
	color:#0080F1;
}
#quick-links span{
	color:#0080F1;
}
.relatedposts{
	margin-top:15px;
}
.relatedposts h3,#comments,#respond{
	color:#36C;
	font-weight:normal;
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
	height:40px;
	line-height:40px;
	background-position:-50px -497px;
	padding-left:50px;
}
/*Sidebar*/
#sidebar{
	width:300px;
	float:left;
	padding-left:10px;
	margin-top:40px;
}
#search{
	width:100%;
	height:39px;
	background-position:-8px -207px;
	position:relative;
}
input#s{
	/*background:#FF6;*/
	width:254px;
	height:25px;
	border:none;
	position:absolute;
	left:6px;
	top:5px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	overflow:hidden;
	color:#B2B2B2;
}
input#find{
	background:transparent;
	width:25px;
	height:25px;
	border:none;
	position:absolute;
	right:34px;
	top:5px;
	cursor:pointer;
}
.widget{
	margin-top:24px;
}
.subscribe,.hot-friends,.networks{
	color:#0080F1;
	font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	font-size:1.143em;
	height:42px;
	background-position:-234px -13px;
	padding-left:50px;
}
.subs{
	background-position:-346px -213px;
}
.subs a{
	padding-bottom:3px;
	text-decoration:none;
}
.subs-s a,.subs-s a:visited{
	color:#DC7420;
	border-bottom:1px dotted #DC7420;
}
.subs-s a:hover{
	border-bottom:1px solid #DC7420;
}
.subs-m a,.subs-m a:visited{
	color:#F00;
	border-bottom:1px dotted #F00;
}
.subs-m a:hover{
	border-bottom:1px solid #F00;
}
#tab-title h3{
	font-size:1.143em;
	font-weight:normal;
	font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	height:36px;
}
#tab-title h3 span{
	display:block;
	padding:8px;
	float:left;
	cursor:pointer;
}
#tab-title .selected{
	color:#FFF;
	background:#7CB015;
	background:-moz-linear-gradient(top,#99D21D,#7CB015);
	background:-webkit-gradient(linear, left top, left bottom, from(#99D21D), to(#7CB015));
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #84B37D;
}
#tab-content{
	margin-top:16px;
	clear:both;
}
#tab-content ul li,ul.most-active li,.related_post li,.trackbacks ol li{
	line-height:1.8;
	background-position:1px -378px;
}
#tab-content ul li a,#tab-content ul li a:visited,ul.most-active li a,ul.most-active li a:visited,.related_post li a,.related_post li a:visited{
	color:#000;
}
#tab-content ul li a:hover,ul.most-active li a:hover,.related_post li a:hover{
	color:#0080F1;
}
.tab-hide{
	display:none;
}
#tab-content ul li a.commentor{
	color:#0080F1;
}
ul.most-active li{
	width:40%;
	float:left;
}
.twitter{
	width:169px;
	height:110px;
	background-position:-7px -263px;
	float:left;
	padding-left:0;
}
.twitter-title{
	float:left;
	width:120px;
	color:#0080F1;
	font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	font-size:1.143em;
	line-height:150%;
	margin-left:10px;
	margin-top:10px;
}
.atme{
	float:left;
	font-size:1.25em;
	margin-left:10px;
	width:90px;
}
.atme a{
	color:#DC7420;
}
.hot-friends{
	background-position:-234px -78px;
}
.networks{
	background-position:-234px -137px;
}
.grshare,.techmeme,.wpglucky{
	display:block;	
	text-indent:-9999px;
	padding-left:0;
	float:left;
	margin-left:20px;
	margin-top:15px;
}
.grshare{
	width:48px;
	height:48px;
	background-position:-233px -317px;
}
.techmeme{
	width:49px;
	height:56px;
	background-position:-313px -314px;
}
.wpglucky{
	width:141px;
	height:62px;
	background-position:-386px -311px;
}
/*Footer*/
#footer{
	clear:both;
	width:100%;
	height:76px;
}
#footer p{
	padding-top:25px;
}
.copyl{
	float:left;
}
.copyr{
	float:right;
}
/*Sitemap*/
.post.in-page{
	margin-top:0;
}
.leftcolumn,.rightcolumn{
	margin-top:20px;
	float:left;
}
.leftcolumn{
	width:150px;
}
.rightcolumn{
	width:440px;
	margin-left:20px;
}
.leftcolumn a,.leftcolumn a:visited,.rightcolumn a,.rightcolumn a:visited{
	color:#000;
	text-decoration:none;
}
.leftcolumn a:hover,.rightcolumn a:hover{
	color:#0080F1;
	text-decoration:underline;
}
.leftcolumn ul{
	margin-bottom:20px;
}
.leftcolumn ul li,.rightcolumn ul li{
	line-height:200%;
}
.rightcolumn ul li strong{
	color:#0080F1;
}
/*comments*/
#comments{
	background-position:-50px -432px;
}
#comments a{
	text-decoration:underline;
}
.commentlist{
	margin-top:15px;
}
.commentlist li,.hover-comment{
	border:1px solid #DDD;
	background:#E6E6E6;
	margin-bottom:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	padding-bottom:0;
	position:relative;
	font-size:.929em;
}
.commentlist li .wp-smiley,.smilies .wp-smiley-select{
	width:20px;
}
.commentmetadata span{
	display:block;
	padding-top:6px;
	margin-bottom:6px;
	font-size:1.14em;
	font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
}
.avatar{
	float:left;
	margin-right:10px;
	border-bottom:6px solid #E6E6E6;
}
.commentlist li p{
	clear:both;
}
.time{
	color:#777;
}
a.go{
	color:#7F7F7F;
	font-size:.75em;
}
a.go:hover{
	color:#0080F1;
	text-decoration:underline;
}
a.reply-button{
	display:block;
	width:36px;
	padding:8px;
	background:#FFF;
	position:absolute;
	right:10px;
	top:10px;
	text-align:center;
	border:1px solid #7E7E7E;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#000;
	font-size:.75em;
}
a.reply-button:visited{
	color:#000;
}
a.reply-button:hover{
	text-decoration:none;
	background:#FFF;
	border-color:#7E7E7E;
	-moz-box-shadow:0 0 3px #888;
	-webkit-box-shadow:0 0 3px #888;
}
#author,#email,#url,#comment,#submit{
	border:1px solid #7F7F7F;
	font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:1em;
}
#author,#email,#url{
	height:24px;
	line-height:24px;
	padding-left:4px;
	padding-right:4px;
	color:#555;
}
.submit-out{
	width:136px;
	height:34px;
	text-align:center;
	padding:5px 10px;
	cursor:pointer;
	background:#FFF;
	font-size:1.14em;
}
.submit-hover{
	background:#FFF;
	-moz-box-shadow:0 0 3px #888;
	-webkit-box-shadow:0 0 3px #888;
}
#comment{
	width:75%;
	padding:4px;
	resize:none;
}
#author:focus,#email:focus,#url:focus,#comment:focus,#submit:focus{
	background:#FFF;
	-moz-box-shadow:0 0 3px #888;
	-webkit-box-shadow:0 0 3px #888;
}
#comments-wrapper{
	margin-top:15px;
}
#respond{
	background-position:-48px -560px;
}
.smilies{
	width:450px;
	margin-bottom:10px;
}
#commentform{
	width:590px;
	background:#E6E6E6;
	border:1px solid #DDD;
	padding:10px;
	padding-bottom:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:15px;
	margin-top:10px;
}
#commentform label small{
	font-size:.929em;
}
.key-re{
	color:#83B520;
}
.trackbacks{
	margin-top:20px;
	margin-bottom:20px;
}
.trackbacks ol li a,.trackbacks ol li a:visited{
	color:#000;
}
.trackbacks ol li a:hover{
	color:#0080F1;
}
/*link tip*/
#linktip{
	position:absolute;
	z-index:12;
	font-size:14px;
	background:#000;
	color:#DDD;
	padding:10px;
	font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
	-moz-border-radius:8px;
	-moz-border-radius-topleft:0;
	-webkit-border-radius:8px;
	-webkit-border-top-left-radius:0;
	border-radius:8px;
	border-top-left-radius:0;
}
/*hover to show comment*/
.hover-comment{
	position:absolute;
	z-index:12;
	width:580px;
	list-style:none;
	display:none;
	font-size:.796em;
	border:1px solid #7DA028;
	background:#FFF;
}
.hover-comment .avatar{
	border-bottom-color:#FFF;
}
/*read mode*/
#reader{
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	z-index:9;
}
#postpath span{
	cursor:pointer;
	color:#000;
}
#postpath span sup{
	vertical-align:super;
	font-size:.75em;
	color:#F00;
}