/*  
 * Theme Name: 		NaturalGreen
 * Theme URI: 		http://www.theenglishguy.co.uk/natural-green-wordpress-theme/
 * Description: 	A WP-2.9 ready theme with a clean green and black look. A fixed footer displays useful links and information at all times; brought to you by <a href="http://www.theenglishguy.co.uk/">The English Guy</a>.
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 * Tags:			two-columns, flexible-width, right-sidebar, black, green, silver, threaded-comments, sticky-post, theme-options
 * Version:			1.0.2
 */

* { margin: 0; padding: 0; }

body, html { background-color:#000; font-size:100%; font-family:"Cocon Light", Rotis, "ATRotisSansSerif", sans-serif; }
body.login { border-top:none; }


/*----------------------------- wrapper ------*/
#wrap { min-width:800px; margin:0 auto; position:relative; }
* html #wrap { height:100%; }
*+html #wrap { max-width:98%; }


/*-------------------------- main divs -------*/
#header_block { width:99%; min-height:40px; height:auto !important; height:40px; z-index:100; margin:0 10px; }
#header h1 { margin:0 0 10px 6px; padding:5px 0 0 0; }
#header h2 { font-size:16px; font-style:italic; color:#eee; margin:7px 10px 0 0; width:440px; float:right; text-align:right; }


/*---------------------------- content -------*/
#middle { margin:0 10px; position:relative; z-index:90; width:98%; }
.content { width:100%; padding:0 0 75px 0; }

#location { width:75%; background-img:url(images/post-bg.png); background-position:top left; background-repeat:no-repeat; color:#fff; padding:0 0 3px 6px; }


/*----------------------------- post ---------*/
.post, .page { background-image:url(images/post_bg.png); background-repeat:repeat-x; background-position:top left; margin:0 0 25px 0; padding:0; color:#fff; width:75%; min-width:400px; min-height:75px; position:relative; z-index:40; }
.post-block { margin-bottom:5px; }
.post-data { width:25%; min-width:220px; float:right; }
.post-info { background-image:url(images/post_bg.png); background-repeat:repeat-x; background-position:top left; padding:4px 5px 5px 5px; width:200px; margin:0 0 0 25px; font-size:14px; color:#fff; float:right; }
.post-arrow { background-image:url(images/arrow2.png); background-repeat:no-repeat; background-position:0px -47px; margin:10px 0 0 0; width:20px; min-height:48px; height:48px; }
.post-recent-comment { margin-top:7px; }
.post-recent-comment .commentlist { margin:0; } 
.post-recent-comment .commentlist li { background-color:#111; border:1px solid #222; margin-top:1px; padding:2px 4px; }
.post-top, .post-navigation div { background-image:url(images/post_title_bg.png); background-repeat:no-repeat; background-position:top left; height:53px; }
.post-ad { width:234px; height:60px; margin:0 5px 5px 0; float:left; }
.post-content { padding:0 0 25px 0; position:relative; z-index:60; }
.post-content ul, .post-content dl, .post-content ol { padding:5px 0 5px 25px; }
.post-content-block { min-width:33%; float:right; }
.post-title { margin:0 0 0 45px; padding:0 2px; }
.post-title h2 { font-size:28px; }
.post-title h5 { font-size:14px; }
.post-date { width:70px; height:50px; float:right; text-align:center !important; font-family:Verdana, Arial, sans-serif; font-stretch:extra-condensed; margin:-3px 2px 0 0; }
.post-date .month, .post-date .year { font-size:12px; font-weight:bold; color:#000; }
.post-date p { margin:2px 0 0 0; }
.post-date .month { text-align:center; font-size:16px; padding:0; }
.post-date .year { text-align:center; padding:0; font-size:20px; font-weight:bold; }
.post-main { position:relative; padding:5px 10px 0 10px; z-index:65; }
.post-main img { margin:5px; }
.post-main .haiku { margin:10px 0 0 280px; }

.post-four { background-image:url(images/404_bg.png); background-position:top left; background-repeat:no-repeat; width:240px; height:107px; position:absolute; top:0px; left:0px; z-index:50; }

.post-comments { padding:0; width:110px; }
.post-comment-icon { float:right; width:32px; height:32px; background-image:url(images/comment.png); background-repeat:no-repeat; background-position:top left; }
.post-comment-icon a { display:block; width:32px; height:32px; }
.post-comment-icon a:hover { cursor:pointer; }

.post-navigation { background-image:url(images/post_bg.png); background-repeat:repeat-x; background-position:top left; margin:0; padding:0; color:#fff; width:75%; min-width:400px; height:auto; }
.post-navigation div { padding:2px 0 0 45px; }

#search_four { padding:20px 0 20px 25px; }


/*-------------------------- comments --------*/
#commentsdiv { margin:0 0 25px 0; padding:0 0 20px 0; color:#fff; }
.comments, .comments-info { background-image:url(images/post_bg.png); background-repeat:repeat-x; background-position:top left; }
.comments { padding:0 0 20px 0; width:75%; min-width:400px; }
.comments-info { padding:4px 5px 5px 5px; width:200px; margin:0 0 0 25px; font-size:14px; color:#fff; float:right; }
.comments-info h4 { font-size:14px; }
.comments-title { background-image:url(images/post_title_bg.png); background-repeat:no-repeat; background-position:top left; height:53px; }
.comments-title h3 { font-size:28px; padding:8px 0 0 45px; min-width:600px; }
.commentlist { list-style-type:none; }
.comments .comment_single { margin:5px 10px; padding:0 0 5px 0; background-color:#111; border-top:2px solid #222; border-bottom:2px solid #222; border-left:2px solid #222; border-right:2px solid #222; min-height:150px; height:auto !important; height:150px; position:relative; display:block; }
.comments .comment_single p { min-width:290px; height:auto; padding:5px; }
.comments .comment_single div:first-child { position:relative; display:block; }
.comments .comment_single div.reply { width:100px; position:absolute; top:105px !important; right:0px !important; text-align:center; font-size:14px; }
.comment-meta { padding:5px; } 

.comments-textarea { margin:0 10px; }
.comments-textarea textarea { width:100%; }
.comments-title { margin:0 10px 5px 0; width:450px; }
.comments-cancel { margin:0 10px; }

.comment-author { background-image:url(images/comment_author.png); background-position:top right; background-repeat:no-repeat; height:100px; float:right; clear:right; width:100px; margin:0; padding:0; border-left:2px solid #222; border-bottom:2px solid #222; font-size:14px; text-align:center; }
.comment-author img { margin:5px auto 5px auto; padding:5px; border:1px solid #222; background-color:#111; display:block; }

.comment-author cite { font-size:14px; }
.comments-inputs { margin:0 0 10px 10px; }
.comments-inputs p { padding:0 0 5px 0; }
.comments-inputs-block { min-width:33.3%; float:right; }
*+html .comments-inputs-block { max-width:200px; }
.comments-inputs label { float:left; padding:2px 5px 0 0; min-width:20%; }
.comments-inputs input { margin:0 0 3px 0; background-color:#333; border:2px solid #444; padding:2px 3px; color:#fff; min-width:79%; }
.comments-middle .buttons { text-align:right; }
.comments-middle .buttons input { margin:0 10px 0 0; padding:0 5px; border:1px solid #444; background-color:#333; color:#fff; font-family:"Cocon Light", Rotis, "ATRotisSansSerif", sans-serif; font-size:16px; font-weight:bold; }
.comments-middle .buttons input:hover { background-color:#000; cursor:pointer; }
.comments-middle p.inputs { padding:5px 5px 5px 10px; font-size:12px; }

.comment_single ul, .comment_single ol, .comment_single dl { border:0; margin:5px 5px 5px 25px; max-width:400px; }
.comment_single ul li, .comment_single ol li, .comment_single dl dt { border:0; margin:0 !important; padding:0; }
.comment_single p { padding:0 0 10px 0; }

.comment_single .children { list-style-type:none; margin:0 15px 0 10px !important; max-width:none; }
.comment_single .children > li { background-color:#222; border:2px solid #333; padding:0 0 5px 0; }
.comment_single .children .children > li { background-color:#333; border:2px solid #444; }



/*------------------------- pre-footer --------*/
#pre-footer { color:#fff; text-align:center; }
#pre-footer p { padding:0 15px 65px 15px; }



/*---------------------------- footer --------*/
#footer { position:fixed; bottom:0; left:0; width:100%; min-height:75px; height:auto !important; height:75px; z-index:90; background-attachment:fixed; background-image:url(images/bottom.png); background-color:transparent; background-repeat:no-repeat;  background-position:bottom left; }

#footer p { margin:0 10px 0 0; padding:0 0 5px 0; text-align:center; }

#footer #container_block { margin:25px auto 0 auto; height:50px; width:800px; z-index:95; }
#footer .block { height:50px; width:233px; background-image:url(images/bottom_title.png); background-repeat:no-repeat; background-position:top left; margin:0 15px; float:right; position:relative; }
*+html #footer .block { margin-top:25px; }
#footer .block-title h3 { margin:12px 0 0 15px; font-size:18px !important; }
*+html #footer .block-title h3 { padding-left:25px; }
#footer .block-title h3:first-letter { text-transform:uppercase; }
#footer .block-title a:link, #footer .block-title a:visited { color:#a6ea4b; text-decoration:none; }
#footer .block-title a:hover { color:#fff; background-color:transparent }  
#footer .block-content { position:absolute; background-image:url(images/bottom_block.png); background-repeat:no-repeat; background-position:top left; bottom:50px; left:0px; color:#fff; padding:10px; width:233px; }
#footer .block-content p { text-align:left !important; }
#footer .block-content h2 { color:#fff; font-size:18px !important; margin:3px 0 0 3px; }
#footer .block-content div { width:200px; margin:5px 0 0 5px; }
#footer #credit_block { background-image:url(images/credit_icon.png); background-position:top left; background-repeat:no-repeat; height:65px; width:53px; position:absolute; top:10px; left:0px; z-index:100; }
#footer #credit_block:hover { cursor:pointer; }
#footer #twitter_block { height:50px; width:54px; background-image:url(images/twitter_icon.png); background-repeat:no-repeat; background-position:top left; position:absolute; top:25px; right:0px; z-index:100; }
#footer #twitter_block:hover { cursor:pointer; }

#footer ul { width:218px; margin:0; margin:15px 0 10px -2px; padding:0; list-style-type:none; font-size:14px; border-top:1px solid #a6ea4b; }
#footer ul a { display:block; padding:3px; background-color:#000; border-bottom:1px solid #a6ea4b; }
#footer a:link, #footer a:visited { color:#a6ea4b; text-decoration:none; }
#footer a:hover { background-color:#111; color:#fff; }



/*-------------------------- calendar --------*/
/* wp-calendar refers to the table itself     */
#wp-calendar { margin:0 auto; width:170px; }
#wp-calendar caption { display:none; }
#wp-calendar thead tr { }
#wp-calendar thead tr th { text-align:left; } 
#wp-calendar tbody tr { }
#wp-calendar tfoot tr { }
#wp-calendar tbody td { min-height:21px; height:21px; background-color:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 5px 5px 0; padding:2px; vertical-align:top; }
#wp-calendar tbody td:hover { background-color:#8aacd2; }
#wp-calendar tbody td#today { background-color:#d8dfef; }
#wp-calendar tbody td#today:hover { background-color:#ddd; }

#wp-calendar tbody a { color:#3e483d; font-weight:bold; }
#wp-calendar tbody a:hover { color:#000; }
#wp-calendar tfoot a { color:#000; font-size:18px; text-decoration:none; }
#wp-calendar tfoot a:hover { color:#900; }


/*----------------------------- links --------*/
a, a:visited { color:#a6ea4b; }
a:hover { color:#fff; }

h1 a, h1 a:visited { color:#fff; text-decoration:none; }
h1 a:hover { color:#eee; }

h2 a, h2 a:visited { color:#a6ea4b; text-decoration:none; }
h2 a:hover { color:#fff; }

.post-date a, .post-date a:visited { color:#000; text-decoration:none; }
.post-date a:hover { color:#222; }

.post-data a, .post-data a:visited { color:#a6ea4b; }
.post-data a:hover { color:#fff; }

.navigation a:link, .navigation a:visited { color:#fff; }
.navigation a:hover { color:#f00; }


/*---------------------------- login ---------*/
#login { background-image:url(images/post_bg.png); background-repeat:repeat-x; background-position:top left; padding:70px 10px 20px 10px; position:relative; z-index:40; }
#login, #loginform { -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:0; }
.login_message { position:absolute; top:10px; left:55px; }
#login h2 { font-size:22px; color:#a6ea4b; font-weight:bold; padding:10px 0 0 0; }
#loginform { background:transparent; margin:5px 10px 10px 10px; padding:0; position:relative; z-index:45; }
#loginform label { color:#a6ea4b; font-size:15px; }
#loginform p, #loginform label, #loginform input { z-index:60; position:relative; }

#login form .submit input { padding:3px 10px; font-size:12px; color:#a6ea4b !important; border:1px solid #a6ea4b !important; background-image:none; background-color:#222 !important; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; cursor:pointer; text-decoration:none; margin:-3px 0 0 0; text-shadow:none; }
#login form .submit input:hover { border:2px solid #eee !important; color:#eee; margin:-4px -1px 0 0; }
#login form .submit input:active { background-color:#000; }

#nav { margin:0; padding:25px 0 0 10px; }
#nav a:link, #nav a:visited, #backtoblog a:link, #backtoblog a:visited { color:#a6ea4b !important; }
#nav a:hover, #backtoblog a:hover { color:#fff !important; }

#login h1 a { display:none !important; }

#backtoblog { display:none; }
#backtoblog a { position:relative !important; text-decoration:none; }

.message, #login div#login_error { margin:5px 9px 16px 9px !important; border:1px solid #a6ea4b !important; padding:12px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#222 !important; color:#a6ea4b !important; }

.home_icon { position:absolute; top:-22px; left:-27px; z-index:43; width:80px; height:88px; background-image:url(images/login_home_icon.png); background-repeat:no-repeat; background-position:top left; }



/*----------------------------- misc ---------*/
.spacer { clear:both; }
.justify { text-align:justify; }
.centered { text-align:center; }
.navigation { text-align:center; margin:10px 0 0 0; }
.small { font-size:87%; }
.uppercase { text-transform:uppercase; }
.align-left { margin:0 0 0 10px; float:left; }
.align-right { margin:0 10px 0 0; float:right; }
img { border:0; }
.post p { padding:5px 0; }
blockquote { background-color:#111; border:1px solid #222; margin:5px 25px; padding:2px 5px 5px 5px; }
.comments blockquote { margin:5px 25px 0 25px; }
blockquote ul, blockquote ol, blockquote dl { margin:0 0 0 15px; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }



/*--------- wordpress css conformance --------*/
.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; }
.alignright { float:right; }

.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }