/*
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:#cfc5ce url(img/bodybg.jpg) fixed;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:#917f8f;text-decoration:none; font-weight: bold; text-transform: uppercase; }
a:hover{color:#917f8f;text-decoration:none; text-shadow:0px 0px 0px #999;}
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-top-left-radius:6px;border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright: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:1198px; background:#cfc5ce; background: url(img/wrapperbg.jpg) center top repeat-y fixed;}

/* Header */
#header{position:relative;margin:0 auto;width:1198px;height:486px;background: url(img/header.jpg) no-repeat top center;}
#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{text-align:center; height:22px; margin:20px 140px 0 155px; padding: 0;}

#menus-pages a{display:block; line-height:22px; padding:0 10px; background:#f1edf1; border:1px solid #917f8f; border-bottom:none; text-align:center;font-weight:bold;color:#917f8f;}
#menus-pages a:hover{color:#678341;background:#cfc5ce;}

#menus-pages li{list-style:none;float:left;position:relative;margin-left:10px;}

#menus-pages ul li ul{display:none;overflow:hidden;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:#917f8f;}

/* 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:#fff;border:1px solid #917f8f;}
#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: 0 auto 10px auto;padding: 0 19px 19px 0;width:860px;}
#left_column{position:relative; float:left; width:560px; margin:0 20px 0 0;}

/* Post */
.post{position:relative; margin:0 0 20px;padding:0;text-align: justify; color:#917f8f}
.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; text-align:center; }
.post h2.title{text-shadow:1px 1px 1px #999; font-size:20px; color:#917f8f; line-height:30px; height:3%; margin:0; padding:5px 5px; border-top: 3px double #917f8f;
border-bottom: 3px double #917f8f;}
.post h2.title a{color:#917f8f;}
.post h2.title a:hover{color:#678341;}
.post .post-meta{height:20px;line-height:20px;padding:0 5px;font-family:"Courier New",clearSys;color:#917f8f;}
.post .post-meta a{color:#917f8f;}
.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:#917f8f;}

.post .entry a:hover{color:#678341;}

.post .entry img{padding:5px; max-width: 100%; height: auto;}
.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:#f1edf1;border:1px solid #917f8f; color:#678341; font-size: 14px; line-height: 18px;}
.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; text-align:center;}
#nav-below{background:#f1edf1; width:540px; display:inline-block; margin:0 0 10px; padding:0 10px;}
#nav-below a{color:#917f8f;}
#nav-below a:hover{color:#678341;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}

/* Sidebar */
#sidebar{overflow:hidden;float:right;width:280px;color:#917f8f; background: #fff;}
#sidebar img{max-width:100%; height:auto;}
#sidebar a{color:#917f8f;}
#sidebar a:hover{color:#678341;}
#sidebar h3,#sidebar h2{color:#917f8f;font-size:12px;line-height:20px;background:#f1edf1;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;}
#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 10px;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 #f1edf1;}
h2#comments{float:right;line-height:24px;padding:0 20px;font-size:12px;color:#917f8f;background:#f1edf1;}
span#comments-addcomment{float:left;margin:0 10px;}

/* comments list style */
ol.commentlist li{ position:relative; list-style:none; height:1%; margin:0 0 10px;}
ol.commentlist li.depth-1{ border:1px solid #917f8f; padding-bottom:10px;}
ol.commentlist li.thread-even{ background:#f1edf1; padding: 5px; color:#917f8f;}
ol.commentlist li.thread-odd{background:#cfc5ce; padding: 5px; color:#917f8f;}
ol.commentlist li div em.approved{margin-left:55px; color:#917f8f;}
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 #917f8f;}
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:#917f8f;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#678341;}
ol.commentlist li span.comment-meta{}
ol.commentlist li span.comment-meta a{color:#917f8f;}
ol.commentlist li span.comment-meta a:hover{color:#678341;}
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 #917f8f;color:#917f8f;background:#e5e5e5;}
ol.commentlist li blockquote p{margin-left:0;}
ol.commentlist li code{margin-bottom:10px;padding:2px;background:#f1edf1;color:#917f8f;}
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:#917f8f;padding:0;}
ol.commentlist li ul.children li{margin:10px 0 0 0;border-top:1px solid #917f8f;color:#678341;}
ol.commentlist li ul.children li.depth-2{overflow:hidden;margin:10px 0 0 5px;}
ol.commentlist li ul.children li div.comment-author{margin:0; color:#678341;}
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; text-align: right;}
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 #917f8f;line-height:24px;height:24px;margin:0;text-align:right;}
.navigation a{color:#917f8f;}
.navigation a:hover{color:#678341;}
.navigation span{display:inline-block;padding:0 10px;background:#f1edf1;}

/* respond */
#respond{margin:0 0 20px 0;padding:20px 0 0 55px;}
#respond h2{color:#917f8f;text-shadow:1px 1px 1px #e5e5e5;margin:0 55px 10px 0;padding:3px 0;border-bottom:1px solid #917f8f;}
#respond .cancel-comment-reply a{color:#917f8f;}
#respond .cancel-comment-reply a:hover{color:#678341;}
#commentform{margin:0 55px 0 0; padding:0;}
#commentform p{margin:0 0 10px; padding:0;}
#commentform textarea{padding:3px;background:#f1edf1;border:1px solid #917f8f;}

/* #commentform input{} */
#comment{width:95%;height:125px;}
#author,#email,#url{height:12px;padding:3px;color:#678341;border:1px solid #917f8f;background:#f1edf1;}
#submit{background:#f1edf1;font-weight:bold;color:#917f8f;width:80px;height:25px;padding:2px 5px;border:1px solid #917f8f;}
#submit:hover{background:#fff; color:#678341;}

/* 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 #917f8f;padding:3px 10px; color:#917f8f;}
.trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle;}
.trackbacks-pingbacks ul li{margin-bottom:4px;color:#917f8f;}

/* Footer */
#footer{position:relative;width:900px;margin:0 auto;text-align:center;padding:10px 0;color:#917f8f;}
#footer a{color:#917f8f;border-bottom:1px dashed #ddd;}
#footer a:hover{text-decoration:none;border-bottom:1px dashed #917f8f;}
p#footer-top{position:absolute;top:10px;right:30px;text-align:right;}
p#footer-top a{color:#917f8f;border:none;}
p#footer-top a:hover{color:#678341;}

/* 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:#f1edf1;}
#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 #917f8f;}
#wp-calendar tbody td.pad{border:0 none;}
#wp-calendar th{background:#f1edf1;color:#917f8f;}
#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:#917f8f;}

/* Thumbs */

.thumb{
float:left;
}