/*
Theme Name:   Pingfan v1
Theme URI:    http://tt3g.net/blog
Description:  Pingfan v1.0.1, organized theme by <a href="http://tt3g.net/blog">Ray ma</a>.
Version:      0.1
Author:       Ray ma
Author URI:   http://tt3g.net/blog
*/

/*==* body *==*/
html{background:#fff url(images/bg.gif) 0 0 repeat-x; border-top:5px solid #f60; color:#333;}
body{background:url(images/header.gif) left 0 no-repeat;text-align:center;font:12px/185% "Trebuchet MS",Arial,Helvetica,sans-serif;}
a{ color:#f60;}
a:hover{color:#666; text-decoration:none;}
.clear{ clear:both;}
.font12{ font-size:12px;}
.padding10{ padding:10px;background-color:#FDFDF0; color:#666; line-height:170%;}
.imgstyle{ padding:2px; display:block; float:left; margin-right:8px; margin-bottom:5px;}
.alignleft{ float:left;}
.alignright{ float:right;}

#header,#wrap{margin:0 auto;}

/*==* header *==*/
#header{ width:670px;height:151px;padding-left:300px;}
	h1{width:250px;float:left;background:#f60;color:#fff;height:80px;line-height:80px;margin-top:25px; font-family:MingLiU; font-size:30px;}
	h1 span{font-size:12px;display:none;}
	h1 a{text-decoration:none;color:#fff; }
	h1 a:hover{text-decoration: underline;color:#fff}
	
	/* search Form */
	#searchbox{float:right;width:250px;padding:50px 50px 0 0;}	
		#searchbox input{ float:left;border:1px solid #ccc;}
		input#keyword{width:150px;height:18px; line-height:18px;border-right:0px;padding-left:2px;font-size:11px;}
		input#searchbutton{background:#f60 url(images/topnav.png);color:#fff;font-size:11px;width:30px;height:20px;border:1px solid #f60;}
		
	/* nav */
	#nav{ width:100%;height:37px;margin-bottom:10px;}
	#nav_items {height:35px;line-height:35px;background:#eee url(images/navbg.gif) bottom repeat-x;border-top:1px solid #ccc;}
	#nav_items ul {height: 25px;width:980px; margin:0 auto;font-size:14px;}
	#nav_items li {float:left;height:35px;line-height:35px;width:100px;border-right:1px solid #eee;}
	#nav_items li a{text-decoration:none;display:block;color:#666;}
	#nav_items li a:hover{color:#f60;}
	#nav_items li.current-cat,
	#nav_items li.current_page_item{color:#f60;height:35px;background:#fff url(images/nav_selectbg.gif) center 1px no-repeat;cursor: default;margin-top:-3px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:3px solid #f60; font-weight:bold;}	
	#nav_items li.current-cat a,
	#nav li.current_page_item a{ color:#f60;}	

/*==* wrap *==*/
#wrap{ width:970px;background:#fff;text-align:left;}

/*==* content *==*/
#content{ width:680px; float:left; font-size:14px;}
	.storytitle{ font-size:26px; font-weight:bold;padding:5px 0 15px;color:#f60;}
	.storytitle a{ color:#f60;}
	.meta{ font-size:12px;}
	.meta h4{ color:#666;font-weight:100}
	.meta h4 a{ color:#666; margin:0 2px;font-weight:bold;}
	
	/* post */
	.post{border-bottom:1px solid #E6E6E6;margin-bottom:25px; padding-bottom:20px; clear:both;font: 14px/185% "Trebuchet MS",Arial,Helvetica,sans-serif;}

/*==* sidebar *==*/
#sidebar{ width:260px; float: right;}
	#sidebar h2{ font-size:12px; border-bottom:1px solid #eee; font-weight:bold; margin-bottom:3px; color:#666;}
	li.new_post,li.new_comments,li.linkcat,li.meta,li.about_me{ margin-bottom:20px;}
	/*about me*/
	li.about_me img#me{padding:2px;margin-right:5px;display:block; float:left;border:1px solid #ccc; width:36px; margin-top:5px;}
	li.about_me #myinfo{padding-bottom:10px;font:10px/17px Verdana, Geneva, sans-serif;}
	

/*==* comments *==*/
#commentlist{ width:680px; clear:both;padding-top:20px;}
	#commentlist p{ margin:0; padding:0;}
	#commentlist li{font-size:12px;display:block; clear:both; margin-bottom:20px; }
	#commentlist img.avatar{background:url(images/comment-avatar-alt.gif) center top no-repeat;float:left;margin-right:20px;padding:5px 6px 6px 5px;}
	#commentlist .comment_box{color:#666;float:left;width:580px;background:#fdfdf0;border:1px solid #F0E6CC; position:relative;}	
	.comment_timeshow{padding:0 10px 3px;}
	#commentlist .comment_textshow p{padding:5px 10px;}
	#commentlist .comment_textshow .chalt p,
	#commentlist .comment_textshow p.thdrpy{padding:0;}
	#commentlist .comment_box_bg{ width:50px; height:80px; background:url(images/comment_boxbg.gif) right center no-repeat; position:absolute; z-index:100; top:-12px; left:-49px; display:block;}
	#commentlist cite{ color:#999; font-style:normal;}
	#commentlist cite b{ color:#666;}
	
	h2#comments { font-size:16px;}
	h2#comments p{ float:right; font-size:11px;}
	h2#comments p a{ padding:0 5px;}
	/* commentform */
	#commentformbox h2#postcomment{color:#f60; font-size:26px; margin-bottom:20px; background:url(images/postcomment.gif) left 0 no-repeat; padding-left:45px; line-height:37px; height:37px;}
	#commentform{ width:485px; color:#666; margin-left:62px; margin-top:8px;background:#fdfdf0; padding:20px 50px 20px;}
	#commentform textarea#comment{ width:500px;height:150px;border:1px solid #eee;background:#fff url(images/text-bg.gif) left top repeat-x;}
	#commentform p{line-height:25px;clear:both; padding:0; margin:0;}
	#commentform label{height:25px; line-height:25px;float:left;width:220px;margin:0; padding:0;margin-bottom:25px;overflow:hidden;padding-left:5px; }
	#commentform label small{ font-size:14px;display:block;height:25px; line-height:25px;; }
	input#author,
	input#email,
	input#url{ width:220px; border:1px solid #eee;height:25px;line-height:25px;padding-left:2px; float:left;background:#fff url(images/text-bg.gif) left top repeat-x;}
	input#submit{ margin:10px 0;height:25px;line-height:25px;background:url(images/comm_sub.gif) left top repeat-x;color:#fff;border:0;font-size:11px;width:130px;}
	
	#commentlist .comment-childs img.avatar{ margin-right:10px;}
	p.thdrpy{ position:absolute;right:10px;top:10px;}
	.editComment, .editableComment, .textComment{display: inline;}
	.comment-childs{padding:10px;}
	.chalt{background-color:#f9f9f9; margin-top:8px; position:relative;}
	#newcomment{border:1px dashed #777;width:90%;}
	#newcommentsubmit{color:red;}
	.adminreplycomment{border:1px dashed #777;width:99%;margin:4px;padding:4px;}
	.mvccls{color: #999;}
	
	.feedback h3{ font-size:12px;}
	
	/*随机文章*/
	#random_posts_box{clear:both; border:1px solid #E6E6E6;height:25px;line-height:25px;overflow:hidden;margin-bottom:10px;}
	#random_posts_box h2{ float:left;color:#666; width:70px; text-align:center; background:#E6E6E6;font-size:12px;}
	#random_posts_list{float:left;padding-left:10px;background:url(images/random_posts_box_bg.gif) left center no-repeat;}
	#random_posts_list li{ float:left;width:280px;display:block; font-size:12px; background:url(images/sidebar_li_bl.gif) left center no-repeat; padding-left:10px; margin-left:5px;}
	#random_posts_list li a{ color:#666;}

/*==* footer *==*/
#footer{clear:both; text-align:center; padding:20px 0;}

	/*Hack*/
	html{*background-position: 0 5px;}/*for ie */
	#commentform label{*margin-bottom:5px;}/*for ie*/
	#nav_items li.current-cat,#nav_items li.current_page_item{_margin-top:-2px;}/*for ie6*/
	body:nth-of-type(1) li.about_me #myinfo{font:10px/17px "Trebuchet MS",Arial,Helvetica,sans-serif;}/*for Chrome(12px font-size bug)*/
	
	/*google wave*/
	#wave,
	#wave iframe{ height:500px; width:550px; display:block;}
	img.contentpic{ padding:2px; border:1px solid #eee;}
	
	/**/
	.rssme{background:#FFFCDE;color:#999;padding:5px 10px;font-size:12px;margin-top:8px;}
	.rssme img{ margin-right:5px;}
	
	p.postmetadata{display:none}