/*
Theme Name: zSnos
Theme URI: http://zww.me/
Description: Simply, none images, without any plugins needed (support plugin WP-PageNavi, WP Page Numbers, WP-PostViews, wp-utf8-excerpt, Related Posts of Simple Tags, WP-RecentComments), widgets, threaded-comments, Valid CSS3 & HTML, designed and created by zwwooooo. .
Version: 1.3
Author: zwwooooo
Author URI: http://zww.me/
Tags: green, threaded-comments, two-columns, clear-width, right-sidebar

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* RESET */
*{margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}

/* BASIC */
abbr[title], acronym[title] {border-bottom:thin solid;cursor:help;}
body{font-size:12px;font-family:"Lucida Grande",Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#555;text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-family:Georgia,"Lucida Grande",Verdana,Tahoma,Arial,Helvetica,sans-serif;}
h1{font-size:24px;line-height:30px;}
h2{font-size:20px;line-height:26px;}
h3{font-size:16px;line-height:24px;}
h4{font-size:14px;line-height:20px;}
h5{font-size:14px;line-height:20px;}
h6{font-size:14px;line-height:20px;}
small{font-size:10px;line-height:16px;}
a{color:#21759b;text-decoration:none;}
a:hover{color:#d54e21;text-decoration:none;}
fieldset,img{border:none;}
hr{display:none;}
.hidden{display:none;}
.clear{clear:both;margin:0;padding:0;}

/* radius */
#follow,#banner span a,
#submit,
p#footer-top a,
#nav-below{border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}
#search,#cats_nav a{border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;}
#pages_nav a,#cats_nav ul.children{border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;}
#rss a{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.post .entry p.read-more a,.post .entry p a.more-link{border-top-right-radius:16px;-webkit-border-top-right-radius:16px;-moz-border-radius-topright:16px;border-bottom-right-radius:16px;-webkit-border-bottom-right-radius:16px;-moz-border-radius-bottomright:16px;}
 
/* Header */
#header_wrapper{height:80px;background:#464646;border-top:5px solid #333;border-bottom:1px solid #777;}
#header{z-index:3;position:relative;width:960px;height:65px;margin:0 auto;padding-top:15px;}
#header h1{height:30px;}
#header h1 a{color:#eee;line-height:30px;letter-spacing:5px;font-size:28px;}
#header h2{line-height:16px;color:#aaa;font-size:12px;font-weight:normal;}

/* pages_nav */
#pages_nav{text-shadow:0 1px 0 #000;z-index:5;position:absolute;top:0;right:0;max-width:650px;height:20px;color:#fff;}
#pages_nav a{display:block;line-height:16px;padding:0 5px 4px;text-align:center;color:#999;}
#pages_nav a:hover{color:#eee;}
#pages_nav li{list-style:none;float:left;position:relative;margin-left:10px;}
#pages_nav ul li ul{display:none;overflow:hidden;z-index:10;position:absolute;left:-1px;top:20px;width:130px;padding:10px;background:#333;border:1px solid #666;}
#pages_nav ul li li{float:none;list-style:circle inside;text-align:left;margin:0;}
#pages_nav ul li li a{display:inline;border:none;}
#pages_nav ul li li a:hover{background:none;}
#pages_nav li:hover ul{display:block;}
#pages_nav li.current_page_item a{color:#fff;background:#333;}
#pages_nav li#rss a{background:#d54e21;color:#fff;padding:0 10px;}
#pages_nav li#rss a:hover{background:#21759b;color:#fff;}

/* cats_nav */
#cats_nav{text-shadow:0 1px 0 #000;position:absolute;bottom:0;right:160px;color:#fff;height:20px;}
#cats_nav a{z-index:10;font-weight:normal;display:block;line-height:16px;padding:0 5px 4px;text-align:center;color:#999;}
#cats_nav a:hover{color:#eee;}
#cats_nav li{z-index:10;float:left;position:relative;list-style:none;padding:0 3px;}
#cats_nav ul.children{z-index:10;display:none;overflow:hidden;position:absolute;left:-1px;top:20px;width:150px;padding:0 5px 5px;background:#666;}
#cats_nav ul.children li{float:none;list-style:circle inside;text-align:left;}
#cats_nav ul.children li a{display:inline;line-height:20px;border:none;}
#cats_nav li:hover ul.children{display:block;}
#cats_nav li.current-cat a{color:#fff;background:#666;border:1px solid #777;border-bottom:none;}

/* Search */
#search{position:absolute;bottom:0;right:0;width:150px;height:20px;overflow:hidden;background:#fafafa;border:2px solid #666;border-bottom:none;}
#search form input#s{width:120px;height:20px;line-height:20px;background:#fafafa;border:none!important;color:#999;padding:0 2px!important;font-size:12px;}
#search form input#searchsubmit{cursor:pointer;position:absolute;right:0;top:0;width:30px;line-height:20px;height:20px;font-weight:bold;color:#aaa;background:#333;border:none;}
#search form input#searchsubmit:hover{color:#fff;}

/* banner */
#banner_wrapper{height:1%;border-top:5px solid #666;border-bottom:1px solid #ddd;}
#banner{position:relative;margin:0 auto;width:650px;min-height:100px;overflow:hidden;padding:10px 310px 10px 0;color:#000;}
#banner p.post_reveal{overflow:hidden;float:left;width:100px;height:100px;margin-right:15px;border:4px solid #ddd;}
#banner .post_reveal img{border:none;margin:0;padding:0;width:100px;height:100px;}

#follow{position:absolute;top:50%;margin-top:-10px;right:50px;width:160px;height:20px;line-height:20px;text-align:center;color:#bbb;background:#fff;border:1px solid #bbb;}
#follow:hover{border:1px solid #777;}
a.twitter{color:#0066cc;}
a.tencent{color:#21759b;}
a.twitter:hover,a.tencent:hover{color:#d54e21;}

/* wrapper */
#wrapper{margin:0 auto;padding:20px 0 30px;width:960px;}

/* content */
#content{position:relative;float:left;width:650px;margin-right:30px;}
.page-title{margin-bottom:20px;}

/* Post */
.post{margin:0 0 20px 0;padding-bottom:10px;border-bottom:1px solid #ddd;}
.archives-post{margin:0;padding:5px 0;border-bottom:1px dashed #ddd;height:20px;overflow:hidden;}
.post ul,.post ol{margin:0 30px 10px;}
.post li{line-height:18px;}
.post hr{display:block;}
.post p{line-height:18px;margin:0 0 20px 0;}
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:0 0 10px 0;}
#post-path{height:32px;line-height:32px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#post-path a{color:#555;}
#post-path a:hover{color:#21759b;}
.post h2.title{line-height:24px;margin:0;color:#21759b;font-size:16px;font-weight:normal;}
.post h2.archives-title{float:left;width:49%;line-height:20px;font-size:12px;}
.post .postmeta{margin-bottom:20px;line-height:16px;color:#999;font-family:"Courier New",clearSys;}
.post .archives-postmeta{float:right;width:49%;margin:0;line-height:20px;text-align:right;}
.post .postmeta a,.post .postinfo a{color:#999;border-bottom:1px solid #ddd;}
.post .postmeta a:hover,.post .postinfo a:hover{border-bottom:1px solid #999;}
a#comments-goto,a#comments-add{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:0 5px;}
a#comments-goto:hover,a#comments-add:hover{border-right:1px solid #999;border-bottom:1px solid #999;}
.post .postinfo{line-height:16px;margin:0 0 20px;padding:5px;font-family:"Courier New",clearSys;color:#aaa;border:1px dashed #ddd;background:#fffde3;}
.post .entry{font-size:13px;overflow:hidden;}
.post .entry img.zsnos_thumbnail{margin:0 10px 0 0;padding:0;border:5px solid #e5e5e5;float:left;}
.post .entry img{border:1px solid #ddd;padding:5px;}
.post .entry table{background:#f2f2f2;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;}
.post .entry th,.post .entry td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;}
.post .entry .entry tr.even td{background:#f7f7f7;}
.post .entry th{background:#edeff0;}
.post .entry blockquote{padding:10px;margin:0 0 20px 20px;border-left:1px solid #ddd;}
.post .entry code{background:#555;color:#ddd;}
.post .entry pre{font-size:12px;width:95%;line-height:16px;overflow:auto;font-family:"Courier New", clearSys;background:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:15px solid #ddd;border-right:1px solid #ddd;padding:0 5px 16px;margin:0 0 20px;}
.post .entry p.read-more a,.post .entry p a.more-link{color:#21759b;padding:0 10px;background:#fafafa;border:1px solid #ddd;}
/*.post .entry p a.more-link{margin-top:20px;}*/
.post .entry p.read-more a:hover,.post .entry p a:hover.more-link{border:1px solid #aaa;}
.nav_link{}
.sticky{}
.post h2.sticky-h2 a,.post p.sticky-p{color:#d54e21;}

/* navigation */
#pagination{line-height:24px;display:block;margin-top:20px;border-top:1px solid #ddd;}
#nav-below{display:block;line-height:18px;width:640px;display:inline-block;margin:0 0 10px;padding:0 5px;background:#eee;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}

.page-numbers{line-height:16px;margin:0;padding:3px;text-decoration:none;background:#fff;border-top:2px solid #fff;}
.page-numbers:hover{border-top:2px solid #ff00a4;}
.current,.current:hover{color:#fff;background:#45b9f6;border-top:2px solid #45b9f6;}
.current:hover{border-top:2px solid #00679d;}

/* Sidebar */
#sidebar{overflow:hidden;float:right;width:280px;color:#21759b;}
#sidebar a{color:#555;}
#sidebar a:hover{color:#21759b;}
#sidebar h3,#sidebar h2{color:#333;font-size:14px;height:32px;line-height:32px;margin:0;border-bottom:1px solid #ddd;}
#sidebar li{line-height:24px;}
#sidebar div{margin:20px 0;}
#sidebar div div{margin:0;}
#sidebar div.clear{padding:0;margin:0;}
#sidebar ul{list-style:square;margin:15px 0 10px 0;padding-left:15px;}
#sidebar ul ul{margin:0;padding-left:0;}
#zsnos-cat select,#zsnos-archives select{width:270px;height:25px;line-height:25px;background:#fff;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}

/* WP-RecentComments */
#sidebar ul li.rc_item,#sidebar ul li#rc_nav{list-style:none;background:none;padding:0;margin:3px 0;line-height:20px;}
#sidebar ul li.rc_item div,#sidebar ul li#rc_nav div{margin:0;padding:0;border:none;}
#sidebar ul li.rc_item .rc_avatar img{border:1px solid #ddd;}

/* Sidebar - Custom code */
#sidebar ul.zsnos-links{overflow:hidden;}
#sidebar ul.zsnos-links li{float:left;width:125px;height:20px;}
#sidebar .img-links{overflow:hidden;width:280px;}

#sidebar .ffox_most_active{overflow:hidden;height:68px;}
#sidebar ul.ffox_most_active{padding-left:0;}
#sidebar .ffox_most_active li{list-style:none;float:left;line-height:0;border:none;}
#sidebar .ffox_most_active img.avatar{width:26px;height:26px;border:1px solid #ddd;padding:2px;margin:2px 2px 0 0;}

#sidebar .recentcomments img.avatar{width:16px;height:16px;float:left;position:relative;border:1px solid #ddd;margin:0 5px 0 0;padding:1px;}
#sidebar ul.recentcomments{list-style:none;padding-left:0;}
#sidebar ul.recentcomments li{margin:5px 0 0;line-height:20px;height:20px;overflow:hidden;}
#sidebar .zsnos_comment_author{color:#999;}

/* Comments */
#comments-div{position:relative;line-height:20px;height:20px;padding:0 0 20px;border-bottom:1px solid #ddd;}
h2#comments{float:right;line-height:20px;font-size:12px;color:#555;}
span#comments-addcomment{float:left;margin:0 10px;}

/* comments list style */
ol.commentlist li{position:relative;list-style:none;height:1%;margin:20px 0 0;}
ol.commentlist li.depth-1{border-bottom:1px solid #ddd;}
ol.commentlist li div em.approved{margin-left:55px;color:#ff0000;}
ol.commentlist li div.comment-author{margin:5px 0 0 0;padding:0;display:block;}
ol.commentlist li div.vcard img.avatar{position:absolute;left:10px;top:5px;width:32px;height:32px;background:#fff;padding:2px;border:1px solid #ddd;}
ol.commentlist li div.vcard cite.fn{margin-left:60px;font-style:normal;font-weight:bold;border-bottom:1px solid #ddd;}
ol.commentlist li span.comment-meta a{color:#aaa;}
ol.commentlist li span.comment-meta a:hover{color:#777;}
ol.commentlist li div.comment-text{overflow:hidden;padding:0 0 10px 60px;}
ol.commentlist li p,ol.commentlist li blockquote{margin:0 15px 0 0;line-height:20px;}
ol.commentlist li blockquote{padding:5px;border:1px dashed #ddd;color:#999;background:#ddd;}
ol.commentlist li blockquote p{margin-left:0;}
ol.commentlist li code{margin-bottom:10px;padding:2px;background:#777;color:#ddd;}
ol.commentlist li div.reply{margin:0 0 10px 60px;}
ol.commentlist li div.reply a{display:block;width:40px;line-height:16px;text-align:center;color:#aaa;}
ol.commentlist li div.reply a:hover{color:#21759b;}
ol.commentlist li ul.children li{overflow:hidden;margin:0 0 0 30px;color:#777;border-left:1px solid #ddd;}
ol.commentlist li ul.children li.depth-2{overflow:hidden;margin:0 0 0 60px;}
ol.commentlist li ul.children li div.comment-author{margin:0;}
ol.commentlist li ul.children li div.vcard img.avatar{top:0;left:0;width:24px;height:24px;border-left:none;}
ol.commentlist li ul.children li div.vcard cite.fn{margin-left:40px;}
ol.commentlist li ul.children li div.comment-text{padding:0 0 10px 40px;}
ol.commentlist li ul.children li div.reply{margin:0 0 10px 40px;}
ol.commentlist li div.floor{position:absolute;top:0;right:0;color:#21759b;}

.navigation{line-height:24px;margin:0;text-align:center;}
.navigation p{display:inline-block;padding:0 10px;}

/* respond */
#respond{margin:0 0 20px;padding:20px 0 0 55px;}
/*ol.commentlist li div#respond{padding-left:55px;}*/
#respond h2{color:#333;text-shadow:1px 1px 1px #ccc;font-size:16px;line-height:20px;margin:0 55px 10px 0;}
#respond .cancel-comment-reply a{color:#920017;}
#respond .cancel-comment-reply a:hover{color:#d54e21;}
#commentform{margin:0 55px 0 0;padding:0;}
#commentform p{margin:0 0 10px;padding:0;}
#commentform textarea{padding:3px;border:1px solid #ddd;background:#fff url("images/comment.gif") no-repeat right 0;}
/* #commentform input{} */
#comment{width:65%;height:125px;}
#author,#email,#url{height:12px;padding:3px;color:#999;border:1px solid #ddd;}
#submit{background:#f2f2f2;font-weight:bold;color:#333;width:80px;height:25px;padding:2px 5px;border:1px solid #bbb;}
#submit:hover{background:#fff;}

/* trackbacks-pingbacks */
.trackbacks-pingbacks{margin-top:10px;}
.trackbacks-pingbacks h3{font-size:12px;line-height:20px;height:20px;margin:0 0 10px;padding:3px 0;}
.trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle;}
.trackbacks-pingbacks ul li{margin-bottom:4px;color:#aaa;}

/* Footer */
#footer{position:relative;width:960px;margin:0 auto;padding:10px 0;color:#999;border-top:1px solid #ddd;}
p#footer-top{position:absolute;top:10px;right:80px;width:120px;text-align:center;}
p#footer-top a{display:block;color:#999;background:#fafafa;border:1px solid #bbb;}
p#footer-top a:hover{border:1px solid #777;}

/* Other */
.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{text-align:center;padding-top:4px;margin:10px;border-radius:3px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text{font-size:12px;line-height:17px;padding:0 4px 5px;margin:0;}
/* calendar START */
.widget_calendar h3{display:none;}
#wp-calendar{width:100%;}
#wp-calendar #today{background:#E6E6E6;}
#wp-calendar tbody a{font-weight:bolder;}
#wp-calendar caption{font-family:Arial;font-weight:bolder;letter-spacing:-0.05em;font-size:150%;text-align:left;padding-bottom:5px;}
#wp-calendar th,#wp-calendar td{text-align:center;}
#wp-calendar tbody td{border:1px solid #CCC;}
#wp-calendar tbody td.pad{border:0 none;}
#wp-calendar th{background:#999;color:#FFF;}
#wp-calendar td#prev{text-align:left;padding-top:5px;}
#wp-calendar td#next{text-align:right;padding-top:5px;}

/* plugins: WP-UserAgent */
p.useragent_output_custom{line-height:16px;font-weight:normal;}
p.useragent_output_custom img{width:12px;height:12px;}
p.useragent_output_custom a{color:#999;}