@charset "utf-8";
@import url('css/reset.css');					/*used reset style */
@import url('css/plugins.css');					/*used plugin`s style*/
@import url('css/compatible.css');				/*used special styles for compatible*/
@import url('css/modify.css');					/*used update style*/

/*----------------------------------------------------------
	Theme Name: silence
	Theme URI: http://www.keelii.cn/mytheme/silence
	Description: This wordpress theme is desgined 
	by <a href="http://www.keelii.cn">kily</a> , 
	clean and simple with two columns,It was also
	passed test in IE6,IE7 and almost every standard browser 
	Version: 2.0
	Author: Kily Zhou
	Author URI: http://www.keelii.com/
	Tags: gray,fixed-width, two-columns
-------------------------------------------------------------*/

/*global*/

html 		{ background:url(images/html.jpg) repeat}
body 		{ width:100%;display:table; background:url(images/header.png) top center no-repeat; font:62.5% Georgia, "宋体", "Times New Roman", Times, serif; text-align:center;}
#page 		{ width:976px;  margin:0 auto; text-align:left; font-size:1.4em}

/*header*/
#header 				{ position:relative; height:278px;}

#headerimg h1 a 		{ position:absolute; width:153px; height:30px; display:block; top:93px; left:55px;}
#headerimg h1 a span,
.description  			{ display:none;}

#navigation 			{ position:absolute; top:28px; right:20px; width:100px; height:200px; background:#000; overflow:hidden;}
#navigation li 			{ width:100px; border-bottom:1px solid #352929}
#navigation li a 		{ width:100px; display:block; height:25px; padding-left:17px; line-height:25px; font-size:12px; font-weight:bold; color:#ab8484;}
#navigation li a:hover 	{ background-color:#e6b800; color:#664444;}

#navigation .myrss a:hover	{ background-color:#000; }
#navigation .myrss 			{ padding:20px 5px; border:none;}
#navigation .myrss a 		{ display:block; width:91px; height:29px; background:url(images/sprite-bg.jpg) left top no-repeat; text-indent:-9999px; }


/*container*/
#container 				{ height:1%; overflow:hidden; width:976px; background:url(images/content-bg.jpg ) center top repeat-y;}


/*content*/
#content				{ position:relative; float:left; width:586px; overflow:hidden; padding:40px 20px 50px 80px; background:url(images/header.png) -352px -278px no-repeat;}
.home .navigation 		{ display:none; }

