*{padding:0; margin:0; list-style:none;}
body{padding:0; margin:0; background:url(default/body-bg.gif) #8E8E8E repeat-y top center; text-align:center;line-height:150%;font-family: "Trebuchet MS",Tahoma,Arial,Sans-serif;}
div,th,td,form{/*"Trebuchet MS",*/font-family: "Trebuchet MS",Tahoma,Arial,Sans-serif; font-size:12px;}
a{color:#333; text-decoration:underline;}
a:hover{color:#c00; text-decoration:none;}
h1{font:bold 14px Arial,'宋体'; border-bottom:1px solid #D9D9D9; padding:3px 0; margin-bottom:11px;}

h2, h3 {
  margin: 0;
  font-size:12px;
  color: #333;
  padding:0 0 5px;
  }
h5{ font-size:12px;}
img{border:none; vertical-align:middle;}

/* structure */
.wrap{width:980px; margin:0 auto; text-align:left; padding:8px 0;}
.top{padding:3px; border-top:3px solid #000; overflow:hidden;zoom:1;}
.main{ margin:8px 0;  overflow:hidden; zoom:1; background:url(default/cbg.gif) repeat-y top center;}
.content{width:570px;background:white;float:left; overflow:hidden;}
.footer{ padding:11px; font-size:11px;  border-top:1px solid #000;}

/* top box */
.top{background:url(default/logo.gif) no-repeat 0 5px;}
.top h2 a, .top h2 a:visited{ display:block; width:218px; height:56px; cursor:pointer; text-indent:-9999em;}

/* search box */
.searchbox{width:200px; float:right;}
.searchbox h2{ padding-left:0; font-size:11px; text-transform:uppercase}
.searchbox input{border:1px solid #999; height:20px;line-height:20px; font-family:MingLiU, Tahoma; font-size:11px; color:#999; padding:0 3px; width:194px;}
.searchbox #btnPost{display:none;}

/* archivebox */
#archivebox{ /*background:url(default/icons.gif) no-repeat 0 -905px;*/padding:8px 10px; background:#333; overflow:hidden; zoom:1; margin-top:8px}
	#archivebox h2{ color:#999; padding-bottom:8px; border-bottom:1px solid #666; margin-bottom:8px; display:none}
	#archivebox ul{ overflow:hidden; zoom:1}
		#archivebox ul li{ float:left; padding:3px; /*border-bottom:1px solid #eee;*/}
		#archivebox ul li a, #archivebox ul li a:visited{ display:block; padding:3px 0; text-align:center;  width:125px; font-size:11px; font-weight:bold; color:#ddd;}
		#archivebox ul li a:hover{ background:#666; color:#fff; text-decoration:none}
.play{height:120px; background:#f3f3f3; border-bottom:1px solid #000; border-top:1px solid #000;}

/* navigation */
#nav { overflow:hidden; zoom:1;border-bottom:2px solid #666; background:#333}
#nav li{ display:inline; float:left; overflow:hidden;zzom:1;border-right:1px solid #777; font-size:14px; }
#nav li a{display:block; float:left; padding:0 15px; text-align:center; height:28px; line-height:30px; color:#fff; font:bold 12px/28px Arial,'宋体';text-decoration:none; }
#nav li a:hover{background:#666;color:#FFF;}
#nav .curr a{ background:#c00}

#nav .btnarchive{ float:right; border:none; border-left:1px solid #777;}
#nav .btnarchive a, #nav .btnarchive a:visited{ background:url(default/icons.gif) #c00 no-repeat 10px -179px; padding-left:25px;}
#nav .btnarchive a:hover{background:url(default/icons.gif) #666 no-repeat 10px -179px;}

#nav .btnarchive .on, #nav .btnarchive .on:visited{ background:url(default/icons.gif) no-repeat 10px -209px; padding-left:25px;}
#nav .btnarchive .on:hover{background:url(default/icons.gif) #666 no-repeat 10px -209px;}


.gb #home-4{ position:relative; z-index:100;  background:#c00; color:#fff}
.gb #home-4 a, .gb #home-4 a:visited{ color:#fff;}

/* post titile */
.post-nav{ overflow:hidden; zoom:1; padding:2px 0;}
	.post-nav .l{ float:left;}
	.post-nav .r{ float:right}
	.post-nav a, .post-nav a:visited{ color:#c00; text-decoration:underline}
	.post-nav a:hover{ color:#333; text-decoration:none}

.content h3{ font:bold 14px Arial,'宋体'; padding-top:5px;}
.post-title{ border-top:1px solid #ccc; border-bottom:1px solid #fff; padding:5px 0; overflow:hidden; zoom:1;}
.content .post-title h3{border:none; padding:5px 0 0} 
.post-title h3 a, .post-title h3 a:visited{color:#c00; text-decoration:none; }
.post-title h3 a:hover{color:#c00; text-decoration:underline;}

.post-footer{ color:#999;}

.cal{ float:left; width:50px; margin-right:8px; padding:2px 0}
	.cal .m{ display:block; padding:3px 0;text-align:center; background:#666; border:1px solid #eee; border-right:1px solid #333; border-bottom:none; font:10px Georgia, "Times New Roman", Times, serif; color:#fff; font-weight:bold}
	.cal .d{ display:block; padding:2px 0; text-align:center;background:#fff; border:1px solid #eee; border-bottom:2px solid #ccc; border-right:1px solid #ccc; border-top:none; font:12px bold Arial, Helvetica, sans-serif; font-weight:bold}


/* post content */
.post-body{line-height:160%; color:#333}
.content .post-body h2{ font:bold 14px Arial,'宋体'; border-bottom:1px solid #eee ;padding:8px 0}
.content .post-body h3{ font:bold 12px Arial,'宋体';  padding:5px 0}
.post-body p{ padding:6px 0;line-height:160%; text-indent:2em;}
.post-body a{color:#C00; font-weight:normal;  text-decoration:underline;}
.post-body a:visited{color:#C00;font-weight:normal;text-decoration:underline;}
.post-body a:hover{color:#000; text-decoration:none;}
.post-body img{padding:4px; border:1px solid #EEE; border-right-color:#999; border-bottom-color:#999;}
.post-body ul{ padding:5px 2em;}
.post-body ul li{ list-style:inside disc}
.post-body h4{ font-size:12px; padding:8px 0; margin:0}

.imgleft{float:left; margin:0 8px 8px 0;}
.imgright{float:right;margin:0 0 8px 8px;}

.imgcenter{ text-align:center; padding:5px 0}
	.imgcenter img{ margin:0 auto}
	
blockquote{color:#666; border-left:3px solid #DDD; padding-left:10px;margin-bottom:10px;}



.post_control{padding:11px 0;  }
.post_control ul{overflow:hidden; zoom:1;}
.post_control ul li{display:inline; float:left; padding-left:22px; margin-right:25px;}
.post_control ul .addcomment{ background:url(default/icons.gif) no-repeat 0 -388px; padding-left:20px;}
.post_control ul .readmore{background:url(default/icons.gif) no-repeat 0 -352px; padding-left:20px;}
.post_control ul li a:link, .post_control ul li a:visited{color:#c00; font-weight:normal; text-decoration:underline}
.post_control ul li a:hover{color:#f30; text-decoration:none; font-weight:normal}	


CODE, code {
display: block; /* fixes a strange ie margin bug */
font-family:Courier New;
font-size: 11px;
color:#093;
}
CODE span{ font-family:"MingLiU"}

.why{ background:url(default/why.gif) no-repeat 0 0; padding-left:80px; padding-bottom:15px}


.pagebar{text-align:center; }
	.pagebar a, .pagebar a:visited{ color:#555}
	.pagebar span{font-weight:bold; color:#c00}
/* comment styles */

.msgbox {
  padding:6px 0;
  font-size: 12px;
  line-height: 1.5em;
  margin:8px 0;
  }
.msgbox li{ padding:5px 0}
.msgbox li .msgname{ background:#F6F1DE; padding:10px 15px;border:2px solid #F6F1DE; color:#A19A80}
.msgbox li .msgarticle{ border:2px solid #F6F1DE; padding:10px 15px;}

.msgname {

  margin: 0;
  padding: 5px;
  font-family: "Trebuchet MS",Tahoma,Arial,Sans-serif;
  font-size: 12px;
  color: #333;
  text-transform:uppercase;
  }

.msgarticle{ clear:both; } 
.msgname .msgarticle{padding:8px 10px;}
.msgarticle blockquote{ background:none; border:none}
.msgarticle p{ margin:0; padding:0px 0; border-bottom:1px solid #eee; font-size:11px; color:#999}
	.msgarticle p a, .msgarticle p a:visited{ color:#c00; text-decoration:none; font-size:12px;}
	.msgarticle p a:hover{ color:#f60; }
#divCommentPost{ padding:10px; background:#ECF3F8;}
#divCommentPost .posttop{ font-size:12px; font-weight:bold; }
#divCommentPost #frmSumbit p{ padding:3px 0;}
#divCommentPost #frmSumbit p label{ font-weight:bold}
#divCommentPost #frmSumbit p input{ width:300px; padding:3px; color:#666; border:1px solid #999; border-bottom-color:#ddd; border-right-color:#ddd; line-height:130%;font:12px "Trebuchet MS",Tahoma,Arial,Sans-serif;}
#divCommentPost #frmSumbit p textarea{ width:510px; padding:3px; color:#666;border:1px solid #999; border-bottom-color:#ddd; border-right-color:#ddd;line-height:130%;font:12px "Trebuchet MS",Tahoma,Arial,Sans-serif;}
#divCommentPost #frmSumbit p .button{ width:auto; color:white; padding:2px 8px; background:#c30; border:1px solid #c00; border-bottom:2px solid #900;}
#divCommentPost #frmSumbit p #chkRemember{ width:auto}


blockquote {
  font-size: 1em;
  line-height: 1.5em;
  color: #666;
  margin:5px 0px;
  padding:10px;
  border:1px solid #E5E5E5;
  background-color:#F7F7F7;
  border-left:1px solid #43B300;
  }
blockquote p{margin:0; padding:0}



/* sidebar */
.sidebar{float:right; width:211px;}
.sidebar_content{padding-left:11px;}
.sidebar a, .sidebar a:visited{text-decoration:none;font-weight:normal;}
.sidebar a:hover{color:#C00; text-decoration:underline;}
.sidebar ul li{line-height:150%; padding:3px 0; text-align:left;  padding:3px 0; list-style:inside disc }
.sidebar h2, .sidebar h3{ background:#f7f7f7; padding:2px 8px; text-transform:uppercase; font-size:12px; margin-bottom:6px; border-top:1px solid #333}
.sidebar ul, .mid ul{padding:0 2px; line-height:20px;}

/* middle */

.mid{width:195px; float:left; background:url(default/icons.gif) no-repeat -312px -402px; padding-top:71px;}
.mid h2{ text-align:left; padding:10px 0 3px; border-bottom:1px solid #ddd; margin-bottom:8px;}
.mid_content{ padding:0 5px 0 15px; text-align:center;}
.mid_content iframe{ margin:0 auto; margin-top:5px;}
.mid_content .box{ text-align:center}
.mid_content .box #recently{ text-align:left}
.mid_content ul li{ text-align:left; padding:3px 0; border-bottom:1px solid #eee;}

.mid{ text-align:left}
.midbox{text-align:left; border-bottom:1px solid #000; padding-bottom:20px;}
.mid a, .mid a:visited{color:#333; text-decoration:none;}
.mid a:hover{color:#F30; text-decoration:underline}


/* middle list content */
#ulPrevious li .article-date{ display:none}


.box{padding-bottom:20px;}


/* linklist */
.links{padding:5px 0 15px;  border-top:1px solid #000; clear:both;}
.links ul{ overflow:hidden; zoom:1;}
.links ul li {
		list-style-type: none;
		display: inline;
		width:auto;
		float: left;
		margin: 0;
		margin-right:15px;
		padding:4px 0;
		overflow:hidden;
		zoom:1;
	}

	.links ul li a img {
		vertical-align:middle;
		margin-right:4px;
	}

	.links ul li a {
		display: block;
		margin: 0;
		font-weight:bold;
		text-decoration:none;
	}

	.links ul li	a:hover,
	.links ul li	a:active {
		text-decoration: underline;
		color: #C00;
	}	

/* douban box for future*/

.douban{padding:5px 8px;}
.douban table{width:99.9%;}
.douban td{width:49%; text-align:center;padding:8px 0;}


/* btn */

.textbtn{ display:block; width:80px; text-align:center;padding:1px 0px; border-bottom:2px solid #900; border-right:1px solid #900;   font-weight:bold;  background-color:#C00;color:white;}
.textbtn a{color:white; text-decoration:none;}
.textbtn a:hover{color:#ffc; }



/* greader share for future*/
.reader-publisher-module{border-bottom:1px solid #000; padding-bottom:5px;}
.reader-publisher-module ul li{list-style:disc inside; color:#333}
.reader-publisher-module ul li a{font-weight:normal; }
.reader-publisher-module ul li .s{color:#999; font-size:11px; font-family:MingLiU; }
.reader-publisher-module ul li .s a{color:#999;text-decoration:underline}
.reader-publisher-module ul li .s a:hover{color:#333}
.reader-publisher-module .f{text-align:right}
.reader-publisher-module .f a, .reader-publisher-module .f a:visited{color:#999; font-size:11px; }
.reader-publisher-module .f a:hover{color:#333}

/* share post */
#marks{margin:5px 0; overflow:hidden; zoom:1; background:#F6F1DE; padding:5px 8px; border:1px solid #C3BDA7; border-left:none; border-right:none}
#marks li{list-style:none; float:left;padding:0; padding-left:24px; margin-right:10px;}
#marks li a, #marks li a:visited{color:#333; display:block; float:left; height:18px; line-height:18px; font-weight:bold; text-decoration:none; padding:0 5px}

#marks li a:hover{color:#c00; background:#fff; text-decoration:none}
#marks .del{background:url(default/icons.gif) no-repeat top left; }
#marks .digg{background:url(default/icons.gif) no-repeat 0 -28px; }
#marks .google{background:url(default/icons.gif) no-repeat 0 -103px; }
#marks .yahoo{background:url(default/icons.gif) no-repeat 0 -64px; }
#marks .wong{background:url(default/icons.gif) no-repeat 0 -140px; }

#marks #markinfo{ line-height:18px; padding:0;}

/* twitter for future */
#twitter_div a, #twitter_div a:visited{ color:#999; text-decoration:underline; }
#twitter_div li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px}
#twitter_div a:hover{ color:#333; text-decoration:none;}

#twitter-link{ font-size:11px;}


#tab_traf div{ text-transform:uppercase; text-align:left; font-size:14px;}
#r_c_btm a{ font-size:11px; text-align:right}


/* profile */
.profile-datablock img{padding:4px; border:1px solid #EEE; border-right-color:#999; border-bottom-color:#999;}
.profile-datablock {
  margin: 0;
  }
.profile-content{
  overflow:hidden;
  zoom:1;  
}

.profile-img {
  float: left;
  width:75px;
  text-align:center;
  background: #fff;
  }
.profile-img img{ margin:0 auto}

.profile-data{
	float:right;
	width:110px;
}

.profile-textblock{ padding:0; margin:0; line-height:130%}

/* rss box */
.rsssbox{ padding:10px 0}
.rsscontent{}
.rsscontent strong{ display:block; padding-bottom:8px}
.rssline{ height:20px; background:url(default/rss.png) no-repeat 0 1px; padding-left:20px;}

.sidebar .rssline a, .rssline a:visited{ background:none; text-indent:0; color:#c00; font-weight:bold}
.sidebar .rssline a:hover{ background:#c00; color:#fff}

/* yupoo */
#yupooad{font-size:1px; height:0; overflow:hidden; padding:0; margin:0}

/* 代码高亮 */
pre{font-family:'Courier New' , Monospace; font-size:12px; width:99%; overflow:auto; margin:0 0 1em 0; background:#F7F7F7; }
pre ol, pre ol li, pre ol li span{margin:0 0; padding:0; border:none}
pre a, pre a:hover{background:none; border:none; padding:0; margin:0}
pre ol{list-style:decimal; background:#F7F7F7; margin:0px 0px 1px 3em !important; padding:5px 0; color:#5C5C5C; border-left:3px solid #146B00;}
pre ol li{list-style:decimal-leading-zero; list-style-position:outside !important; color:#5C5C5C; padding:0 3px 0 10px !important; margin:0 !important; line-height:1.3em}
pre ol li.alt{color:inherit}
pre ol li span{color:black; background-color:inherit}
pre .comment, pre .comments{color:#008200; background-color:inherit}
pre .string{color:blue; background-color:inherit}
pre .keyword{color:#069; font-weight:bold; background-color:inherit}
pre .preprocessor{color:gray; background-color:inherit}
pre .dp-xml .cdata{color:#ff1493}
pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069; font-weight:bold}
pre .dp-xml .attribute{color:red}
pre .dp-xml .attribute-value{color:blue}
pre .dp-sql .func{color:#ff1493}
pre .dp-sql .op{color:#808080}
pre .dp-rb .symbol{color:#a70}
pre .dp-rb .variable{color:#a70; font-weight:bold}
pre .dp-py .builtins{color:#ff1493}
pre .dp-py .magicmethods{color:#808080}
pre .dp-py .exceptions{color:brown}
pre .dp-py .types{color:brown; font-style:italic}
pre .dp-py .commonlibs{color:#8A2BE2; font-style:italic}
pre .dp-j .annotation{color:#646464}
pre .dp-j .number{color:#C00000}
pre .dp-delphi .number{color:blue}
pre .dp-delphi .directive{color:#008284}
pre .dp-delphi .vars{color:#000}
pre .dp-css .value{color:black}
pre .dp-css .important{color:red}
pre .dp-c .vars{color:#d00}
pre .dp-cpp .datatypes{color:#2E8B57; font-weight:bold}

/* comment START */
#commentlist {
	background:#FCFCFC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0 -15px;
	padding:0 15px 15px;
}
#commentlist ol, #commentlist li {
	list-style:none;
}
#cmtswitcher {
	background:#FFF;
	font-size:10px;
	padding-top:5px;
}
#cmtswitcher a.tab, 
#cmtswitcher a.curtab {
	padding:5px 10px;
	margin-bottom:-1px;
	display:block;
	float:right;
	color:#555;
	text-decoration:none;
}
#cmtswitcher a.tab {
	border:1px solid #FFF;
	border-bottom-color:#CCC;
}
#cmtswitcher a.curtab {
	background:#FCFCFC;
	border:1px solid #CCC;
	border-bottom-color:#FCFCFC;
}
#cmtswitcher .addcomment, 
#cmtswitcher .addtrackback {
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	font-size:11px;
	float:left;
	margin-right:15px;
	margin-top:4px !important;
	margin-top:3px;
}
#cmtswitcher .addcomment {
	background:url(default/icon.gif) 0 -112px no-repeat;
}
#cmtswitcher .addtrackback {
	background:url(default/icon.gif) 0 -144px no-repeat;
}
#comment_list .comment, #comment_list .messagebox {
	margin-top:15px;
}
.comment .author {
	float:left;
	width:81px;
	text-align:center;
}
.comment .pic {
	background:url(default/commentpoint.png) 100% 33% no-repeat;
	padding-right:14px;
	margin-top:10px;
}
.comment .pic img {
	padding:1px;
	border:1px solid #999;
}
.comment .name {
	width:67px;
	padding-right:14px;
	font-weight:bolder;
	overflow:hidden;
}

.comment .info {
	background:#EDEFF0 url(default/comment.gif) 0 0 no-repeat;
	float:left;
	padding:10px 15px 0;
	width:450px;
}
.comment .date, 
.trackback .date {
	float:left;
	font-size:10px;
}
.comment .act, 
.trackback .act {
	float:right;
	font-size:10px;
}
.comment .content {
	background:url(default/comment.gif) 100% 100% no-repeat;
	margin:0 -15px;
	padding:0 15px 10px;
	line-height:145%;
}
.comment .content p {
	margin-top:10px;
}
.comment .content blockquote p {
	margin-top:0;
	margin-bottom:10px;
}

#respond {
	padding:10px 0;
	font-size:11px;
}
#respond .row {
	margin-bottom:5px;
	/*position:relative;*/
}
#respond .textfield {
	width:200px;
}
#submit {
	font-size:10px;
	padding:4px;
}
#submitbox a.feed {
	background:url(default/icon.gif) 0 -256px no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	float:left;
}
#emoticon {
	float:right;
	margin-top:1px;
	margin-right:10px;
}
#content {
	width:550px;
}
/*回复评论*/
.comment_reply {width:98%;margin:0 auto;margin-top:10px;}
.reply {margin-bottom:5px;width:100%;border:1px solid #ccc;background:#fff}
.reply dt, .reply dd {margin:0;padding:2px;font-weight:normal;font-style:normal;}
.reply_info {font-size:11px;}
.reply_info a {font-size:12px;font-weight:bold;}
.comment_reply .avatar {float:left;width:35px;border:none;}

.fixed{
	clear:both;
}
/* comment END */