/*
Theme Name: zGrey
Theme URI: http://zww.me/archives/25156
Description: Simply, none images, it is a simply WordPress theme without any plugins needed (support plugin WP-PageNavi, WP Page Numbers, WP-PostViews, WP-RecentComments), widgets, threaded-comments, Valid CSS3 & HTML.
Version: 0.9.2
Author: zwwooooo
Author URI: http://zww.me/
Tags: white, threaded-comments, two-columns, fixed-width, right-sidebar, light

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{background:#ecebeb;font-size:12px;font-family:arial,verdana,sans-serif;color:#777;text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
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:#38659d;text-decoration:none;}
a:hover{color:#5f94c1;text-decoration:none;}
fieldset,img{border:none;}
hr{display:none;}
.hidden{display:none;}
.clear{clear:both;margin:0;padding:0;}

/* radius */
#content{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
#sidebar h3,#sidebar h2,#sidebar h3 span,#sidebar h2 span{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
#menus-cats,#menus-cats ul.children,#menus-pages li,#menus-pages a,#menus-cats,.post{border-bottom-left-radius:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;}
.navigation span{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;}
h2#comments{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;}
#submit{border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}

/* wrapper */
#wrapper{margin:0 auto;width:960px;background:#f2f2f2;}

/* Header */
#header{position:relative;margin:0 auto;width:898px;height:100px;background:#e8e7e7;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-bottom:1px solid #fff;}
#header h1{float:left;margin:0 0 0 20px;padding:20px 0 0 0;line-height:30px;text-shadow:1px 1px 1px #999;font-size:28px;}
#header h1 a{color:#4e4c48;}
#header h2{margin:0 0 0 50px;text-shadow:1px 1px 1px #abaaaa;color:#797878;font-size:12px;font-weight:normal;}

/* menus-pages */
#menus-pages{z-index:5;float:right;max-width:650px;height:22px;margin:0 20px 0 0;}
#menus-pages a{display:block;line-height:22px;padding:0 10px;background:#c2c2c2;border:1px solid #f2f2f2;border-top:none;text-align:center;font-weight:bold;color:#777;}
#menus-pages a:hover{color:#ecebeb;background:#a3a2a2;}
#menus-pages li{list-style:none;float:left;position:relative;margin-left:10px;}
#menus-pages ul li ul{display:none;overflow:hidden;z-index:10;position:absolute;left:-1px;top:22px;width:150px;background:#c2c2c2;border:1px solid #ddd;}
#menus-pages ul li li{float:none;text-align:left;margin:0;padding:5px;}
#menus-pages ul li li a{display:inline;border:none;}
#menus-pages ul li li a:hover{background:none;}
#menus-pages li:hover ul{display:block;}
#menus-pages li.current_page_item a{color:#fff;}

/* Rss */
#rss{position:absolute;bottom:5px;right:30px;line-height:30px;color:#a184b0;}
#rss a:hover{text-decoration:underline;}

/* menus-cats */
#menus-cats{z-index:5;position:relative;width:638px;margin:0 auto;padding:0 240px 0 20px;height:30px;font-weight:normal;background:#fcfbfb;border:1px solid #e8e7e7;}
#menus-cats a{color:#888;margin-right:20px;line-height:30px;}
#menus-cats a:hover{text-decoration:underline;}
#menus-cats li{list-style:none;float:left;position:relative;}
#menus-cats ul.children{display:none;overflow:hidden;z-index:10;position:absolute;left:-1px;top:30px;width:150px;background:#fcfbfb;border:1px solid #ddd;}
#menus-cats ul.children li{float:none;text-align:left;margin:0;padding:0 5px;}
#menus-cats ul li li a{display:inline;border:none;}
#menus-cats li:hover ul.children{display:block;}
#menus-cats li.current-cat a{color:#5f94c1;}

/* Search */
#search{z-index:10;position:absolute;bottom:5px;right:5px;width:200px;height:20px;padding:0;overflow:hidden;border:1px solid #e3e3e3;background:#fff;}
#search form{width:200px;height:20px;}
#search form input#s{width:190px;background:transparent;border:none;color:#aaa;padding:3px 6px 0;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;border:none;border-left:1px solid #f2f2f2;background:#e5e5e5;}

