/*   
Theme Name: New Green Natural Living
Theme URI: http://red.lotusseedsdesign.com/blogtest
Description: New Green Natural Living WordPress Theme
Author: Tee G. Peng
Author URI: http://www.lotusseedsdesign.com/
Template: newgreen
Version: 1.0.0
Tags: green,two-columns, right-sidebar, fixed-width
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/



@import url(css/newgreen.css);
@import url(css/css3support.css);

/* ======================================
[common and reset elements]
======================= */
span {font-size: 12px;}
span.date, span.post-date,
span.mcategories,
span.nocomments {color: #545454;}
span.author {color: #579143;}
legend span.no-display {position: absolute;text-indent: -99999px;}

/*floated box*/
	.box {float: left;width: 48%;}
	
	/*breadcrumb*/
#breadcrumbs {margin:6px 0 0 0;display: block;width:63%;border-top: 1px dashed #EFE7DF;border-bottom: 1px dashed #EFE7DF;}
#breadcrumbs a, #breadcrumbs{font-size: 12px;}


/*share elements #blog_content/#blog_sidebar =========================================*/	
#blog_content p a, #blog_content li a {color: #553113;}

#blog_content p a:hover, #blog_content li a:hover {color: #004500;}
#blog_content p.category, #blog_sidebar .box h6{background: url(images/hdr-bg.png) -10px center; border-bottom:1px dashed #dad3cb;border-top:1px dashed #dad3cb;text-transform: uppercase;letter-spacing: 1px;}

h2 a, h3 a,
#blog_sidebar .rssfeed ul li a{color: #326600;}

 

.post-date {color: #999;font-size: .7em;}
.post-date:first-child {margin-top: -25px;}

#blog_content h2 {margin-top: 20px;}
#blog_content h2.title {color: #6D4A00;margin:20px 0 10px 0}
h2.blog-home, .postcontent {margin-bottom: 20px;clear: both;display: block;}
.announce h2.homeh2 {margin: 5px 0 0 0!important;}
#blog_content h3.blog-title {margin-top: 10px;display: block;}

.postcontent {padding-bottom: 15px;}



/* ======================================
[site structure]
======================= */
#blog_content {width:60%;float:left;min-height: 42em;
border-right: 1px dashed #b5bf85;padding-right: 15px;padding-left: 0;}

#blog_sidebar {width: 37%;float:right;overflow: hidden; display: block;background: url(../images/base_images/left-bg.png) repeat-y left bottom;}

#blog_content ul.disc{margin-top: 15px;}
#blog_sidebar ul {width: 98%;margin: 0 auto 15px auto;}
#blog_content ul.disc li,
#blog_content ul.related_post li {list-style-type: disc;margin-left: 25px;}
#blog_sidebar ul li a {font-size: 1.15em;color: #000;line-height: 1.5;}
	#blog_content h2{  display: block;border-bottom: 1px dashed #ededed;}
	
.archives ul {margin-left: 15px;margin-top: 10px;}
#blog_content h3,
#blog_content h4,
#blog_content h5,
#blog_content h6,
#blog_content dt {font-weight: normal;font-size: 1.2em;margin-top: 15px;padding-bottom: 5px;padding-top: 0;font-family: Georgia, "Times New Roman", Times, serif;color: #007000;text-transform: capitalize;}

#blog_content h3.related_post_title {font-size: 1em;color: #3c7974;}
	
/* ======================================
[Blog home items]
======================= */	
#blog_content .image {margin-right: 15px;margin-bottom: 5px;margin-top: 10px;padding: 3px; float: left;}


.announce {display: block;border-bottom: 2px solid #b5bf85;overflow: hidden; background: url(images/hdr.png) repeat-y left bottom;margin-top: 5px;}

/*blog content*/ 

.box-full {display: block;
width: 100%;overflow: hidden;clear: both;}
.blog-article {width: 48%;float: left; height: 24em;}

#blog_content p {padding: 5px 0;font-size: .95em;}

#blog_content img {border: 1px dashed #b5bf85;}
#blog_content p.category a {color:#2A201A;font-size: .7em;font-weight: normal;}

#blog_content p.category {padding: 3px 0 0 4px;margin-top: 5px;}

	 #blog_content p.category a:hover {color: #007000;}
	 p.category span {font-size: 10px;text-transform: capitalize;font-weight: normal;font-style: normal;}
	 
	 p.continued-reading {background: url(images/icon-continue.png) no-repeat right center; padding-right: 25px!important;text-align: right;clear: both;}


/*==========================================
[Right Column Sidebar Items] sidebar - 
==========================================*/	
	/*share elements ======================= */	

#blog_sidebar h6 {display: block;text-align: left;padding-top: 8px;padding-bottom: 0px;color:#0D7D00;font: bold .85em Georgia, "Times New Roman", Times, serif;text-transform: uppercase;border-bottom: 1px dashed #b5bf85;padding-left: 4px;}


	#blog_sidebar .box {margin-bottom: 10px;min-height:13em;}
	.rightbox {float: right!important;}


 /* for image/video using adv. custom field*/
#blog_sidebar  .slideshow {margin-bottom: 20px;border: 1px dashed #dad3cb;padding: 5px;display: block;background:  url(images/bg3.png) repeat center center;text-align: center;margin-top:1px;}

#blog_sidebar .slideshow h5 {background: #007000;display: block;color: #fff;margin: 10px 5px 0 4px;font: 1.1em Georgia, "Times New Roman", Times, serif;padding: 5px 0;border-bottom: 1px solid #FAF9F5;}

#blog_sidebar  .slideshow img {margin: 0 auto 5px auto;}
.widget-wrap {margin-top: 10px;clear: both;overflow: hidden;padding-top: 15px;width: 100%;}
#blog_sidebar .slideshow span em{color: #007000;font: bold 1.4em Georgia, "Times New Roman", Times, serif;background:  url(images/hdr-bg.png) repeat 35% 60%;}

/*RSS FEEDS for feedburner
==========================================*/
.rssfeed {clear: both;overflow: hidden;position: relative;padding-top: 5px;background: url(images/hdr-bg.png) right 90%;}

#blog_sidebar .rssfeed p.feed-icon {background: url(images/icon-rss-fb.png) no-repeat 8px bottom;padding-top: 15px;position: absolute;width: 70px;height: 55px;}
#blog_sidebar .rssfeed li.feedcount {position: absolute;right: 0;margin-right: 5px;}
#blog_sidebar .rssfeed li {padding-left: 35px;}
#blog_sidebar .rssfeed li.rss2 {padding-top: 3px;clear: both;}

#blog_sidebar .rssfeed ul li a {font-size:.8em ;font-weight: bold;padding:0; margin-left: 30px;letter-spacing: 1px;}
#blog_sidebar .rssfeed ul li a:hover {color: #007000;background: none;}




	
		/*sidebar tab - tabbed widget
	========================================*/
	
	.tw-hide {position: absolute;text-indent: -9999em;}
	
	/*wrap the tab container*/
	/*#blog_sidebar .tw-rotate
	{width: 346px;overflow: hidden;background:  url(images/bg3.png) repeat center center;border: 2px solid #048200;border-top: 0;}*/

#blog_sidebar #tab{margin:15px auto;width: 350px;border: 2px solid #048200;overflow: hidden;background: url(images/hdr-bg.png) repeat right 90%;padding-bottom: 0!important;}

#blog_sidebar #tab ul {margin-bottom: 1px;}
#blog_sidebar .ui-tabs-panel { padding:10px 0 0 0!important;margin: 0!important;background: #f9f9f9;}
 

 #blog_sidebar .ui-tabs-hide { display: none; }
   
#blog_sidebar ul#tabnav {display: block;background: #007000;width: 100%;border: 0;}



#blog_sidebar .ui-tabs-nav {  padding: 0;margin:0 0 5px 0}
#blog_sidebar .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

#blog_sidebar .ui-tabs-nav li { float: left; margin: 5px 1px 0 0;min-width: 100px; /* be nice to Opera */border: 0;
     text-align: center;color: #fff;}

#blog_sidebar .ui-tabs-nav a, #blog_sidebar .ui-tabs-nav a span {display: block;background: #007000;}

#blog_sidebar .ui-tabs-nav li a {
padding: 6px 8px 4px 8px;border: 0;text-align: center;color: #353535;background: url(images/bg3.png) repeat left top;
    text-decoration: none;
    white-space: nowrap;font: bold 10px Georgia, "Times New Roman", Times, serif;text-transform: uppercase;}
    
    
#blog_sidebar #tab .ui-tabs-panel li a {margin: 0!important;}
#blog_sidebar #tab .ui-tabs-panel li {width: 100%; margin: 0!important;padding-top:3px;padding-bottom: 3px; line-height: 1.4em;}

#blog_sidebar .ui-tabs-nav li:first-child {margin-left: 10px;}


.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:hover {
    position: relative; 
        z-index: 2;
    color: #fff;}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
 #blog_sidebar .ui-tabs-nav a:hover,
 #blog_sidebar .ui-tabs-nav .ui-tabs-selected a, 
 #blog_sidebar .ui-tabs-nav a:focus, 
 #blog_sidebar .ui-tabs-nav a:active{
background:  url(images/body-bg.png) no-repeat right 90%;text-decoration: none;text-transform: uppercase;color: #007000}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}	

#tab .recent-entries li a {padding-left: 32px;padding-top: 5px;font-size: 1.05em;}
	
	
	/*star icon for tabbed widget list*/
	/*icon for recent posts*/
	#blog_sidebar .widget_recent_entries li a {background: url(images/icon-star.png) no-repeat 8px 3px;}
	
	/*icon for recent comments*/
	#blog_sidebar .widget_get_recent_comments li a,
	#blog_sidebar .recent-comment li 
	{background: url(images/icon-comment.gif) no-repeat 12px 8px!important;}
	
	



#blog_sidebar .box li,
 #blog_sidebar .widget_links li {display: block;border-bottom: 1px dashed #b5bf85;padding:4px;background:  url(images/bgbox-trans.png) repeat-x 0 top;text-transform: capitalize;color: #426e3c;font-size: .8em; }
  

	
		

#blog_sidebar li:hover
 {text-decoration: none;background: url(images/hdr-bg.png) no-repeat right 90%;display: block;}
	
/*Here we fine-tone each tab*/
	/*recent post items*/
	.widget_recent_entries{ margin-top: 10px;/*background:  url(images/bg3.png) repeat center center*/;}
	.widget_recent_entries li, .tabbed-widget-item li,
	.widget_twitter li,
	.recent-comment li  {font-size: .85em;border-bottom: 1px dashed #dad3cb;}
	
	span.author {font-weight: bold;}
	 span.c-excerpt {display: block;font-size: 15px;margin-left: 15px;margin-right: 15px;color: #353535;}
		
		/*======for tag cloud
==================================================*/
	#blog_sidebar .tags-cloud {padding: 10px!important;}
	.tags-cloud a{ padding: 3px;color: #34302a;}
	.tags-cloud a:hover {text-decoration: none;color:#006000;}
	

	

	/*twitterwidget
==================================================*/
		#twitter-2 {padding: 10px 10px 0 10px!important;margin-top: 15px;border: 1px dashed #b5bf85;clear: both;display: block;overflow: hidden;position: relative;}

	 .widget_twitter {background:  url(images/bg4.gif) repeat center center;}
	 .widget_twitter h6  {margin-bottom: 10px;border-bottom: 0!important}
	#blog_sidebar .widget_twitter h6 a.twitterwidget {background: url(images/twitter-bird.gif) no-repeat 0 top!important;padding: 10px 5px 25px 65px;color: #007000;}


.widget_twitter ul li:first-child {border-top: 0;}
.widget_twitter ul li img{position: absolute;right: 0;margin-top: -48px;margin-right: 5px;border: 0;}
	
#blog_sidebar .widget_twitter ul li:first-child:hover {background-image: none;}
	.entry-content {font-size: 1.1em;color: #000;}
	
	.widget_twitter ul li .entry-meta a {color:#2E93BC!important;font-size: 12px;}
	.entry-meta {color: #4b720e;font-size: 12px;}
	.widget_twitter ul li {border-top:1px dashed #b5bf85; border-bottom: 0;line-height: 1;padding: 5px;display: block;}
	
	



.blog-post-view .form_wrap {padding-left: 0;}




/* ======================================
[COMMENTS SECTION]
======================= */


.postmeta-bottom {margin-top: 15px;padding: 6px 10px;color: #777;font-size: .75em;overflow: hidden;clear: both; display: block;}


#searchsubmit {overflow: hidden;padding-left:5px;	}
	
#blog_content .commentlist img{padding: 0;border:0;margin: 0 auto;}
		
#commentform label {display: block;	width: 26%;float: left;font-size: 1em;}


#commentform input {
	width: 53%;float: left;
	margin: 0px 5px 1px 0;
	padding: 3px ;border:  1px dashed #dad3cb;
	}

#commentform textarea {width: 98%;
	margin-top:5px;border:  1px dashed #dad3cb;}
	
	/*submit comment button*/
	.submit:focus, .submit:hover,
.submit:hover{background:#f8f8f8;outline: 0;border: 2px dashed #b5bf85;color: #553F18}

.submit {background: url(images/hdr-bg.png) no-repeat right 90%;height: 25px;margin-top: 2px;text-transform: uppercase;font-size: .8em;color: #007000;font-weight: bold;width: 15em;border: 2px dashed #0D7D00;padding:2px 0 10px 0!important;line-height: 1.5;}

	
span.user {color: #749926;}



.commentlist dl {overflow: hidden;}


.commentlist dl dt span {padding-left: 10px;font-size: .7em;font-weight: normal;} 


.commentlist li {padding: 0;margin: 0;background: url(images/bgbox-trans.png) repeat-x 0 top;}
.commentlist li.even {overflow: hidden;border-top: 1px dashed #dad3cb;
background: url(images/bg-even.png) repeat 0 top;}
.commentlist li.odd {background: url(images/bg-odd.png) repeat 0 top;overflow: hidden;border-top: 1px dashed #dad3cb;}

.reply {float: right;}
.reply a {font-size: 9px;margin-right: 10px;background: url(images/hdr-bg.png) no-repeat right 90%;padding: 2px 5px!important;border: 1px dashed #dad3cb;}
.button a:hover{background-position: left top;color: #007000;text-decoration: none;border: 1px dashed #007000;} 


.avatar{float: left;}
.guest {color:#526E5E; font-size: 1.1em;line-height: 0.5;}
ol.commentlist dd  {display: block;font-size: 16px!important;clear: both;padding-left: 10px;}
dl#leave-comment {overflow: hidden;padding: 0;margin: 0;}

dl#leave-comment dt {margin-bottom: 10px;}
dl#leave-comment dt a, p.nocomments {font-size: 1em;display: block;font-weight: bold;background: url(images/hdr-bg.png) repeat-x left 50%;border-top: 1px dashed #dad3cb;border-bottom: 1px dashed #dad3cb;;color: #006000;padding-left: 10px;}


.nocomments a {color: #999;padding-left: 16px;background:url(	images/icon-comment.gif) no-repeat right 2px;padding-right: 15px;}
.nocomments {margin-left: 5px;}
p.nocomments{margin-top: 25px}


dl#leave-comment p.allowed-tags {font-size: .9em;color: #333;padding-left: 0;}

dl#leave-comment button.close {margin-top: 15px;clear: both;}

dl#leave-comment dt a:hover {color:#313131;}
dl#leave-comment dd {padding: 5px 5px 15px 5px;}

dl#leave-comment div {float: left;width: 33%;}
dl#leave-comment label {display: block;clear: both;font-weight: normal;width: 90%;}
dl#leave-comment div input {display: block;clear: both;width: 86%;margin-bottom: 10px;}

#blog_content ul.decimal {margin: 20px 10px 10px 10px;list-style: decimal;}
#blog_content ul.decimal li {margin-left: 35px;padding-bottom: 6px;color: #777;list-style-type: decimal;}
#blog_content ul.decimal li a {color: #f0efd5;font-size: 1em;}

.cms-index-defaultnoroute code {padding: 5px 15px!important;display: block;border: 1px dashed #b5bf85;margin: 5px 10px 5px 15px;background:#616560 ;}
.blog-post-view span {font-size: .95em;}

em {color: #007700;}
p#comment-count {font-size: 1.1em;padding-left: 10px;}

.cancel-comment-reply {clear: both;display: block;
}



p.published-notice {font-size: .8em;color: #dedeb0;}

/*share background images*/
.wp-pagenavi,
#comment-count {background: url(images/hdr-bg.png) repeat-x left 50%;border-top: 1px dashed #EFE7DF;border-bottom: 1px dashed #EFE7DF;}



/*required class by wordpress*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}