/*  
Theme Name: greentea
Theme URI: http://niuhuifei.com/
Description: a greentea theme made by niuhuifei
Version: 1.0
Author: niuhuifei
Author URI: http://niuhuifei.com/
Notes: less is more.
*/

*{margin:0;padding:0;}
html,body{background:#ffffff url(images/body_bg.gif) repeat;text-align:left;} 
body{font:12px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', Microsoft YaHei, sans-serif;}
h1{font-size:22px;}
h2{font-size:16px;text-shadow:1px 1px 1px #ccc;}
h3{font-size:14px;text-shadow:1px 1px 1px #ccc;}
h4{font-size:14px;text-shadow:1px 1px 1px #ccc;}
a{color:#333;text-decoration:none;}
a:hover{background:#267021;color:#fff;}
a img{vertical-align:middle;}
.wrapper{margin:0;text-align:left;background:#ffffff;width:960px;} 

/* masthead / footer - navigation and categories */
#quicktitle{margin:0;width:100%;background: url(images/quicktop_bar.png) no-repeat scroll right bottom;padding-top:20px;}
.logo{float:left;}
.logo a{background:url(images/logo.png) no-repeat right top;display:block;height:30px;width:190px;}
.logo a:hover{background:url(images/logo.png) no-repeat right bottom;}
.location{font-size:10px;font-family:Verdana,Arial,sans-serif;color:#9a9aa0;margin:10px 0 0 40px;float:left;}
.location a{color:#9a9aa0;}
.location a:hover{background:#267021;color:#fff;}

/* main - middle content and columns */
#mainColleft{float:left;width:730px;background:#fff;}
#mainCol{margin:23px 0 0 0;}
#mainCol h2{border-bottom:0px solid #e4e4e4;margin:0 0 2px 0;}
#mainCol h2 a{color:#333;text-decoration:none;}
#mainCol h2 a:hover{color:#fff;}
#introcontent{margin:0 0 30px 0;}
#introcontent p.mainintro, #introcontent blockquote.mainintro p{font-size:20px;line-height:1.3em;color:#9a9aa0;margin:0;padding:0 15px 5px 0;}
#introcontent p{line-height:1.5em;margin:10px 0;padding:0 15px 0 0;}
.weibo{background:url("images/arrow_green.gif") no-repeat scroll right top #FFFFFF;width:auto;}
.weibo a{font-size:12px;color:#333;background:#eeeeee;margin-right:10px;}
.weibo a:hover{color:#fff;background:#267021;}
.weibodate{font-size:12px;color:#267021;margin-right:2px;}
.weibodate a{color:#267021;}
.weibodate a:hover{color:#fff;background:#267021;}
#introcontent a img{border:2px solid #ffffff;}
#introcontent a:hover img{border-color:#267021;}
.blocktitle{background:url(images/body_bg.gif) repeat;padding:0 5px;text-align:left;margin:2px 0 8px 0;height:17px;}
.contentguide{font-size:12px;color:#9a9aa0;text-align:left;margin:0 0 5px;}
.contentguide a{color:#267021;}
.contentguide a:hover{color:#fff;}
#searchWrap input{vertical-align:middle;background:#fff;}
#searchWrap #s{margin-right:3px;width:175px;border:1px solid #e4e4e4;}

/* style individual sidebars */
#midColright{float:left;width:230px;}
#midCol{margin:27px 40px 0 20px;}
#midCol h3{background:url(images/bg_h.gif) repeat;height:15px;}
#midCol ul{list-style:none;margin:16px 0;}
#navigation a{font-size:14px;display:block;color:#9a9aa0;}
#navigation a:hover{color:#595959;background:#dedede;}
#navigation ul li{line-height:1.2em;padding:4px 0;text-transform:lowercase;}
#navigation .current_page_item a{background:transparent url(images/arrow_green.gif) no-repeat scroll right top;color:#000000;cursor:default;display:inline;padding-right:8px;width:auto;}
.middle_img_links a{font-size:14px;display:block;color:#9a9aa0;}
.middle_img_links ul li{line-height:1.2em;padding:4px 0;}
.middle_img_links ul li.flickr a{background:transparent url(images/flickr.gif) no-repeat scroll left center;text-indent:-999em;width:40px;}
.middle_img_links ul li.twitter a{background:transparent url(images/twitter.gif) no-repeat scroll left center;text-indent:-999em;width:70px;}
.middle_img_links ul li.greenlife a{background:transparent url(images/greenlife.gif) no-repeat scroll left center;text-indent:-999em;width:81px;}
.middle_img_links ul li.vimeo a{background:transparent url(images/vimeo.gif) no-repeat scroll left center;text-indent:-999em;width:40px;}
.middle_img_links ul li.plantfortheplanet a{background:transparent url(images/plantfortheplanet.gif) no-repeat scroll left center;text-indent:-999em;width:125px;}
.feed a{background:transparent url(images/rss.gif) no-repeat scroll left center;padding:0 0 0 16px;}

/* wordpress entries styling - main content column */
.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background:#ffffff;color:#333;padding:0 2px 0 4px;}
.postMeta span.comments{background:#ffffff url(images/chat_grey.gif) no-repeat left center;padding:0 15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{color:#333;}
.post{margin:0 0 25px 0;line-height:1.7em;}
.post h2{line-height:1.5em;}
.post h2 a{width:100%;display:block;outline:none;}
.post .tagshuo a{font-weight:bold;}
.entry h3{margin:1em 0;}
.post .entry{line-height:1.7em;overflow:hidden;padding-right:15px;}
.post .entry p{margin:1em 0;}
.post .entry p a{font-weight:bold;}
.more-link{background:url("images/arrow_green.gif") no-repeat scroll right top #FFFFFF;padding-right:10px;}
.entry blockquote{padding:0 1.6em 0.5em 2.2em;color:#9a9aa0;background:#fff url(images/quote.png) no-repeat top left;}
.entry ul{margin:0 1.3em 0 0;list-style:none;}
.entry li a{color:#333;font-weight:bold;}
.entry li a:hover{color:#ffffff;}
.entry ul li{background:url(images/li2.gif) no-repeat 0 1px;padding-left:19px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 2.0em;}
.entry ol li{margin:0 0 7px 0;}
.entry img,.entry a img{border:0;max-width:730px;}
.entry table tr {padding: 15px 0;}
.entry table tr.alt {background: #eee;}
.post p.tagIs {margin: 7px 0 7px 0;padding: 4px 0 4px 4px; line-height: 1.5em !important; }
.post p.whatIs {margin: 7px 0 0; border-bottom: 1px solid #dedede; padding: 4px 0; line-height: 1.5em !important; }
.post .related ul {margin:0; list-style:none;}
.post .related ul li a{color:#333;font-weight:bold;}
.post .related ul li a:hover{color:#fff;}
.post .related ul li{background:url(images/li2.gif) no-repeat 0 1px;padding:0 0 0 19px;border-bottom: 1px solid #dedede;}
.post ul.zuijin {margin: 3px 0 0 0; list-style:none;}
.post ul.zuijin li a{color:#333;font-weight:bold;}
.post ul.zuijin li a:hover{color:#fff;}
.post ul.zuijin li{margin-bottom:4px;}
.post ul.zuijin p{padding:0 15px 0 1px;}
.post ul.zuijin h4{padding:0 15px 0 0;}

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style comments and inputs */
#commentsContainer h3#comments, #commentsContainer #respond h3 {padding:14px 0 5px;border-top:0px solid #267021;}
#commentsContainer h3#comments a {color:#267021;}
#commentsContainer h3#comments a:hover {color:#000;}
#commentsContainer #respond {margin:20px 0 0;position:relative;}
#commentsContainer #respond h3 {border-bottom:1px solid #e4e4e4;margin:0 0 20px;}
#commentsContainer .comment #respond h3 {margin-left:0;}
#commentsContainer .cancel-comment-reply {position:absolute;top:15px;right:4px;}
#commentsContainer .cancel-comment-reply a {font-weight:bold;}
.commentlist li.comment {border-top:1px solid #e4e4e4;background:none!important;margin:0;padding:0 0 15px 40px;position:relative;list-style:none;}
.commentlist li.comment.bypostauthor {border-color:#267021;}
.commentlist li.pingback {background: url(images/icn-ping.png) no-repeat -1px 2px;padding:0 0 15px 38px;margin:0;}
.commentlist li.pingback p,.commentlist li.pingback .reply {display:none;}
.commentlist li.comment .comment-author,.commentlist li.pingback .comment-author {position:relative;padding:7px 0 0 5px;}
.comment-author cite {font-style:normal;font-weight:bold;line-height:14px!important;}
.comment-author cite a {color:#000;padding-right:12px;background:url(images/arrow_green.gif) no-repeat right center;}
.comment-author cite a:hover {color:#267021;}
.commentlist li.comment .comment-meta,.commentlist li.pingback .comment-meta {padding:0 0 0 5px;font-size:11px;margin:0 0 10px;}
.comment-author img.avatar {position:absolute;top:3px;left:-40px;background:#FFF url("images/bg_dark.gif") repeat;padding:3px;height:30px;width:30px;}
.comment.bypostauthor img.avatar {border-color:#267021;}
.comment.bypostauthor img.avatar,.comment.bypostauthor .children .comment.bypostauthor img.avatar {border-color:#267021;}
.comment.bypostauthor .children .comment img.avatar {border-color:#e4e4e4;}
.commentlist li span.says {display:none;}
.commentlist li.comment p {padding:0 6px;margin:1em 0;line-height:16px;}
.commentlist li.comment p a {font-weight:bold;}
.commentlist li.comment .reply {position:absolute;top:8px;right:13px;}
.commentlist li.comment .reply a {font-size:11px;background:url(images/icon_grid.gif) no-repeat left center;padding-left:12px;}
.commentlist li.comment .reply a:hover {background:#267021 url(images/icon_grid.gif) no-repeat left center;padding-left:12px;}
.commentlist ul,.commentlist ol,.commentlist blockquote {margin:0 30px;line-height:14px;}
.commentlist blockquote {font-style:italic;color:#777;border-left:2px solid #e4e4e4;padding-left:7px;}
.commentlist ul li {margin:0 0 7px;background:url(images/icn-li.gif) no-repeat 0 1px;}
.commentlist ol li {margin-bottom:7px;}
.commentlist ul.children {margin:20px 0 0;}
.commentlist ul.children li.comment {margin:0 0 0 5px;}
#commentFormWrapper {margin:0;padding:0;}
#commentform {padding-bottom:15px;}
#commentform p {margin:0 0 8px;padding:0;}
#commentform p.button{background:url("images/bg_dark.gif") repeat scroll 0 0 #FFFFFF;margin-right:5px;}
#commentform img {border:none;}
#commentform .forminput input {width:98%;}
#commentform input.button {background:none repeat scroll 0 0 #267021;border:0 none;color:#FFFFFF;font-size:0.95em;line-height:20px;padding:3px;}
input#author,input#email,input#url,textarea#comment {border:1px solid #a6a6a6;padding:4px;margin-right:4px;font-size:1em;font-family:arial,verdana,sans-serif;}
textarea#comment {width:98%;overflow:auto;}
.commentWarning {color:#555;line-height:1.6em;}
.commentWarning strong {color:#000;}
.commentWarning a, .subscribe-to-comments a {color:#267021;font-weight:bold;}
#commentsContainer .navigation {margin:0;padding-bottom:15px;}
#commentsContainer .navigation .prev a {float:left;}
#commentsContainer .navigation .next a {float:right;}
#commentsContainer .navigation .commentpages, #commentsContainer .navigation .current {display:block;padding:2px 4px;border:1px solid #e4e4e4;float:left;margin-right:3px;}
#commentsContainer .navigation a {display:block;padding:2px 4px;border:1px solid #e4e4e4;color:#267021;float:left;margin-right:3px;}
#commentsContainer .navigation a:hover {background:#267021;border-color:#267021;color:#fff;}

/* footer - text string and links */
#footer{padding:15px 0 80px 230px;color:#9a9aa0;font-size:10px;font-family:Verdana,Arial,sans-serif;}
#footer a{color:#9a9aa0;}
#footer a:hover{color:#fff;}
.footerleft{float:left;text-align:left;width:420px;margin-top:3px;}
.footerright{float:left;text-align:right;width:300px;margin-top:3px;}
.footer_links{background:transparent url(images/icon_grid.gif) no-repeat scroll left center;padding:0 0 0 10px;margin-left:3px;}

/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.alignleft{float:left;margin:3px 7px 0 0;}
.alignright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}

/* Twitter & Flickr */
.flickr img{margin:0 12px 12px 0;}

/* links page */
.linkcat {padding-bottom:10px;}
.linkcat ul {padding:5px 0;list-style-type:none;overflow:auto}
.linkcat ul li {margin-bottom:5px;font-size: 12px;}
.linkcat ul li ul li {float:left;width:135px;text-align:center;margin:3px;line-height:220%;border:1px solid #E4E4E4;}
.linkcat ul li ul li a {display:block;}
.linkcat ul li ul li a:hover {background-color:#267021;color:white;font-weight:bold;text-decoration:none;}
.linkcat img{float:left;width:16px;height:16px;border:0;}

/* Link finding */
a[href$=".zip"],a[href$=".7z"],a[href$=".rar"]{background:url(images/rar.png) no-repeat left center;padding-left:19px;}
a[href$=".xls"]{background:url(images/excel.png) no-repeat left center;padding-left:19px;}
a[href$=".mp3"]{background:url(images/music.png) no-repeat left center;padding-left:19px;}
a[href$=".ppt"]{background:url(images/ppt.png) no-repeat left center;padding-left:19px;}
a[href$=".doc"]{background:url(images/word.png) no-repeat left center;padding-left:19px;}
a[href$=".pdf"]{background:url(images/pdf.png) no-repeat left center;padding-left:19px;}
a[href^="http://www.rayfile.com/"],[href^="http://box.net/"],[href^="http://www.namipan.com/"]{background:url(images/attach.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".zip"],a:hover[href$=".7z"],a:hover[href$=".rar"]{background:#267021 url(images/rar.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".xls"]{background:#267021 url(images/excel.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".mp3"]{background:#267021 url(images/music.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".ppt"]{background:#267021 url(images/ppt.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".doc"]{background:#267021 url(images/word.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".pdf"]{background:#267021 url(images/pdf.png) no-repeat left center;padding-left:19px;}
a:hover[href^="http://www.rayfile.com/"],[href^="http://box.net/"],[href^="http://www.namipan.com/"]{background:#267021 url(images/attach.png) no-repeat left center;padding-left:19px;}

/* Contact form */
.wpcf7-form-control-wrap input{width:98%;border:1px solid #a6a6a6;padding:4px;margin-right:4px;font-size:1em;font-family:arial,verdana,sans-serif;background:url(images/bg-input.gif) repeat-x;}
.wpcf7-form-control-wrap textarea{width:98%;border:1px solid #a6a6a6;padding:4px;margin-right:4px;font-size:1em;font-family:arial,verdana,sans-serif;background:url(images/bg-input.gif) repeat-x;overflow:auto;}