#content .post 			{ position:relative; padding:10px 0;}
#content .post h2		{ border-bottom:1px solid #664444; padding-bottom:6px; color:#dd0000;}
#content .post h2 a,
.untagged h2 a,
.single h2 				{ font:22px/100% "黑体",Georgia; color:#dd0000;}

#content .p1 			{ padding-top:0;}
.p1 .article-date		{ background:none;}
.article-date 			{ width:69px; height:74px; background:url(images/sprite-bg.jpg) left -29px no-repeat; position:absolute; left:-81px; top:0px; }
.p1 .article-date 		{ margin-top:-30px; margin-left:5px;}
.article-date div 		{ text-align:center; margin-right:12px;  }
div.post-month 			{ font-size:12px; color:#f8bfbf; margin-top:17px;}
div.post-date 			{ font:30px "Brush Script Std"; color:#dd0000; margin-top:-3px; }

#content .post .entry-meta a		{ height:30px; font-size:12px; color:#c3bb70; }
#content .post .entry-meta a:hover	{ text-decoration:underline; }
#content .post .entry-meta			{ margin-top:3px; color:#e0d36d; font-size:12px; height:20px; line-height:20px; }
#content .post .comments-link 		{ position:absolute; right:20px; }
.cat-links,.comments-link
,.tag-links 						{ padding-left:25px; padding-bottom:5px; }
.cat-links 						{ background:url(images/sprite-bg.jpg) left -103px no-repeat; }
.comments-link 					{ background:url(images/sprite-bg.jpg) left -129px no-repeat; }
.tag-links 						{ background:url(images/sprite-bg.jpg) left -158px no-repeat; }

.entry-content					{ width:588px;}
.entry-content h3 				{ font-family:"黑体"; color:#dd0000; margin:20px 0; }
.entry-content a 				{ color:#f00; border-bottom:1px dotted #f00; }
.entry-content a:hover 			{ border-bottom:1px solid #f00;;}
.entry-content img 				{ padding:3px; border:1px solid #ccc; background:#eee; }
.post p 				{ margin:15px 0; line-height:1.5em; }
.post ul 				{ padding-left:10px; margin:10px; color:#664444;}
#content blockquote		{ border:1px solid #fff; border-left:5px solid #996767; margin:0 10px; color:#996767; padding:0px 10px; background:#eee; overflow:hidden; font-size:12px; font-family:"Courier New", Courier, monospace; }
.quotebox {  }
#content blockquote p 	{ margin:0;}
.post .more-link 		{ background:url(images/sprite-bg.jpg) left -276px no-repeat; padding-left:18px;}

.entry h3 		{ color:#d00; font:1.2em "黑体"; margin:20px 0; }
.page h2 		{ font:1.6em "黑体" }
.entry a 		{ border-bottom:1px dotted #f00; color:#f00;}
.entry a:hover 	{ border-bottom-style:solid; }

/*sidebar*/
#sidebar				{ float:right; width:272px; padding:30px 18px 50px 0; }
#sidebar a,#sidebar		{ font-size:12px; color:#996666; }
#sidebar a:hover 		{ color:#664444; border-bottom:1px dashed #664444; }
#sidebar h2 			{ color:#eee; font:12px "黑体"; height:27px; line-height:27px; background:#666; padding-left:7px; }

#sidebar ul li ul,
#sidebar form	 		{ padding:10px;}
#sidebar form div 		{ height:1%; overflow:hidden;}
#sidebar form input,#s 	{ display:block; float:left; border:1px solid #ccc;}
#s 						{ padding:3px 4px; width:150px; font-family:Verdana, Geneva, sans-serif; }
#searchsubmit 			{ width:58px; height:24px; border:none; background:url(images/sprite-bg.jpg) -1px -303px no-repeat; margin-left:10px; display:inline; text-indent:-9999px; }

.avatar 						{ padding:1px; margin:2px; border:1px solid #ccc; float:left;}
#sidebar .recentcomment ul li 	{ height:30px; overflow:hidden; line-height:14px; }

#sidebar ul li ul li 		{ line-height:150%;}
.cat-link 					{ height:1%; overflow:hidden;}
.cat-link a 				{ display:block; height:26px; line-height:26px; /*background:url(images/sprite-bg.jpg) -9px -360px no-repeat;*/  border-bottom:1px solid #ccc; padding-left:10px;}
#sidebar .cat-link a:hover 	{ border-bottom:1px solid #ccc; background:#f2f2e1; /*background:url(images/sprite-bg.jpg) -9px -403px no-repeat;*/ }
.categories,.linkcat 		{ float:left;}
.categories 				{ width:140px;}
.linkcat 					{ width:130px;}
.archives ul 				{ height:1%; overflow:hidden;}
.archives a 				{ float:left; width:100px; height:25px; line-height:25px; padding-left:10px;}
#sidebar .archives a:hover 	{ border:none; padding-left:10px; margin:0;}

.screen-reader-text 		{ display:none; }

/*single*/
#postpath 						{ margin:15px auto 0 90px; color:#bbb; position:absolute; top:0; left:0; }
#postpath,#postpath a 			{ font-size:12px; }
#postpath a 					{ color:#d00; border-bottom:1px dotted #d00; }
#postpath a:hover 				{ border-bottom-style:solid; }
.single #content .entry-date 	{ position:absolute; top:-30px; left:-65px; text-align:center;}

.navigation			{ height:15px; overflow:hidden; margin:10px; padding:6px 5px; border:1px solid #f8bfbf; background:#ffffee; color:#664444;  }
.nav-previous 		{ float:left; padding-left:15px; background:url(images/sprite-bg.jpg) left -188px no-repeat; }
.nav-next			{ float:right; padding-left:15px; background:url(images/sprite-bg.jpg) left -212px no-repeat; }
.navigation,.navigation a { font-size:12px; }

.collect  			{ height:30px; line-height:30px; font-size:12px;}
.collect span 		{ font-weight:bold; color:#09F; }
.collect strong 	{ color:#9F0}

#related_post h3,
#comments,
#respond h3 			{ font-size:14px; color:#cca300; border-bottom:1px solid #666; padding-bottom:3px; padding-top:20px; }
#related_post a 		{ color:#cc8989; font-size:12px;}
#related_post a:hover 	{ color:#000;}
#related_post ul 		{ margin:5px;}
#related_post ul li 	{ position:relative; margin:2px 0px; padding-left:15px; background:url(images/sprite-bg.jpg) left -253px no-repeat; }

.commentlist,
.commentlist a 			{ font-size:12px; color:#999; }
.comment 				{ border:1px solid #eee; padding:5px; margin:5px 0; }
.comment-body div 		{ height:20px; line-height:20px;}
.comment-body p 		{ margin:5px; color:#333; }

#commentform 			{ margin-top:20px; font-size:12px;}
#commentform input,
textarea 				{ border:1px solid #ccc; padding:2px 4px; margin-top:5px; font-size:12px;}
textarea 				{ width:60%; height:100px; }
.commentbox label 		{ display:none; }
#respond form p 		{ margin:4px 0; }
#respond form input,
#respond form textarea 			{ padding:1px; border:1px solid #ccc; }
#respond form .submitbtn input 	{ border:none; }
#submit							{ float:left; background:none; display:block; width:70px; height:25px; background:url(images/sprite-bg.jpg) left -326px no-repeat; text-indent:-9999px;}
.submitbtn 						{ height:1%; overflow:hidden; }
.submit-tips 					{ font-size:10px ; color:#333; float:left; padding-left:8px; position:relative; top:10px;}

/*page*/
.archive .entry,.category .entry 	{ display:none;}
.pagetitle 							{ text-align:center; font-style:italic; color:#ccc;}
.post h3 a 							{ font:18px "黑体"; color:#dd0000;}
.category .post h3,
.archive .post h3,
.search .post h3 					{ border-bottom:1px solid #644; padding-bottom:3px; margin-bottom:10px;}
.postmetadata,.postmetadata a 		{ font-size:12px; color:#666;}
.postmetadata a:hover				{ text-decoration:underline; }
small 								{ font-size:12px; color:#999;}
#sidebar p 							{ border:1px dotted #ccc; padding:8px 5px; margin:5px; color:#000;}

.blogroll 					{ height:1%; overflow:hidden; }
#content .blogroll li 		{ float:left; width:150px; height:25px; margin-right:5px; margin-bottom:5px; padding-left:20px; line-height:25px; background:url(images/sprite-bg.jpg) left -205px no-repeat; }
.page .blogroll li a 		{ font-size:12px; }
.page p            			{ clear:both; }

#comments 					{ padding-left:20px; background:url(images/sprite-bg.jpg) -5px -454px no-repeat; margin-bottom:10px; }

/*footer*/
#footer 	{ width:100%; display:table; height:193px; padding-top:108px; margin:0 auto; background:url(images/footer.png) center top no-repeat; text-align:left; }

.footer		{ position:relative; width:960px; margin:0 auto; font-size:1.2em; }

.footer-content 	{ float:left; width:300px; }
.footer-content h3 	{ margin-left:-5px; margin-top:3px; font-size:18px; color:#ab0000; font-weight:normal;  padding-bottom:12px; }
.footer-content a 	{ font-size:12px; color:#eee; }

.footer-content  		{ height:200px; padding-left:60px; }
.footer-content a:hover { color:#999;}
.footer-content ul 		{ padding-left:15px; }

#readerwall 			{ margin-left:-40px;}
#readerwall ul 			{ margin-left:-10px; width:260px;}

#copyright 				{ position:absolute; right:10px; top:30px; width:200px; height:100px; }
#copyright p 			{ text-align:right; line-height:150%; color:#fff; }
#copyright p a 			{ color:#780000; }
#copyright p a:hover 	{ border-bottom:1px solid #780000;}
#copyright.myblogname 	{ color:#ab8484; }

/*404*/
.four04 #content h2,.search-no-results #content h2 { font:1.4em "黑体"; color:#dd0000; margin-bottom:30px;}


/*clear*/
.clear 			{ clear:both; overflow:hidden; }
.clearleft 		{ clear:left; }
.clearright     { clear:right; }