@charset "utf-8";

body {
	font-size: 14px;
	font-family: "微软雅黑", "Lucida Grande", Verdana, Lucida, Arial, elvetica, "宋体", sans-serif;
	color: #333;
	background: url(Body_Bg.png) repeat-x #f2f7f9;
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, form { padding: 0; margin: 0; }
ul, ol { list-style-type: none; }
p, blockquote { text-justify: inter-ideograph; text-align: justify; }
img { border: none; }
a:link, a:visited { color: #487ba8; text-decoration: none; }
a:hover { color: #f90; text-decoration: underline; }
select, input, textarea { color: #000; }
textarea { line-height: 19px; }


input.text, textarea.text, .select {
	padding: 3px;
	border: 1px solid #dbdfe6;
	border-top-color: #abadb3;
	background: #fff;
	vertical-align: middle;
	font-size: 14px;
	margin: 0;
}
input.text:focus, textarea.text:focus {
	border-color: #a4c9e3;
	border-top-color: #3d7bad;
}
.select { font-size: 12px; background: #fff; }
input.button {
	border: 1px solid #697e96;
	background: #e8eff3;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	cursor: pointer;
}

form .tips { font-size: 12px; color: #39c; }
form .required { font-size: 12px; color: #f90; }
form .btns { word-spacing: 2em; text-align: center; }

.form { width: 98%; margin: 0 auto; }
	.form .tips { color: #f90; }
	.form .btns { padding-top: 12px; }
	.form, .form .text, .form textarea, .form select { font-size: 12px; }
	.form table { width: 100%; border-collapse: collapse; }
		.form tbody th, .form tbody td {
			line-height: 25px;
			padding-top: 3px;
			padding-bottom: 3px;
			vertical-align: top;
		}
		.form tbody th {
			color: #333;
			font-weight: bold;
			text-align: right;
			padding-right: 12px;
		}
			.form tbody td * { vertical-align: middle; }

.twoCol th, .fourCol th { width: 12%; }
.twoCol .td { width: 88%; }
.fourCol .td { width: 38%; }


.header, .wrapper, .footer { width: 908px; margin: 0 auto; }
	.footer .inner { _zoom: 1; _overflow: hidden; margin: 0 18px; }

.header {
	position: relative;
	height: 190px;
	overflow: hidden;
	background: url(Wrapper_Header.png) no-repeat left 90px;
}
	.logo { float: left; margin-top: 34px; }
	.nav {
		float: right;
		background: url(Sprites02.png) no-repeat;
		padding-left: 72px;
		margin-top: 30px;
	}
		.nav div { padding-right: 72px; background: url(Sprites02.png) no-repeat right; }
			.nav ul {
				width: 520px;
				height: 57px;
				background: url(Nav_Bg.png) repeat-x;
				overflow: hidden;
				text-align: center;
				padding-top: 13px;
			}
				.nav li {
					height: 24px;
					line-height: 24px;
					padding: 0 20px 0 24px;
					display: inline;
					background: url(Sprites01.png) no-repeat left -140px;
				}
				.nav .first { padding-left: 0; background: none; }
				.nav .last { padding-right: 0; }
					.nav a:link, .nav a:visited { color: #fff; }
					
	.wbBar {
		width: 620px;
		position: absolute;
		right: 18px;
		top: 90px;
	}
		.wbBar div { height: 54px; overflow: hidden; }
		.wbBar div div { height: 50000px; max-height: 50000px; }
		.wbBar li { height: 54px; overflow: hidden; color: #444; font-size: 12px; line-height: 19px; }
		.wbBar .postTime { color: #f90; }
					
	.position { padding: 18px 18px 0 18px; clear: both; }
		.position a:link { text-decoration: none; }
		.position a:hover { text-decoration: underline; }


.wrapper { background: url(Wrapper_Bg.png) repeat-y; }
	.wrapper .inner {
		width: 872px;
		margin-left: 18px;
		position: relative;
		top: -22px;
		overflow: hidden;
		_zoom: 1;
	}
		.main { width: 634px; float: left; }
		.sidebar { width: 210px; float: right; font-size: 12px; }
		
.footer {
	font-size: 12px;
	padding-top: 20px;
	height: 80px;
	background: url(Wrapper_Footer.png) no-repeat;
	line-height: 21px;
	font-family: Arial;
	color: #4c4c4c;
	clear: both;
}
	.footer strong,
	.footer strong a,
	.footer strong a:visited { color: #f03; }
	.copyright { float: left; }
	.aboutBlog { float: right; text-align: right; }
		.aboutBlog img { vertical-align: text-bottom; }
	.toTop { clear: both; text-align: right; padding-top: 10px; }
		.toTop a { background: url(Sprites01.png) no-repeat 0 -86px; padding-left: 13px; text-decoration: none; }
		.toTop a:hover { background-position: 0 -108px; }


.thePost { margin-bottom: 20px; }
.postList .last { margin-bottom: 0; }
	.postHeader {
		padding-left: 55px;
		height: 41px;
		overflow: hidden;
		position: relative;
	}
		.postHeader .date {
			width: 47px;
			height: 41px;
			position: absolute;
			top: 0;
			left: 0;
			font-family: Arial;
			text-align: center;
			line-height: 20px;
			background: url(Sprites01.png) no-repeat;
		}
			.postHeader .date .day {
				font-size: 16px;
				font-weight: bold;
				display: block;
			}
		.postHeader h2 {
			font-size: 17px;
			height: 22px;
			line-height: 22px;
			overflow: hidden;
		}
			.postHeader h2, .postHeader h2 a:link, .postHeader h2 a:visited { color: #f03; }
		.postHeader ul {
			font-size: 12px;
			color: #888;
			line-height: 19px;
			height: 19px;
			overflow: hidden;
		}
			.postHeader li { float: left; padding-right: 15px; }
			
	.thePost .content { margin: 12px; line-height: 23px; }
		.thePost .content p.source { display: none; }
		.thePost .content p { text-indent: 2em; }
		.thePost .content a { text-decoration: underline; }
		.thePost .content h1,
		.thePost .content h2,
		.thePost .content h3 {
			font-size: 15px;
			color: #000;
			margin-top: 14px;
		}
		.thePost .content h4,
		.thePost .content h5,
		.thePost .content h6 { font-size: 14px; color: #000; }
		.thePost .content h4
		.thePost .content h5,
		.thePost .content h6,
		.thePost .content p,
		.thePost .content ul,
		.thePost .content ol,
		.thePost .content code,
		.thePost .content blockquote,
		.thePost .content table { margin: 7px 0; }
		.thePost .content p,
		.thePost .content li,
		.thePost .content blockquote {
			text-justify: inter-ideograph;
			text-align: justify;
		}
		.thePost .content ul { list-style-type: disc; margin-left: 3em; }
		.thePost .content ol { list-style-type: decimal; margin-left: 3.4em; }
		.thePost .content table,
		.thePost .content code, 
		.thePost .content blockquote {
			margin-left: auto;
			margin-right: auto;
			text-indent: 0;
		}
		.thePost .content code,
		.thePost .content blockquote {
		    width: 92%;
		    padding: 6px 2%;
		    display: block;
		    border: 1px solid #cecece;
		    background: #ffffef;
		}
		.thePost .content blockquote { font-style: italic; }
		.thePost .content code { font-family: "Courier New", Arial; }
		.thePost .content strong { color: #000; }
		.thePost .content table { width: 60%; border-collapse: collapse; }
			.thePost .content th,
			.thePost .content td { border: 1px solid #333; padding: 3px 4px; }
	    .thePost .content .center { text-align: center; text-indent: 0; }
		.thePost .content p * { margin-top: 0; margin-bottom: 0; text-indent: 0; }
		
	.postFooter {
		font-size: 12px;
		height: 19px;
		line-height: 19px;
		padding: 18px 8px 8px 8px;
		color: #999;
		text-align: right;
		overflow: hidden;
		background: url(Post_Spliter.png) no-repeat center bottom;
	}
	.noLine { background: none; padding-bottom: 3px; }
		.postFooter li { float: right; padding-left: 14px; }
		.postFooter .first { padding-left: 0; float: left; }
			.postFooter a,
			.postFooter a:visited,
			.postFooter span { color: #f90; }


.authCode .text { width: 50px; }
.authCode img { display: none; cursor: pointer; }		


.tbBanner {
	width: 639px;
	height: 105px;
	margin: 0 auto 20px auto;
	border: 1px solid #f9dc90;
	overflow: hidden;
}
	.tbBanner .title {
		width: 20px;
		height: 100%;
		float: left;
		font-weight: bold;
		text-align: center;
		background: #f6edbb;
		border-right: 1px solid #f9dc90;
		line-height: 20px;
		padding: 12px 5px 0 5px;
	}
	.tbBanner .commodities { height: 100%; float: left; padding: 0 5px; }

.comments .title { font-size: 14px; font-weight: bold; }
	.comments .title em { font-style: italic; color: #f90; font-weight: normal; }
	.comments .title a { font-size: 12px; text-decoration: underline; }
		
	.commentList { font-size: 12px; }
		.theComment {
			margin-top: 9px;
			padding: 6px;
			padding-bottom: 0;
			line-height: 21px;
		}
			.theComment .author, .theComment .postTime {
				padding-bottom: 5px;
				height: 21px;
				overflow: hidden;
				float: left;
			}
				.theComment .author a, .theComment .author span { font-size: 14px; }
				.theComment .author a { font-weight: bold; }
				.theComment .postTime span, .theComment .author span { color: #487ba8; }
			.theComment .postTime { float: right; }	
			.theComment .content {
				clear: both;
				padding: 5px 8px;
				margin-left: 8px;
				border: 1px solid #efe4ae;
				background: #fef6d2;
			}
			.byBlogger .content { border-color: #d3ebaf; background: #edfcd5; }
				.theComment .counter { font-style: italic; color: #d8a540; }
		.commentList .tips {
			font-size: 14px;
			text-indent: 2em;
			font-style: italic;
			padding: 15px 0;
		}
				
	.replyForm { padding-top: 20px; clear: both; }
		.replyForm table {
			width: 98%;
			margin: 5px auto 0 auto;
			border-collapse: collapse;
		}
			.replyForm td { padding: 0; margin: 0; height: 30px; }
				.replyForm .authCode img { vertical-align: middle; }
				.replyForm .btns { vertical-align: bottom; word-spacing: normal; }
				.replyForm .narrow { width: 522px; height: 82px; }
				.replyForm .wide { width: 850px; height: 95px; }
				.replyForm .noContent { color: #999; font-style: italic; }
				.replyForm .button { float: right; }
				.replyForm .btns p { float: left; }
		
.pages {
	font-family: Arial;
    font-size: 12px;
    text-align: right;
    line-height: 21px;
	padding-top: 12px;
}
    .pages li { padding: 0 3px; display: inline; }
		.pages li span { font-size: 14px; font-weight: bold; }


.sidebar .title {
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	padding: 4px 5px;
	padding-top: 0;
	clear: both;
	border-bottom: 1px dotted #000;
}
	.sidebar .module { margin-bottom: 18px; overflow: hidden; _zoom: 1; }
	.sidebar .content { margin: 10px 10px 0 15px; }
	.sidebar li { line-height: 19px; margin-bottom: 4px; }
	
	.fns .tips { color: #777; }
    	.fns strong { color: #f03; }
	
	.categoryList .content { margin-left: 10px; }
	.categoryList li {
		padding-left: 21px;
		margin-bottom: 11px;
		background: url(Sprites01.png) no-repeat left -55px;
	}
		.categoryList li a { text-decoration: underline; }
		
	.rssFeeds li { height: 22px; }
	
	.links li {
		width: 46%;
		line-height: 19px;
		text-align: center;
		float: left;
		padding: 0 2%;
		overflow: hidden;
	}
	

.aboutBlogger {
	width: 100%;
	font-size: 14px;
	border-spacing: 2px;
	color: #000;
}
	.aboutBlogger .baseInfo td { height: 28px; }
	.aboutBlogger .baseInfo th { text-align: right; }
	.aboutBlogger .detail th { text-align: left; padding: 13px 0 5px 0; }
	.aboutBlogger .detail td { padding-bottom: 6px; line-height: 23px; }
	.aboutBlogger em, .aboutBlogger strong { font-style: normal; color: #f90; }
	
	
#postForm .tidyEditor {
	width: 93%;
	margin: 0 auto;
	display: block;
	visibility: hidden;
}
	#uploadFiles li { padding-bottom: 4px; color: #666; }
		#uploadFiles input { width: 400px; }
		
		
.loginForm {
	width: 340px;
	margin: 0 auto;
	line-height: 24px;
}
	.loginForm fieldset {
		border: 1px solid #d7edf7;
		background: #f7fcff;
		padding: 0 24px 18px 24px;
	}
		.loginForm legend { font-weight: bold; color: #f03; }
		.loginForm label {
			margin: 10px 0 5px 0;
			display: block;
			clear: both;
		}
		.loginForm .text { width: 250px; margin-left: 25px; }
		.loginForm .authCode { position: relative; clear: both; width: 100%; }
			.loginForm .authCode .text { width: 60px; }
			.loginForm .authCode .button { right: 0; bottom: 2px; position: absolute; }
			.loginForm .authCode img {
			    position: absolute;
			    right: 80px;
			    bottom: 0;
			    cursor: pointer;
			    display: none;
			}
			

.message { 
	border: 1px solid #cad9ea;
	background: #f5fafe;
	margin: 0 15px;
}
.success, .error { color: #000; }
.success { border-color: #d3ebaf; background: #edfcd5; }
.error { border-color: #f0baa2; background: #ffe5d9; }
	.message p { margin: 15px 0; text-align: center; }
	

#counter { display: none; }