@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 designed 

	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",Georgia; 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:35px; margin:3px 0; overflow:hidden; line-height:17px; }
#sidebar .recentcomment ul li img { border:1px solid #EEEEEE; float:left; margin-right:5px; padding:1px; }
#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; height:100%; /*IE 6 border bug*/}
.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; }