/* content */
#content{overflow:hidden;margin:10px auto;padding:19px;width:860px;background:#fafafa;border:1px solid #e3e3e3;}
#left_column{position:relative;float:left;width:560px;margin:0 20px 0 0;}

/* Post */
.post{position:relative;margin:0 0 20px;padding:0;background:#f2f2f2;}
.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 10px 0;}
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:0 0 10px 0;}
.post h2.title{text-shadow:1px 1px 1px #999;font-size:16px;color:#454646;line-height:30px;height:1%;margin:0;padding:0 5px;background:#cfcfcf;border-bottom:1px solid #fff;}
.post h2.title a{color:#454646;}
.post h2.title a:hover{color:#111;}
.post .post-meta{height:20px;line-height:20px;padding:0 5px;background:#e5e5e5;border-top:1px solid #cfcfcf;font-family:"Courier New",clearSys;color:#a184b0;}
.post .post-meta a{color:#38659d;}
.post .post-meta a:hover{text-decoration:underline;}
.post .post-meta span.date{float:left;}
.post .post-meta span.comments,.post .post-meta span.comments-goto{float:right;}
.post .post-meta span.comments-add{float:right;margin-left:10px;}
.post .post-info{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:0 10px;}
.post .entry{position:relative;font-size:13px;overflow:hidden;padding:10px 10px 0 10px;}
.post .entry a{color:#000;}
.post .entry a:hover{color:#38659d;}
.post .entry img{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 10px;background:#f4ecec;border:1px solid #dfc0c0;color:#a184b0;}
.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:#38659d;width:12px;height:16px;}
.post .entry p.read-more a:hover,.post .entry p a:hover.more-link{color:#4da6ff;}
.nav_link{}
.sticky{background:#fefefe;}
.post h2.sticky-h2 a,.post p.sticky-p{color:#38659d;text-shadow:1px 1px 1px #ccc;}

/* navigation */
#pagination,#nav-below{display:block;line-height:18px;margin:0;padding:4px 10px;}
#nav-below{background:#f2f2f2;width:540px;display:inline-block;margin:0 0 10px;padding:0 10px;}
#nav-below a{color:#38659d;}
#nav-below a:hover{color:#999;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}

/* Sidebar */
#sidebar{overflow:hidden;float:right;width:280px;color:#999;}
#sidebar a{color:#333;}
#sidebar a:hover{color:#38659d;}
#sidebar h3,#sidebar h2{color:#454646;font-size:12px;line-height:20px;background:#cfcfcf;padding:0 0 1px 0;}
#sidebar h3 span,#sidebar h2 span{display:block;padding:0 5px;border-bottom:1px solid #fff;}
#sidebar li{line-height:24px;border-bottom:1px dotted #dfc0c0;}
#sidebar div{margin:5px 0 20px;padding:0 5px;}
#sidebar div div{margin:0;padding:0;}
#sidebar div.clear{padding:0;margin:0;}
#sidebar ul{list-style:none;margin:5px 0 10px;padding:0 5px;}
#sidebar ul ul{margin:0;padding:0;}
#sidebar form#searchform{margin-bottom:10px;}
#sidebar form#searchform input#s{width:220px;padding:3px;}
#sidebar form input#searchsubmit{width:40px;padding:1px;}

#zgrey-cat select,#zgrey-archives select{background:#fff;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;width:258px;height:25px;line-height:25px;}

/* WP-RecentComments */
#sidebar ul li.rc_item,#sidebar ul li#rc_nav{background:none;padding:0;margin:3px 0;line-height:20px;}
#sidebar ul li.rc_item div{margin:0;padding:0;border:none;}
#sidebar ul li.rc_item .rc_avatar img{border:1px solid #ddd;}

/* Sidebar - Custom code */
#sidebar .zgrey-links{overflow:hidden;}
#sidebar .zgrey-links li{float:left;display:block;width:120px;height:20px;margin:0 10px 3px 0;}

#sidebar .ffox_most_active{overflow:hidden;height:65px;}
#sidebar .ffox_most_active li{list-style:none;float:left;line-height:0;}
#sidebar .ffox_most_active img.avatar{width:25px;height:25px;border:1px solid #ddd;padding:2px;margin:0 1px 0 0;}

#sidebar .recentcomments img.avatar{width:25px;height:25px;float:left;position:relative;border:1px solid #ddd;padding:2px;margin:0 5px 0 0;}
#sidebar .recentcomments li{padding:2px 0;margin-bottom:3px;line-height:16px;}

#sidebar .zgrey_comment_author{color:#aaa;}

#sidebar ul.recentcomments li,#sidebar ul.ffox_most_active li{padding-left:0;background:none;}

/* Comments */
#comments-div{position:relative;line-height:24px;height:24px;margin:0 0 10px;border-bottom:3px solid #e5e5e5;}
h2#comments{float:right;line-height:24px;padding:0 20px;font-size:12px;color:#38659d;background:#e5e5e5;}
span#comments-addcomment{float:left;margin:0 10px;}

/* comments list style */
ol.commentlist li{position:relative;list-style:none;height:1%;margin:0 10px 10px;}
ol.commentlist li.depth-1{border:1px solid #ddd;padding-bottom:10px;}
ol.commentlist li.thread-even{background:#fdfdfd;}
ol.commentlist li.thread-odd{background:#f2f2f2;}
ol.commentlist li div em.approved{margin-left:55px;color:#ff0000;}
ol.commentlist li div.comment-author{margin:5px 0 0 0;padding:0;line-height:25px;height:25px;display:block;}
ol.commentlist li div.vcard img.avatar{position:absolute;left:10px;top:10px;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;}
ol.commentlist li div.vcard cite.fn a.url{color:#047;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#aaa;}
ol.commentlist li span.comment-meta{}
ol.commentlist li span.comment-meta a{color:#aaa;}
ol.commentlist li span.comment-meta a:hover{color:#555;}
ol.commentlist li div.comment-text{overflow:hidden;padding:0 0 0 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 #ccc;color:#999;background:#e5e5e5;}
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{position:absolute;right:10px;top:5px;}
ol.commentlist li div.reply a{display:block;width:40px;line-height:20px;text-align:center;color:#aaa;padding:0;}
ol.commentlist li ul.children li{margin:10px 0 0 30px;border-top:1px solid #ddd;color:#777;}
ol.commentlist li ul.children li.depth-2{overflow:hidden;margin:10px 0 0 40px;}
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-top: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 0 40px;}
ol.commentlist li ul.children li div.reply{top:3px;}

.navigation{border-top:3px solid #e5e5e5;line-height:24px;height:24px;margin:0;text-align:right;}
.navigation a{color:#38659d;}
.navigation a:hover{color:#aaa;}
.navigation span{display:inline-block;padding:0 10px;background:#e5e5e5;}

/* respond */
#respond{margin:0 0 20px 0;padding:20px 0 0 55px;}
#respond h2{color:#999;text-shadow:1px 1px 1px #e5e5e5;margin:0 55px 10px 0;padding:3px 0;border-bottom:1px solid #e5e5e5;}
#respond .cancel-comment-reply a{color:#920017;}
#respond .cancel-comment-reply a:hover{color:#FF4E00;}
#commentform{margin:0 55px 0 0;padding:0;}
#commentform p{margin:0 0 10px;padding:0;}
#commentform textarea{padding:3px;background:#fff;border:1px solid #ddd;}
/* #commentform input{} */
#comment{width:95%;height:125px;}
#author,#email,#url{height:12px;padding:3px;color:#999;border:1px solid #ddd;}
#submit{background:#e5e5e5;font-weight:bold;color:#333;width:80px;height:25px;padding:2px 5px;border:1px solid #aaa;}
#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;border-bottom:1px solid #e5e5e5;padding:3px 10px;}
.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:900px;margin:0 auto;text-align:center;padding:10px 0;color:#aaa;}
#footer a{color:#aaa;border-bottom:1px dashed #ddd;}
#footer a:hover{text-decoration:none;border-bottom:1px dashed #ff4e00;}
p#footer-top{position:absolute;top:10px;right:30px;text-align:right;}
p#footer-top a{color:#999;border:none;}
p#footer-top a:hover{color:#555;}

/* 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;}