/*************************************
Theme Name: B-blog
Theme URI: http://www.cssWork.cn

Author: Haibo GU Ghbjy1128@Gmail.com
Development by: www.cssWork.cn
Last updated: 2008/12/23
*************************************/

*{padding:0; margin:0;}

a{text-decoration:none; color:#0a536e; padding:0 2px;}
a:hover{color:#fff; background:#052c50;}
img,a img{border:0;}
ul, li, dl, dt, dd{list-style:none;}
textarea,input,button,select{font-size:12px;font-family:Arial;}
.both{clear:both;}
.liuming{font-size:10px; font-family: Arial , 新細明體;}
input.on,textarea.on{border:1px solid #212121!important; background:#f8f8f8!important;}
a.more-link{padding-left:20px; background:url(images/more.gif) 12px 48% no-repeat; font-weight:bold; font-size:11px; color:#333;}

body{font-family:Arial; font-size:12px; background:url(images/bg.gif) top center no-repeat;}
#pages{background:url(images/bg2.gif) bottom center no-repeat; margin:0 auto;}

#header{overflow:hidden; width:830px; margin:0 auto; height:80px;}

	#header h1 a{position:absolute; height:73px;  margin:0 0 0 30px; width:152px; background:url(images/logo.gif) no-repeat; text-indent:-9999pt;}
	/* Header Nav Style */
	.page-navi{float:right; padding:58px 10px 0 0; color:#000;}
	.page-navi li{float:left; position:relative;}
	.page-navi li a{display:inline-block; padding:0 15px; height:22px; line-height:16px; color:#fff; position:relative; z-index:3;}
	.page-navi li span{position:absolute; z-index:2; left:0; padding:2px 0 0 16px;}
	.page-navi li.current_page_item a,.page-navi li a:hover{background:url(images/on.gif) bottom center no-repeat;}


#content{width:830px; margin:0 auto;}
#content .left{width:500px; float:left; padding:20px 15px 20px 25px;}
	#content .left .post{padding-bottom:35px;}
	#content .left .post h2{font-size:16px; padding:0 0 5px 0; color:#333; border-bottom:1px solid #c8c8c8;}
	#content .left .post h2 a{color:#333;}
	#content .left .post h2 a:hover{color:#000; background:none;}
	#content .left .post .text{line-height:20px; padding:10px 0 0 0; color:#666;}
	#content .left .post .info{padding:6px 0;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0; font-size:11px; color:#333; margin-top:15px;}
	#content .left .post .info span{padding:0 5px;}
	#content .left .post .info span.Comments{float:right;}
	#content .left .post .info a{padding:0 3px;}
	#content .left .post .info p.date{font-size:10px; color:#999; padding-left:5px;}
	#content .left .post img{border:1px solid #eee;  border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:490px;padding:3px; background:#fff;}

#content .right{width:250px; float:right; padding:20px 25px 20px 15px;}
	#content .right .box{padding:10px; background:#444; margin-bottom:10px; position:relative; line-height:18px;color:#eee;}
	#content .right .box a{color:#eee;}
	#content .right a.more{color:#999; background:#212121; height:17px;line-height:17px;width:50px;text-align:center; font-size:10px; float:right; margin:-7px -10px 0 0; position:relative;}
	#content .right a.more:hover{color:#eee;}
	#content .right h2{font-size:14px; padding-bottom:7px; color:#fff;}
	#content .right input{width:218px; height:20px; background:#fff; border:1px solid #b2b2b2; color:#888; padding:6px 0 0 10px;}
	#content .right .about img{height:65px; width:65px; padding:3px; background:#fff; float:left; position:relative; margin:3px 9px 0 0;border:1px solid #666; border-bottom:1px solid #222; border-right:1px solid #222;}
	#content .right .about p.cc{border-top:1px solid #5d5d5d; margin-top:5px; padding:5px 0 10px 15px;}
	#content .right .about p.cc a{background:url(images/CC.gif) left 45% no-repeat; padding-left:20px;}
	#content .right ul.list li{margin:0 -10px; padding:0 10px; position:relative;}
	#content .right ul.list li.current-cat{background:url(images/on2.gif) left 45% no-repeat;}
	#content .right ul.list li a{display: inline-block; width:223px; height:22px; padding:5px 3px 0 3px; border-bottom:1px solid #5d5d5d;}
	#content .right ul.list li a:hover{background:#333;}
	#content .right ul.list span{font-size:10px; color:#999; position:absolute; top:7px; left:220px;}
	#content .right .tags{line-height:normal;}
	#content .right .tags a{padding:1px 4px; display:inline-block; background:#212121; border-right:1px solid #000; margin:1px 3px; border-bottom:1px solid #000; color:#999;}
	#content .right .tags a:hover{color:#eee;}
	#content .right .link .linkcat{font-size:14px; color:#fff; font-weight:bold;}
	#content .right .link .linkcat ul{font-size:12px; color:#eee; padding:5px 0 10px 15px; font-weight:normal;}
	#content .right .link .linkcat ul li{height:18px;}
	code,.code{display:block; padding:15px 8px 8px 38px; margin:15px 0; color:#787878; background:url(images/sd.gif) 3px 3px no-repeat #f8f8f8;}
	/* 翻页 */
	.pagebar{clear:both; padding:0 0 20px 15px;}
	.pagebar A{color:#666;padding:2px 5px;margin-right:2px; background:#e5e5e5; }
	.pagebar A:hover {background:#c5c5c5;text-decoration:none;color:#666;}
	.pagebar SPAN.this-page{FONT-WEIGHT: bold;padding:2px 6px;margin-right:2px; background:#aaa;}
	/* 留言 */
	.commentsBox{width:500px; overflow:hidden; margin:-20px 0 0 0 ;}
	.commentsBox .commentlist{ line-height:18px;}
	.commentsBox .commentlist .comment-author{ position:relative; margin:8px 5px; float:left; border-bottom:1px solid #dfdfdf; padding:5px 0 10px 0; color:#666; min-height:50px;_height:50px;}
	.commentsBox .commentlist .commentText{padding:5px 0 0 0; width:428px; float:right;}
	.commentsBox .commentlist strong{font-size:14px; color:#333;}
	.commentsBox .commentlist img{float:left; padding:2px; margin:0 10px 0 0;border:1px solid #eee;  border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
	.commentsBox .commentlist .comment-h A{position:absolute; height:14px; overflow:hidden; width:12px; background:url(images/comments.gif) no-repeat; text-indent:-999pt; right:0; bottom:0;} 
	/* 嵌套 */
	.commentsBox .commentlist .children{clear:both;}
	.commentsBox .commentlist .children .comment-author{position:relative; width:465px; margin:3px 5px 3px 30px; _margin-left:15px; float:left; border-bottom:1px solid #dfdfdf; padding:0 0 3px 0; color:#999; min-height:24px;_height:24px;}
	.commentsBox .commentlist .children .commentText{padding:0; width:428px; float:right; margin:-3px 0 0 0;}
	.commentsBox .commentlist .children strong{font-size:12px; color:#666;}
	.commentsBox .commentlist .children img{float:left; padding:2px; margin:3px 10px 0 0;border:1px solid #eee;  border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
	/* 回复 */
	.commentsBox .respond{background:#eee; width:469px; margin-left:5px;_margin-left:7px; padding:10px; color:#888; clear:both; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
	.commentsBox input{height:18px; padding:4px 5px 0 5px; background:#fff; color:#888; width:260px; border:1px solid #c3c3c3; margin:3px 5px 3px 0;}
	.commentsBox textarea{height:100px; padding:5px; background:#fff bottom right url(images/textarea.gif) no-repeat; color:#888; width:460px; border:1px solid #c3c3c3; margin:3px 0;}
	.commentsBox input#author{width:160px;}
	.commentsBox input#submit{width:110px; text-align:center; height:25px; padding:1px 0 0 0; color:#222; cursor:pointer; border:1px solid #e8e8e9;}
	.commentsBox input#submit:hover{border:1px solid #c3c3c3;}
	span.reply_link{ margin:6px 0 0 0; position:absolute;}
	
#footer{width:820px; margin:0 auto; height:18px; padding-right:10px; font-size:10px; background:url(images/bg_footer.gif) repeat-x top; text-align:right; color:#eeeeee;}
#footer a{color:#eee;}