/*
Theme Name: A9
Theme URI: http://kan.willin.org/?p=1330
Description: A9 built-in functions:Ajax-comments, Anti-spam, Change-header-image, Change-sidebar-position, Comment-embed-images, Comments-distinction, Comment-mail-notify, Gavatar-cache, Http-gzip, Mini-pagenavi, Popular-posts, Related-posts, Recent-comments... all my own codes. also Valid XHTML & CSS.
Author: Willin Kan
Author URI: http://kan.willin.org/
Version: 1.9.3
*/

/* common define */
html          {background:url(../../../bg.jpg) #3c4145;}
body          {margin:0; padding:0; font:15px/25px Arial; color:#2e3234; cursor:default;}
a             {color:#2e3234;}
a:hover       {color:#337;}
img           {margin:0; border:0;}
ol, ul, li    {list-style:none; margin:0; padding:0;}
p             {margin:3px 0;}
h3            {color:#e8eeff;}
dt            {font-weight:700;}
dd            {margin:0 0 0 10px;}
abbr, acronym {cursor:help;}
blockquote    {padding:2px 25px; background:#ccd0d2; font-size:120%; font-style:italic;}
sup, sub      {font-size:10px;}
noscript p    {display:inline; color:#f25;}

.wp-smiley, #respond img{vertical-align:middle;}
input[type=submit], button, input.button{font:15px/19px Arial; background:#72797d; color:#e8eef4; height:25px; width:80px; cursor:pointer; border-top:1px solid #aaa; border-right:1px solid #888; border-bottom:1px solid #3b3b3b; border-left:1px solid #777;}
input[type=submit]:hover, button:hover, input.button:hover{background:#626a6d; color:#aab; border:1px solid #666;}

#pagenavi     {margin:5px 10px 8px;}
.page-numbers, .current{margin:10px 2px; padding:1px 8px;}
.page-numbers {background:#777e7f; color:#fff; text-decoration:none;}
.page-numbers:hover{background:#565e67; color:#ccd;}
.prev, .dots, .next{border:none;}
.dots         {color:#fff;}
.current, .current:hover{background:#282c30; color:#bbc0c8; border:1px solid #282c30;}

/* #wrapper = #header + (#sidebar + #content) keep 86% width */
#wrapper      {width:88%; min-width:750px; margin:10px auto 0;}

/* header */
#header       {height:149px; background:url(img/header.jpg) no-repeat right #000;}
#logo         {display:block; width:72px; height:72px; margin:16px 10px 0 20px; float:left; background:url(img/logo72.png) no-repeat;}
#cssChanger   {float:right; margin:15px;}
#cssChanger a {cursor:pointer; text-decoration:none; color:#a46;}
#cssChanger a:hover{color:#fff;}

#site-title   {margin:0 0 4px; padding-top:27px; font:30px/24px Arial; font-weight:700;}
#site-title a {text-decoration:none; color:#78f;}
#site-title a:hover{color:#fff;}

#searchform   {opacity:.8; float:right; margin-right:10px; position:relative; top:30px;}
#s            {opacity:.8; width:122px; height:21px; margin-bottom:1px; padding-bottom:0;}

.screen-reader-text{display:none;}
.description  {font-weight:700; color:#858B8E;}
#hosting img  {margin-top:5px; width:190px; height:50px;}

/* #sidebar */
#sidebar      {margin:5px 0; padding:0 2px; background:#b2b5b8;}
.widget       {margin:6px 4px; background:url(img/widget-up.png) repeat-x #989fa4; border:1px solid #eee;}
.widget h3    {font-size:15px; padding:3px 0; cursor:default;}
.slide-area   {background:url(img/widget-dn.png) repeat-x bottom #989fa4;}
.slide-area   {padding:0 0 8px 5px; z-index:99;}
.slide-area li{padding:2px 4px 2px 12px; margin-right:4px;}
.slide-area li:hover{background:#8a9396;}
.slide-area ul li{padding:2px 8px;}
.slide-area ul li:hover{background:#808787;}
.slide-area ul li ul li:hover{background:#787f7f;}
.slide-area ul li ul li ul li:hover{background:#6d7575;}

.recentcomments li{height:50px; font-size:12px; overflow:hidden; }
.recentcomments .avatar {float:left; margin:6px 8px 0 -3px; width:38px; height:38px;}
.recentcomments a{display:block; overflow:hidden;}
.recentcomments a img{max-width:100px; max-height:47px;}

/* sidebar at left */
#sidebar{width:20%; float:left; height:auto;}
.widget{float:none; max-width:none;}
.widget h3{margin:0 10px; text-align:left;}
.slide-area{display:block; position:static;}
#content{width:79%; float:right; padding:0 0 0 .4%;}
.recentcomments li{width:auto;}

/* #content */
#content li   {padding-left:15px;}
#content .wp-caption{background:#eee; line-height:15px; margin:0 5px; padding:2px; text-align:center; display:inline-block;}
#content .wp-caption p.wp-caption-text{color:#555; margin:0 auto 5px;}

.query-info   {margin:5px 0; padding:8px 50px; background:url(img/on.gif) no-repeat 12px 3px #8b9296; color:#eef; font-size:17px; border:1px solid #99a; border-top:1px solid #bbb;}

.entry        {margin:5px 0; padding:0 16px 5px; overflow:hidden; background:#b6b9be; color:#1e2222; border:1px solid #c6cbca; border-top:1px solid #eee;}
.entry h3, .entry h5{color:#fff;}
.entry h4     {font:18px/12px Arial; font-weight:700;}
.entry h5, .entry h6{font:12px/10px Arial; font-weight:700;margin:16px 0;}
.entry img    {margin:5px;}
.entry p      {margin:12px 0;}
.entry .alignleft  {float:left; text-align:left; margin-right:10px;}
.entry .aligncenter{display:block; margin-left:auto; margin-right:auto; text-align:center;}
.entry .alignright {float:right; text-align:right; margin-left:10px;}

.single-entry ol li{list-style:decimal inside;}
.single-entry ul li{list-style:square inside;}
.single-entry      {padding-bottom:16px; background:url(img/signature.png) no-repeat right bottom } /* 只在 single 出現的簽名圖 */

.post-title   {font:22px/24px 'Trebuchet MS'; font-weight:700; margin:10px 0;}
.post-title a {text-decoration:none;}

.sticky       {float:left; margin:8px 5px 0 0; font-size:14px; color:#fff;}

.postmetadata {margin:0 -11px; padding:3px 20px; background:url(img/metabg.png) #a8acb1; border:1px solid #939EA0; border-top:1px solid #B1BABC;}
.postmetadata a, .commentmetadata a, small {text-decoration:none;}
.postmetadata img{margin:0; vertical-align:middle;}
.postmetadata .sticky{font-size:14px; color:#fb4;}

#center       {font-size:13px; color:#444;}
#center h3    {margin:0 0 12px;}
.nofind       {position:relative; bottom:60px; font-size:22px; font-weight:700; padding:20px 70px; background:url(../../../wp-includes/js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/confirm.gif) no-repeat 30px 19px #D6D7D5; color:#fff;}

.ajax-post    {opacity:.4;background:#C7C9D4; cursor:pointer; display:inline-block; padding:0 10px; border:1px solid #889;}
.ajax-post:hover{opacity:1;background:#D7D9FF;}

/* links */
.xoxo         {margin:10px; padding:10px 10px 20px; background:url(img/friendship.jpg) no-repeat top right #343635;}
.xoxo img     {margin:0; padding:0; width:16px; height:16px;}
.link-entry .post-title{margin-left:12px;margin-bottom:0;}
.link-entry img{margin-right:8px; vertical-align:middle;}
.link-entry a {text-decoration:none;}

/* comment */
#comments     {margin:0; padding:15px 12px 5px;}
.commentlist .comment{clear:both; padding:5px; border:1px solid #9ca4a0;}
.odd, .avatar {background:#babdc1;}
.even         {background:#aaaeb2;}
.depth-1      {margin:5px; border:1px solid #c2c2c2;}
.children     {margin-left:10px;}

.vcard .avatar{margin:5px 10px 0 0; float:left; width:50px; height:50px;}
.vcard cite   {font-size:17px; line-height:36px;}
.comment p, #submit{margin-left:6px;}
.comment img  {max-width:97.5%;}

.inverse_color, .link-entry {color:#ddd;}
.inverse_color a, .link-entry a:hover{color:#bbb;}
.inverse_color a:hover, .link-entry a{color:#fff;}

/* respond */
#respond      {clear:both; margin:5px 8px 20px; padding:5px 10px 10px; overflow:hidden; background:#a0a5aa; border-top:1px solid #ccc; border-right:1px solid #898; border-bottom:1px solid #666; border-left:1px solid #898;}
#respond h3, #respond p{margin:3px 0;}
#author-info  {position:absolute; margin:10px 0 0 15px; display:none;}
#author-info img{height:60px; width:60px;}
.author-name  {font-size:22px; font-style:italic; margin-left:8px;}

#comment-author-info{float:left; margin:0 5px;}
.comment-reply-link, .commentmetadata, .small, #toggle-comment-author-info{font-size:12px; color:#333;}
.comment-reply-link, #loading img, #error img{position:relative; bottom:3px;}
textarea      {width:98%; margin-bottom:5px; font:15px/24px Arial; }
textarea, input{padding:2px 4px; background:#cacdd5; color:#333; border-top:1px solid #666; border-right:1px solid #888; border-bottom:1px solid #fff; border-left:1px solid #777;}
input         {font:15px/20px Arial;}
#comment_mail_notify{background:none; border:none;}

/* pings */
#pings        {margin:20px 0 0 10px;}
.pingdate     {font-size:12px; color:#888;}

/* #footer */
#footer       {clear:both; min-width:768px; font-size:12px; text-align:center; margin:8px 0 0;padding:2px 0 20px; background:url(img/footer.gif) #000 repeat-x; color:#666; border-top:1px solid #333;}
#footer h3    {margin:28px 0 0;font-style:italic; font-size:16px;}
#footer a     {color:#777;}
#footer a:hover{color:#aaa;}
#footer .rss  {padding-left:18px; background:url(../../../wp-includes/images/rss.png) no-repeat 0 1px;}
#footer .cc   {padding:0 15px; border:1px solid #ddd; background:url(img/88x31.gif) no-repeat -1px -1px;}

/* code */
#upload-script, #load-script, #save-script, .hidden{display:none;}
#message, #controls{float:right; margin:0 8px; padding:0;}
[disabled], [disabled]:hover{color:#444; cursor:default;}
fieldset      {padding:3px 10px 10px;}
.notice       {color:#c00;}
.notice a     {color:#029;}
.notice a:hover{color:#00f;}

/* table */
table         {width:90%; text-align:center;}
th            {background:#959b99; border:1px solid #898f8d;}
td            {border:1px solid #b6b9ba;}
.td1, .td2, .td1c, .td2c{border:1px solid #a0a6a4; padding:0 10px;}
.td1, .td1c   {background:#b8bcbe;}
tr, .td2, .td2c{background:#c8ccce;}
.td1c, .td2c  {color:#c00;}

/* codecolorer */
pre, .codecolorer-container {width:95%; margin:-5px auto 0; color:#000000; font:13px/20px 'Courier New'; border:1px solid #999; border-top:1px solid #eee;border-bottom:1px solid #666;}
.codecolorer-container table {width:100%; border-collapse:collapse;}
.codecolorer-container table td {width:100%; margin:0; padding:0; border:none;}
.codecolorer-container table td.line-numbers {width:0; padding:0 5px 0 8px; text-align:right; color:#222233; background-color:#b8c0c5; border-right:1px solid #a7afab;}
pre, .codecolorer-container, .codecolorer {background:url(img/codecolorer_bg.gif) #d7dadc top;}
pre, .codecolorer {text-align:left; padding:10px; cursor:auto;}
.comment pre, .comment .codecolorer-container{overflow:auto; margin:5px auto 8px;}


/* Mouseover scrolling */
#up:hover, #dn:hover{cursor:pointer; color:#fff;}

/* PageRank */
.pr  {font-size:11px;background:#fff;padding:1px 1px 1px 3px;margin-right:5px;border:1px solid #999;}
.pr b{color:#fff;background:#529252;margin-left:3px;padding:0 4px;}