/*
Theme Name: Ecoki
Theme URI: http://ecoki.com
Description: Ecoki Wordpress Theme
Version: 1.0
Author: Spencer
Author URL: http://wefunction.com
/* --------------------------------------------- */

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Website Header
04 - Navigation - Main & Sub Navigation + Search
05 - Featured Content - Featured Post & Ads (Home)
06 - Column Box - Generic box for columns.
07 - Blog Posts - Standard (re-usable) blog post
08 - Sidebar Tabs - jQuery powered tabs.
09 - More News - 480px (re-usable) boxes
10 - Store - Extra Store elements
11 - Blog - Inner Blog (comments, author info)
12 - Inner Pages - Standard page + page form
13 - Footer - 4 Column Footer
14 - Friends - 30x30 Ads for Friends

/* ----------------------------------------------*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#eae4d3 url(images/background.gif);
	font:0.75em Arial, Helvetica, sans-serif; color:#2f2c29;
	line-height:18px;
}

code {
 /* Default */
}

blockquote {
	margin:0 auto 10px auto; padding:10px 20px;
	width:90%; height:auto;
	background:#FFF url(images/comment-back.gif) repeat-x top left;
	border-top:1px solid #FFF; border-bottom:1px solid #dedcd0;
	border-left:1px solid #dedcd0; border-right:1px solid #dedcd0;
}

img {
	margin:0; padding:0;
	border:0;
}

/* PNG Fix. A few select DIVS is all IE can handle without freezing. http://browsehappy.com */
#featured div, #footer ul li, .breadcrumbs, .navigation, #featured-articles-label {
	behavior:url(wp-content/themes/ecoki/js/iepngfix.htc);
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	/* Featured Post */
	margin:15px 0 42px 0; padding:0;
	font:bold 2.00em Arial, Helvetica, sans-serif; color:#2e2a21;
	text-align:center; letter-spacing:-1px;
}

	h1 a:link, h1 a:active, h1 a:visited {
		color:#2e2a21;
	}

	h1.store {
		margin:30px 0 15px 0; padding:0 0 5px 0;
		font:bold 3.00em Arial, Helvetica, sans-serif; color:#2e2a21;
		letter-spacing:normal; text-align:left;
		background:url(images/post-title-divider.gif) repeat-x bottom center;
	}
	
	#author-bio-top h1 {
		margin:0; padding:0;
		font:bold 2.83em Arial, Helvetica, sans-serif; color:#2e2a21;
		letter-spacing:normal; text-align:left;
	}
	
	/* Title inside a post */
	.post-content h1 {
		margin:0; padding:0;
		font:1.67em Georgia, "Times New Roman", Times, serif; color:#2f2c29;
		text-align:left; letter-spacing:normal;
	}
	
	#discussion, #post-comment {
		margin:0 0 25px 0; padding:0;
		width:100%; height:auto;
		text-align:left; letter-spacing:normal;
		font:bold 1.95em Helvetica, Arial, sans-serif;
		background:url(images/icons/discussion.gif) no-repeat top right;
	}
	
		#post-comment {
			margin:0 0 10px 0;
			background-image:url(images/icons/post-comment.gif);
		}
	
		#discussion span, #post-comment span {
			margin:2px 0 0 0; padding:0 0 21px 0;
			width:auto; height:auto;
			font:.50em Georgia, "Times New Roman", Times, serif; color:#9d9b99;
			display:block;
			background:url(images/comments-divider.gif) repeat-x bottom center;
		}

h2{
	margin:0 0 15px 0; padding:15px 0 15px 190px;
	width:auto; height:auto; line-height:39px;
	font:0.92em Arial, Helvetica, sans-serif; color:#9f9885;
	display:block; text-transform:uppercase;
}

	h2 a:link, h2 a:active, h2 a:visited {
		font:bold 0.92em Arial, Helvetica, sans-serif; color:#9f9885;
		text-transform:uppercase;
	}

	/* Horizontal Orange badge for generic pages */
	.generic {
		margin:0 0 15px 0; padding:0;
	}
	
	#page-title {
		margin:0; padding:9px 18px 0 18px;
		width:auto; height:25px;
		font:bold 1.30em Arial, Helvetica, sans-serif; color:#fff5dd;
		display:inline-block; text-transform:none;
		background:url(images/h2/generic.png) no-repeat left center;
		border-right:1px solid #d6c0a7; border-left:1px solid #d6c0a7;
		float:left;
	}
	
		.breadcrumbs, .navigation {
			margin:1px 0 0 1px; padding:8px 14px;
			background:url(images/tab-inactive.png) repeat;
			border:1px solid #f5f2ec; text-transform:none; color:#5e5a51;
			float:left;
		}
		
			/* Next/Previous Links */
			.navigation {
				margin:0;
				float:none;
				font-size:16px;
			}

	.latest-news {
		background:url(images/h2/latest-news.png) no-repeat center left;
	}
	
	.from-the-blog {
		background:url(images/h2/from-the-blogs.png) no-repeat center left;
	}
	
	.older-blog-posts {
		padding:23px 0 23px 190px; line-height:44px;
		background:url(images/h2/older-blog-posts.png) no-repeat center left;
	}
	
	.must-reads {
		background:url(images/h2/must-read.png) no-repeat center left;
	}
	
	.old-must-reads {
		padding:20px 0 20px 190px;
		background:url(images/h2/old-must-read.png) no-repeat center left;
	}
	
	.featured {
		padding:20px 0 14px 190px;
		background:url(images/h2/featured.png) no-repeat center left;
	}
	
	.latest-blog-posts {
		background:url(images/h2/latest-blog-posts.png) no-repeat center left;
	}
	
	.contact-us {
		background:url(images/h2/contact-us.png) no-repeat center left;
	}
	
	.ffeatured {
		background:url(images/h2/featured-articles.png) no-repeat center left;
	}
	
	.contribute {
		background:url(images/h2/contribute.png) no-repeat center left;
	}
	
	.login {
		padding:15px 0 15px 100px;
		background:url(images/h2/login.png) no-repeat center left;
	}
	
	#author-bio-top h2 {
		margin:0; padding:0;
		width:auto; height:auto; line-height:normal;
	}
	
		#author-bio-top h2 a:link, #author-bio-top h2 a:active, #author-bio-top h2 a:visited {
			margin:0; padding:0;
			font:0.92em Arial, Helvetica, sans-serif; color:#837e6f;
			text-transform:uppercase;
		}
	
	h2 a {
		margin:0; padding:0;
		text-transform:none;
	}
	
	/* Title inside a post */
	.post-content h2 {
		margin:0; padding:0;
		width:auto; height:auto; line-height:normal;
		font:1.40em Georgia, "Times New Roman", Times, serif; color:#2f2c29;
		text-align:left; text-transform:none;
	}

h3 {
	/* Column Box Title */
	margin:0; padding:0 5px;
	font:bold 1.33em Arial, Helvetica, sans-serif; color:#47443a;
}

	h3 a:link, h3 a:active, h3 a:visited {
		color:#47443a;
	}

	#sidebar h3 {
		margin:0; padding:0;
		font:bold 1.67em Helvetica, Arial, sans-serif; color:#595650;
	}
	
	/* Title inside a post */
	.post-content h3 {
		margin:0;
		font:bold 1.20em Georgia, "Times New Roman", Times, serif; color:#4d4843;
	}
	
	/* Comment Author */
	.comment-list h3 {
		margin:0 0 7px 0; padding:0 0 7px 0;
		width:100%;
		background:url(images/comment-author.gif) repeat-x bottom center;
	}
	
		.commentlist h3 span {
			margin:0; padding:0;
			font:normal 1.00em Arial, Helvetica, sans-serif; color:#2e2a21;
			display:inline-block;
		}
		
			.commentlist h3 span span, .commentlist h3 span.reply {
				margin:0; padding:0;
				width:auto; display:inline-block;
				font:0.61em Arial, Helvetica, sans-serif; color:#bdbcb9;
				background:none;
			}
			
			h3 .reply a:link, h3 .reply a:active, h3 .reply a:visited {
				margin:0; padding:0;
				font:1.00em Arial, Helvetica, sans-serif; color:#837e6f;
				text-transform:uppercase;
			}

h4 {
	/* Blog Post Title */
	margin:3px 0 10px 0; padding:0 0 10px 0;
	font:bold 2.00em Helvetica, sans-serif; color:#2e2a21;
	background:url(images/post-title-divider.gif) repeat-x bottom center;
}

	h4 a:link, h4 a:active, h4 a:visited {
		color:#2e2a21;
	}

	/* Title inside a post */
	.post-content h4 {
		margin:0; padding:0;
		font:bold 1.00em Georgia, "Times New Roman", Times, serif; color:#4d4843;
		background:none;
	}
	
	/* Page Title (No Dotted Line */
	.pagetitle {
		margin:0 0 0 5px; padding:0;
		background:none;
	}

h5 {
	/* Must Read Main (480 Box) */
	margin:4px 0 5px 0; padding:0;
	font:bold 1.67em Helvetica, sans-serif; color:#2e2a21;
}

	h5 a:link, h5 a:active, h5 a:visited {
		color:#2e2a21;
	}

	/* Title inside a post */
	.post-content h5 {
		margin:0; padding:0;
		font:bold 0.92em Georgia, "Times New Roman", Times, serif; color:#4d4843;
		text-transform:uppercase;
	}	

a:link, a:active, a:visited {
	color:#356d13;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

label {
	margin:3px 0;
	font:bold 1.00em Arial, Helvetica, sans-serif; color:#5e5e5d;
	display:block;
}

	#page-form label {
		margin:5px 0; color:#2f2c29;
	}

.green {
	color:#5e8f3e;
}

.morelinks {
	background:url(images/linksbg.jpg) no-repeat top left #A9A286; 
	border:1px solid #A7A299;
	padding:5px 15px;
	position:relative;
	margin:40px 0 20px 0;
	min-height:170px;
}

* html .morelinks {	
	height:170px;
}

.morelinks p.yoadsense {
	position:absolute; 
	bottom:-1px;   
}

* html .morelinks p.yoadsense {
	bottom:10px;
	
}

.morelinks .rightlinks {
	float:right;
	font-size:12px;
	font-weight:bold;
}

.morelinks .yoshare {
	position:absolute;
	right:15px;
	top:43px;
}
.morelinks .yoshare img{
	padding:0 0 0 2px;
}

.morelinks .rightlinks a{
	background:url(images/icons/rsssmall.gif) no-repeat left;
	padding:0 0 0 20px;
}

.morelinks .linksmem{
	line-height:25px;
	padding-bottom:20px;
}

.morelinks .linksmem a{
	display:block;
	color:#fff !important;
	font-weight:bold;
	font-size:13px;
}

.morelinks img.linkssotre{
	position:absolute;
	right:15px;
	top:83px;
}

/* Header
/* -------------- */

#top-navigation li a {
	margin:0; padding:0 0 0 20px;
	font:bold 1em Georgia, "Times New Roman", Times, serif;
	color:#798a60; display:block;
}

	#top-navigation li a:hover {
		color:#685d42;
	}
	
	#top-navigation #create-account a {
		background:url(images/icons/create-account.png) no-repeat center left;
	}
	
	#top-navigation #sign-in a {
		padding:0 0 0 22px;
		background:url(images/icons/sign-in.png) no-repeat center left;
	}
	
	#top-navigation #publish-news a {
		padding:0 0 0 16px;
		background:url(images/icons/publish-news.png) no-repeat center left;
	}
	
	#top-navigation #my-blog a {
		padding:0 0 0 26px;
		background:url(images/icons/my-blog.png) no-repeat center left;
	}
	
	#top-navigation #my-account a {
		background:url(images/icons/my-account.png) no-repeat center left;
	}
	
	#top-navigation #h-press a {
		background:url(images/icons/top-nav/press.png) no-repeat center left;
	}
	
	#top-navigation #h-about a {
		background:url(images/icons/top-nav/about.png) no-repeat center left;
	}
	
	#top-navigation #h-contact a {
		background:url(images/icons/top-nav/contact.png) no-repeat center left;
	}
	
	#top-navigation #h-search a {
		background:url(images/icons/top-nav/search.png) no-repeat center left;
	}
	
	#top-navigation #h-advertise a {
		background:url(images/icons/top-nav/promote.png) no-repeat center left;
	}
	
	#top-navigation #h-feed a {
		background:url(images/icons/top-nav/rss.png) no-repeat center left;
	}
	
/* Navigation
/* -------------- */

#main-navigation li a {
	margin:0; padding:0;
	font:bold 1.17em Arial, Helvetica, sans-serif; color:#7b7363;
	text-transform:uppercase;
}

	#navigation li a {
		line-height:50px;
		display:block;
		text-align:center; text-decoration:none;
		padding:0 18px;
	}

	#main-navigation li a:hover {
		color:#3d3629;
	} 
	
	#main-navigation li.current_page_item a {
		color:#e5f1ba;
		background:url(images/hovers/contact-us.png) no-repeat top center;
	}
	
	

#sub-navigation li a {
	margin:0; padding:13px 15px;
	font:0.92em Verdana, Arial, Helvetica, sans-serif; color:#c8bca6;
	text-transform:uppercase; display:block;
}

	#sub-navigation li a:hover, #sub-navigation li.current_page_item a {
		margin:0; padding:13px 14px;
		background:url(images/sub-navigation-hover.gif) repeat-x top center;
		border-left:1px solid #342b16;
		border-right:1px solid #342b16;
		text-decoration:none; color:#fcf7e2;
	}
	
/* Featured
/* -------------- */
	
#featured-right p {
	margin:10px 0 0 0;
	font:1em Arial, Helvetica, sans-serif; color:#636259;
	line-height:20px;
}

.author {
	margin:23px 0 0 0; padding:1px;
	font:bold 1em Georgia, "Times New Roman", Times, serif; color:#817760;
	display:block;
}

	.author a {
		color:#d05d2b;
	}

.date {
	margin:0; padding:3px 0;
	font:0.92em Georgia, "Times New Roman", Times, serif; color:#817760;
	display:block;
}

.continue-reading, .continue-reading-dyanmic {
	margin:293px 0 0 12px; padding:0;
	width:152px; height:39px;
	background:url(images/continue-reading.gif) no-repeat top center;
	text-indent:-9999px; display:block; outline:0;
	position:absolute;
}

	.continue-reading-dyanmic {
		margin:385px 0 0 22px; padding:0;
	}

/* Column Box
/* -------------- */

.column-box-bottom p, #tabs div div p, .column-box-bottom-small p {
	padding:0 5px;
	font:1.00em Georgia, "Times New Roman", Times, serif; color:#777777;
	line-height:19px;
}

	.archives {
		margin:0 auto;
		font:1.00em Arial, Helvetica, sans-serif; color:#b9af9b;
		text-align:center;
	}

		.archives a {
			margin:0 auto 7px auto;
			font:bold 1.17em Arial, Helvetitca, sans-serif; color:#7b7363;
			text-transform:uppercase;
			display:block;
		}

/* Posts
/* -------------- */

.post-info span, .post-info-small span {
	font:1.00em Georgia, "Times New Roman", Times, serif; color:#9d9b99;
}

	.post-info span a, .post-info-small span a {
		color:#59544a;
	}
	
		.post-info span span a {
			color:#69964b;
		}
		
a.continue-reading-post:link, a.continue-reading-post:active, a.continue-reading-post:visited, .continue-reading-post {
	margin:0; padding:0 0 0 20px;
	width:130px; height:auto; display:inline-block;
	font:bold 1.00em Arial, Helvetica, sans-serif; color:#7f796d;
	line-height:39px; float:left
}

	a.continue-reading-post:hover {
		text-decoration:none;
		color:#5e8f3e;
	}
	
.tags {
	margin:0 0 0 20px; padding:10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:550px;
	color:#938d8c; display:block; float:right;
}

	.tags a {
		color:#938d8c;
	}
	
		.tags a:hover {
			text-decoration:none;
			color:#5e8f3e;
		}

/* Sidebar Tabs
/* -------------- */

.tab-navigation li a, .tab-navigation li a.selected {
	font:bold 1.00em Arial, Helvetica, sans-serif; color:#807762;
}

.tab-navigation li a.selected {
	color:#47443a;
}

/* Store
/* -------------- */

p.store-featured-description {
	font:1.17em Georgia, "Times New Roman", Times, serif; color:#78756d;
	line-height:21px;
}

p.store-featured-price {
	font:3.00em Georgia, "Times New Roman", Times, serif; color:#648c47;
	text-align:center;
}

.shopping-list {
	margin:0 0 25px 15px; padding:0;
	list-style:none;
}

	.shopping-list li {
		margin:12px 0; padding:0;
		font:1.00em Georgia, "Times New Roman", Times, serif;
	}
	
		.shopping-list li a {
			color:#737164;
		}
		
		.shopping-list li a:hover {
			color:#697634;
		}
		
.store-item-name {
	font:bold 0.92em Arial, Helvetica, sans-serif; color:#47443a;
}

.store-price {
	font:2.00em Georgia, "Times New Roman", Times, serif; color:#65a03a;
}

/* Blog
/* -------------- */

#eco-store {
	font:0.92em Arial, Helvetica, sans-serif; color:#555555;
	line-height:18px;
}

	#eco-store span {
		margin:0 0 8px 0;
		font:bold 1.27em Helvetica, sans-serif; color:#2f240f;
		display:block;
	}
	
.wp-caption-text {
	font:0.92em Arial, Helvetica, sans-serif; color:#9b9a9a;
}

/* Comments
/* -------------- */
	
/* Check the Heading Tags as well. */

.comment-body p, .comment-body-alt p, .comment-body-alt-prev p {
	margin:auto; padding:auto;
	font:1.00em Georgia, "Times New Roman", Times, serif; color:#7e7e7e;
	line-height:19px;
}
	
/* Sidebar
/* -------------- */

.sidebar-content {
	font-size:0.92em; color:#848484;
	line-height:18px;
}

a.sidebar-button:link, a.sidebar-button:active, a.sidebar-button:visited {
	margin:10px 0 0 0; padding:3px 8px;
	width:auto; height:auto;
	background:#ebebe5 url(images/sidebar-button.gif) repeat-x top center;
	border:1px solid #e5e5e4;
	display:inline-block;
	font:normal 0.83em Verdana, Arial, Helvetica, sans-serif; color:#848484;
	text-transform:uppercase; text-align:center;
}

	a.sidebar-button:hover {
		text-decoration:none;
		color:#000;
	}
	
/* Inner Pages
/* -------------- */

a.contact-rss:link, a.contact-rss:active, a.contact-rss:visited,
a.contact-skype:link, a.contact-skype:active, a.contact-skype:visited,
a.contact-email:link, a.contact-email:active, a.contact-email:visited {
	margin:10px 0; padding:0 0 0 40px;
	width:auto; height:auto;
	font:1.00em Verdana, Arial, Helvetica, sans-serif; color:#6b6b6b;
	display:block;
} 

	a.contact-rss:hover, a.contact-skype:hover, a.contact-email:hover {
		text-decoration:none; color:#000;
	}

	a.contact-rss:link, a.contact-rss:active, a.contact-rss:visited {
		margin:25px 0 10px 0;
		height:25px; line-height:25px;
		background:url(images/icons/contact-sprite.gif) no-repeat 0 0;
	}
	
	a.contact-skype:link, a.contact-skype:active, a.contact-skype:visited {
		height:23px; line-height:23px;
		background:url(images/icons/contact-sprite.gif) no-repeat 0 -25px;
	}
	
	a.contact-email:link, a.contact-email:active, a.contact-email:visited {
		height:24px; line-height:24px;
		background:url(images/icons/contact-sprite.gif) no-repeat 0 -48px;
	}

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

#container {
	margin:0 auto; padding:0;
	width:980px; height:auto;
}

	.container {
		margin:0 auto;
		width:980px; height:auto;
	}

/* Various Columns
/* -------------- */

.col-731 {
	width:731px;
}

.col-229 {
	width:229px;
}

.col-480 {
	width:480px;
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

.aligncenter {
	margin:0 auto;
	display:block;
}

/* Clearfix
/* -------------- */

.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%;
}


/* 03 - HEADER
/* ----------------------------------------------*/

#header-repeat {
	margin:0; padding:0;
	width:100%; height:auto;
	background:url(images/header-repeat.gif) repeat-x top center;
}

#header-back {
	margin:0; padding:0;
	width:100%; height:auto;
	background:url(images/header-back.gif) no-repeat top center;
}

#header {
	margin:0; padding:0;
	width:auto; height:230px;
}

#logo {
position: absolute;
	margin:0px 0 0 -60px; padding:0;
	float:left; 
}

	#logo a:link, #logo a:visited, #logo a:active {
		width:310px; height:238px;
		background:url(images/logo.png) no-repeat top center;
		text-indent:-9999px; display:block; outline:0;
	}

#top-info {
	margin:0; padding:0;
	width:710px; height:auto;
	float:right;
}

	#top-navigation {
		margin:0 20px 0 0px; padding:0;
		width:auto; height:60px;
		list-style:none; 
	
	}
	
		#top-navigation li {
			margin:0; padding:20px 15px;
			width:auto; height:20px;
			float:RIGHT;
		}
		
		#top-navigation li:hover {
			margin:0; padding:20px 14px;
			background:url(images/top-navigation.gif) no-repeat top left;
			border-right:1px solid #dcd8cd;
			border-left:1px solid #dcd8cd;
		}
		
	#top-resources {
		margin:43px 0 0 0; padding:0;
	}
	
		.resource {
			margin:0 5px; padding:3px 0 0 4px;
			width:159px; height:98px;
			background:url(images/resources/ad-back.gif) no-repeat;
			display:inline; float:left;
		}
		
/* 04 - NAVIGATION
/* ----------------------------------------------*/

#navigation {
	margin:15px 0 0 0; padding:0 0 3px 0;
	background:url(images/navigation-bottom.gif) repeat-x bottom center;
}
	
	#main-navigation {
		margin:0; padding:0;
		width:auto; height:auto;
		list-style:none;
		/* Pull it above the subnavigation hovers. */
		position:relative; z-index:10000;
	}
		
		#main-navigation li {
			margin:0 -3px -7px 0; padding:0;
			width:auto; height:auto;
			float:left;
		}
			
	#sub-navigation {
		margin:0; padding:0;
		width:auto; height:auto;
		background:#4b3f26 url(images/sub-navigation.gif) repeat-x top center;
	}
	
		#sub-navigation ul {
			margin:0; padding:0;
			list-style:none;
			float:left;
		}
	
			#sub-navigation ul li {
				margin:0; padding:0;
				width:auto; height:auto;
				float:left;
			}

		#search-form {
			margin:8px 12px 0 0;
			width:156px; height:25px;
			background:url(images/search-form-back.gif) no-repeat center left;
			float:right;
		}
		
		#search-form #s {
			margin:0 0 0 0; padding:5px;
			width:121px; height:auto;
			border:0;
			background:none;
			float:left;
			font-size:0.92em; color:#aea592;
		}
		
		#search-form #go {
			float:right;
			margin:0;
		}
		
/* 05 - FEATURED CONTENT
/* ----------------------------------------------*/

#featured {
	margin:0 0 15px 0; padding:0;
	width:auto; height:auto;
	background:url(images/featured-back.gif) no-repeat top left;
	position:relative;
}

	#featured-navigation {
		margin:352px 0 0 0px;
		position:absolute;
		left:0;
	}
	
		#featured-navigation a:link, #featured-navigation a:visited, #featured-navigation a:active {
			margin:0; padding:77px 0 0 0;
			outline:0;
		}
		
		#featured-navigation a.selected:link, #featured-navigation a.selected:visited, #featured-navigation a.selected:active {
			background:url(images/featured-arrow.gif) no-repeat top center;
		}

	#featured-post {
		margin:30px 0 0 1px; padding:0;
		width:665px; height:363px;
		background:url(images/featured.gif) no-repeat top center;
		float:left; display:inline;
		overflow:hidden;
	}
	
		#featured-left {
			margin:0; padding:23px 0 0 0;;
			width:475px; height:auto;
			float:left; 
		}
		
			#featured-articles-label {
				top:20px;
				left:-1px; padding:0;
				width:171px; height:52px; display:block;
				background:url(images/h2/featured-articles.png) no-repeat top center;
				position:absolute; text-indent:-9999px;
			}
		
			#featured-image {
				margin:23px 0 0 25px; padding:0;
				width:418px; height:213px;
			}
			
			   .featured-image-extra {
					margin:0 8px; padding:3px 3px 5px 3px;
					width:auto; height:auto;
					background:url(images/feature-extra-back.gif) no-repeat top center;
				}
				
		#featured-right {
			margin:50px 13px 0 0; padding:1px;
			width:168px; height:auto;
			float:right; display:inline;
		}
			
	#featured-resources {
		margin:40px 0 0 0; padding:0;
		width:265px; height:auto;
		float:right;
		text-align:right;
	}
	
		.featured-resource {
			margin:0 2px 10px 2px; padding:3px;
			
			background:#ffffff;
			border:1px solid #cfc9b9;
			float:left;
		}
		
/* 06 - COLUMN BOX LIST
/* ----------------------------------------------*/

.column-box-list {
	margin:0 0 -30px 0; padding:0;
	list-style:none;
	background:url(images/latest-news-back.gif) no-repeat top left;
}

	.column-box-list li, .column-box-top {
		margin:0 0 50px 0; padding:0;
		width:228px; height:auto;
		background:#fdfdfa url(images/column-box-top.gif) no-repeat top center;
	}
	
		.column-box-top-small {
			margin:0 0 15px 0; padding:0;
			width:227px; height:auto;
			background:#fffffe url(images/column-box-top-small.gif) no-repeat top center;
		}
	
	.column-box-list li {
		margin:0 22px 30px 0;
		float:left;
	}
	
		.column-box-list li.last {
			margin:0;
		}
	
	.column-box-bottom {
		margin:0; padding:15px 15px 25px 15px;
		width:198px; height:auto;
		background:url(images/column-box-bottom.gif) no-repeat bottom center;
	}
	
		.column-box-list li.long .column-box-bottom {
			height:385px;
		}
	
		.column-box-bottom-small {
			margin:0; padding:15px 15px 10px 15px;
			width:197px; height:auto; display:block;
			background:url(images/column-box-bottom-small.gif) no-repeat bottom center;
			overflow:visible;
		}
		
			.column-box-bottom-small p {
				margin:10px 0;
			}
	
	.column-box-image {
		margin:0 0 10px 0; padding:3px 0 0 3px;
		width:193px; height:141px; display:block;
		background:url(images/column-box-image.gif) no-repeat top center;
	}
	
/* 07 - BLOG POSTS
/* ----------------------------------------------*/

#blog-posts {
	margin:40px 0 0 0;
	background:url(images/blog-posts-back.gif) no-repeat bottom right;
}

.post {
	margin:0; padding:0;
	width:731px; height:auto;
	background:#FFF url(images/post-repeat.gif) repeat-y top center;
}
	.post-title {
		margin:0; padding:25px 25px 13px 25px;
		background:#FFF url(images/post-top.gif) no-repeat top center;
	}
	
		.post-gravatar {
			margin:0; padding:3px 0 0 4px;
			width:61px; height:70px;
			background:url(images/post-gravatar.gif) no-repeat top center;
			float:left;
		}
		
			.avatar {
				width:56px; height:65px;
			}
			
			.avatar-76 {
				width:76px; height:76px;
			}
		
		.post-info, .post-info-small {
			margin:0 10px 0 0; padding:0;
			width:585px; height:auto;
			float:right; display:inline;
		}
		
		/* For 480 Column */
		.post-info-small {
			width:340px;
		}
		
	.post-content {
		margin:0 0 0 2px; padding:10px 30px 10px 30px;
		width:auto; height:auto;
		background:url(images/post-content-back.gif) no-repeat top left;
		border-bottom:1px solid #d4cebe;
		line-height:19px;
	}
	
	.post-meta {
		margin:0; padding:0 0 17px 0;
		width:731px; height:auto;
		background:url(images/post-bottom.gif) no-repeat bottom center;
	}
	
		/* Image connecting the comments */
		.post-meta-comments {
			margin:0; padding:0 0 40px 0;
			width:731px; height:auto;
			background:url(images/post-bottom-comments.gif) no-repeat bottom center;
		}
	
/* 08 - SIDEBAR TABS
/* ----------------------------------------------*/

#tabs {
	margin:0; padding:0 0 20px 0;
	width:auto; height:auto;
	background:url(images/tabs-bottom.gif) no-repeat bottom center #FAF9EF;
}

.tab-navigation {
	margin:0; padding:0;
	list-style:none;
	border-left:1px solid #FFF;
}

	.tab-navigation li {
		float:left;
	}
	
		.tab-navigation li a {
			margin:0; padding:8px 0;
			width:75px; height:auto;
			display:block; 
			border:1px solid #FFF; border-width:1px 1px 0 0;
			text-align:center;
			background:url(images/tab-inactive.png) repeat;
		}
		
		.tab-navigation li a.selected {
			background:#FFF url(images/tab-selected.gif) repeat-x bottom center;
		}
		
#tabs-top {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#fefefb url(images/tabs-top.gif) no-repeat top center;
}

	.tab-post, .tab-post-first {
		margin:0; padding:15px 20px 10px 20px;
		width:189px; height:auto;
		background:url(images/tab-post.gif) repeat-x bottom center;
		border-bottom:1px solid #f1f0e6;
	}
	
		.tab-post-first {
			padding:23px 20px 10px 20px;
			background:none;
		}
		
	.archives {
		margin:20px 0 0 -10px; padding:55px 10px 20px 10px;
		background:url(images/icons/archives.gif) no-repeat top center;
	}
	
/* 09 - MORE NEWS (480px Box)
/* ----------------------------------------------*/

.col-480-box {
	margin:0; padding:0;
	width:479px; height:auto;
	background:url(images/480-box-middle.gif) repeat-y top center;
	list-style:none;
}

.col-480-box-top, .col-480-box li {
	margin:0; padding:0;
	width:479px; height:auto;
	background:url(images/480-box-top.gif) no-repeat top center;
}

.col-480-box-bottom {
	margin:0; padding:20px;
	width:439px; height:auto;
	background:url(images/480-box-bottom.gif) no-repeat bottom center;
}

	.box-480-divider {
		margin:0 0 13px 0; padding:0 0 13px 0;
		background:url(images/post-title-divider.gif) repeat-x bottom center;
	}
	
/* 10 - STORE
/* ----------------------------------------------*/

.store-divider {
	margin:-10px 0 30px 0; 
	padding:0;
	width:100%; height:4px;
	background:url(images/store-divider.gif) repeat-x top center;
}

#store-logo {
	margin:0; padding:0;
	width:288px; height:202px;
	background:url(images/store-logo.gif) no-repeat top center;
	float:left; text-indent:-9999px;
}

#store-resources {
	float:right;
	margin:60px 0 0 0;
}

.post-box {
	margin:0; padding:0;
	width:728px; height:auto;
	background:url(images/post-box-middle.gif) repeat-y top center;
}

.post-box-bottom {
	margin:0; padding:0;
	width:728px; height:auto;
	background:url(images/post-box-bottom.gif) no-repeat bottom center;
}

.post-box-top {
	margin:0; padding:40px;
	width:648px; height:auto;
	background:url(images/post-box-top.gif) no-repeat top center;
}

.store-featured-image {
	margin:0; padding:3px 0 0 4px;
	width:647px; height:auto;
	background:url(images/store-featured-image-back.gif) no-repeat top center;
}

p.store-featured-description {
	margin:0; padding:0;
	width:550px; height:auto;
	float:left;
}

p.store-featured-price {
	margin:0; padding:0;
	width:80px; height:auto;
	float:right;
}

.postit {
	margin:0 0 15px 0; padding:0;
	width:229px; height:190px;
	background:url(images/store-postit.gif) no-repeat top center;
	display:block; text-indent:-9999px;
	outline:0;
}

.store-item, #store-items li {
	margin:0 0 18px 0; padding:0;
	width:228px; height:auto;
	background:#fcfcf6 url(images/store-item-top.gif) no-repeat top center;
}

	#store-items li {
		margin:0 22px 18px 0;
		float:left;
	}
	
	#store-items li img.ribbonr{
		position:absolute;
		top:0px;
		right:0px;
	}
	
	img.ribbonr2{
		position:absolute;
		top:0px;
		right:0px;
	}
	
		#store-items li.last {
			margin:0 0 18px 0;
		}

	.store-item-bottom {
		margin:0; padding:13px 15px 25px 13px;
		width:200px; height:auto;
		background:url(images/store-item-bottom.gif) no-repeat bottom center;
	}
	
		.cart {
			margin:25px 0;
			font:1.00em Georgia, "Times New Roman", Times, serif; color:#737164;
			text-align:center;
		}
	
		.cart strong {
			font:1.50em Georgia, "Times New Roman", Times, serif; color:#737164;
		}
		
		.cart span {
			font:1.50em Georgia, "Times New Roman", Times, serif; color:#619c3d;
		}
		
		a.checkout:link, a.checkout:active, a.checkout:visited {
			margin:20px auto 0 auto; padding:0;
			width:79px; height:22px;
			background:url(images/checkout.gif) no-repeat top center;
			display:block; text-indent:-9999px; outline:0;
		}
	
	.store-item-list-bottom {
		margin:0; padding:13px 15px 45px 13px;
		width:200px; height:auto;
		background:url(images/store-item-list-bottom.gif) no-repeat bottom center;
	}
	
	.store-item-title {
		margin:15px 0 5px 15px; padding:0;
		display:block;
	}
	
#store-items {
	margin:0; padding:0;
	list-style:none;
}

	.store-image {
		margin:0 0 8px 0; padding:0;
		width:200px; height:227px;
		background:url(images/store-image-back.gif) no-repeat top center;
	}
	
		.store-image img {
			margin:0; padding:3px 0 0 3px;
		}
	
	.store-item-name {
		margin:5px 0 0 5px; padding:0;
		width:130px; height:auto;
		float:left; display:inline;
	}
	
	.store-item-name a{
		color:#47443A;
	}
	
	.store-price {
		margin:0; padding:0;
		width:50px; height:auto;
		float:right;
	}
		
/* 11 - BLOG (SIDEBAR, AUTHOR, COMMENTS)
/* ----------------------------------------------*/

#blog {
	margin:20px 0 0 0;
}

/* Author
/* ------------ */

#author-bio-top {
	margin:0 0 0 -10px; padding:0;
	width:745px; height:119px;
	background:url(images/author-bio-top.gif) no-repeat top center;
	position:relative;
}

	 .author-gravatar {
		margin:20px 0 0 94px; padding:3px 0 0 4px;
		width:61px; height:70px;
		background:url(images/post-gravatar.gif) no-repeat top center;
		float:left; display:inline;
	}
	
	.author-author {
		margin:25px 0 0 10px; padding:0;
		width:auto; height:auto;
		float:left; display:inline;
	}

#author-bio-bottom {
	margin:0 0 15px 0; padding:10px 30px 40px 30px;
	width:670px; height:auto;
	background:url(images/author-bio-bottom.gif) no-repeat bottom center;
}

#eco-store {
	margin:0; padding:50px 30px 0 30px;
	width:169px; height:279px;
	background:url(images/eco-store.jpg) no-repeat top center;
}

/* Sidebar
/* ------------ */

#sidebar {
	margin:0; padding:0;
	list-style:none;
}
	
	#sidebar li {
		margin:0 0 15px 0; padding:20px 20px 23px 20px;
		width:189px; height:auto;
		background:#FFF url(images/sidebar-grad.gif) repeat-x top center;
		border-top:1px solid #FFF;
		border-right:1px solid #dfd8c8; border-left:1px solid #dfd8c8;
		border-bottom:1px solid #c0bdb0;
	}
	
		#sidebar li ul {
			margin:15px 0 0 0;
		}
	
		#sidebar li ul li {
			margin:7px 0; padding:0;
			width:auto; height:auto;
			background:none;
			border:none;
		}
	
		.sidebar-icon {
			margin:0 20px 0 0; padding:0;
			width:40px; height:auto;
			float:left;
		}
		
		.sidebar-content {
			margin:0; padding:0;
			width:120px; height:auto;
			float:left;
		}

.bottom-grunge {
	margin:0; padding:0 0 60px 0;
	background:url(images/blog-posts-back.gif) no-repeat bottom right;
	font-style:normal;
}

/* Comments
/* ------------ */

#comments {
	margin:0 0 25px 0; padding:0;
	border:1px solid #e0d8c7;
	border-width:0 1px 1px 1px;
}

	.comment-list {
		margin:0; padding:0 25px 25px 25px;
		background:url(images/comment-list.gif) repeat top center;
		border:1px solid #f8f6ef; border-width:0 1px 0 1px;
	}
	
	.comment-list-prev {
		margin:0; padding:0 25px 25px 25px;
		background:url(images/comment-list.gif) repeat top center;
		border:1px solid #f8f6ef; border-width:0 1px 1px 1px;
	}
	
	.post-comment {
		margin:0; padding:25px;
		background:#f4f2e7;
		border:1px solid #f8f6ef; border-width:0 1px 1px 1px;
		border-top:1px solid #e0d8c7;
	}
	
.commentlist {
	margin:0; padding:0;
	list-style:none;
}

	.comment-list li {
		margin:0; padding:0;
		width:auto; height:auto;
	}
	
		.comment-list li ul {
			margin:0; padding:0;
			width:auto; height:auto;
		}
		
			.comment-list li ul li {
				margin:0; padding:0;
				width:auto; height:auto;
			}
			
				.comment-list li ul li .comment-avatar {
					display:none;
				}
			
		.comment-avatar {
			margin:0; padding:2px;
			width:76px; height:76px;
			background:#FFF;
			border-bottom:1px solid #cbc9bd;
			float:left; display:block;
		}
		
			.comment-avatar img {
				width:76px; height:76px;
			}
		
		.comment-body, .comment-body-alt {
			margin:0; padding:20px 25px 25px 25px;
			width:530px; height:auto;
			float:right;
		}
		.comment-body-alt-prev {
			margin:0; padding:20px 25px 25px 25px;
			width:510px; height:auto;
			float:right;
			margin:0 0 20px 0;
			background:#FFF url(images/comment-back.gif) repeat-x top left;
			border-top:1px solid #FFF; border-bottom:1px solid #dedcd0;
		}
			.comment-list li ul.children li.depth-2 .comment-body {
				width:500px;
			}
			
				.comment-list li ul.children li.depth-3 .comment-body {
					width:470px;
				}
				
					.comment-list li ul.children li.depth-4 .comment-body {
						width:440px;
					}
		
			.comment-list li.thread-even .comment-body, 
			.comment-body-alt {
				margin:0 0 20px 0;
				background:#FFF url(images/comment-back.gif) repeat-x top left;
				border-top:1px solid #FFF; border-bottom:1px solid #dedcd0;
			}
			
				.comment-list li ul.children li .comment-body {
					padding:15px; margin:0 0 20px 0;
					background:none;
					border:1px solid #d6d4c6; border-width:0 0 0 1px;
				}
		
#comment-form-left {
	margin:0; padding:0;
	width:220px; height:auto;
	float:left;
}

#comment-form-right {
	margin:0; padding:0;
	width:420px; height:auto;
	float:right;
}

.input-text, .input-textarea {
	margin:0; padding:7px 5px 6px 5px;
	font:0.92em Arial, Helvetica, sans-serif; color:#848484;
	border:0;
}

.input-text {
	width:208px; height:15px;
	background:url(images/input-text.gif) no-repeat top center;
}

.input-textarea {
	width:409px; height:211px;
	background:url(images/input-textarea.gif) no-repeat top center;
}



.formBuilderInput input{
	margin:0; padding:7px 5px 6px 5px;
	font:0.92em Arial, Helvetica, sans-serif; color:#848484;
	border:0;
	width:208px; height:15px;
	background:url(images/input-text.gif) no-repeat top center;
}

.formBuilderLargeTextarea textarea{
	margin:0; padding:7px 5px 6px 5px;
	font:0.92em Arial, Helvetica, sans-serif; color:#848484;
	border:0;
	width:208px; height:150px;
	background:url(images/input-textarea.gif) no-repeat top left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.formBuilderSubmit {
	text-align:left !important;
}

.formBuilderSubmit input{
	background:url(http://ecoki.com/wp-content/themes/ecoki/images/submit.gif) no-repeat center;
	width:66px;
	height:22px;
	cursor:pointer;
	text-indent:-999px;
	border:0px;
	padding:0px;
	margin:10px 0 0 0px;
}

/* Misc
/* ------------ */

.wp-caption {
	margin:0; padding:0;
	width:auto; height:auto;
	display:inline-block;
}

.alignleft img, .alignright img, .aligncenter img, .alignnone img {
	margin:0; padding:3px;
	background:#FFF;
	border-left:1px solid #f0f0e9;
	border-right:1px solid #f0f0e9;
	border-bottom:1px solid #e3e3e3;
}

	.wp-caption {
		margin:10px;
	}
	
.image-gallery {
	margin:20px 0 0 0; padding:20px 0 0 0;
	border-top:1px solid #DFDFDF;
}
	
/* 12 - INNER PAGES (Some Custom 'Contact, etc')
/* ----------------------------------------------*/

#page-left {
	margin:10px 0 0 0; padding:0;
	width:290px; height:auto;
	float:left;
}

#page-right {
	margin:10px 0 0 0; padding:0;
	width:315px; height:auto;
	float:right;
}

	#page-form-top {
		margin:0; padding:20px 45px 0px 35px;
		width:235px; height:auto;
		background:url(images/page-form-top.gif) no-repeat top center;
	}

	#page-form {
		margin:0; padding:0 0 20px 0;
		width:315px; height:auto;
		background:url(images/page-form-bottom.gif) no-repeat bottom center;
	}
	
.input-dynamic {
	margin:0; padding:4px;
	width:100%; height:auto;
	background:#FFF url(images/input-dynamic.gif) repeat-x top center;
	border-top:1px solid #cfcfcf; border-bottom:1px solid #ececeb;
	border-left:1px solid #ededed; border-right:1px solid #ededed;
	font:0.92em Arial, Helvetica, sans-serif; color:#848484;
}

#contact-card {
	margin:25px 0 0 0; padding:0 0 0 10px;
}

#submit {
	margin:10px 0 -6px 0;
}

/* 13 - FOOTER
/* ----------------------------------------------*/

#footer {
	margin:0; padding:0 0 50px 0;
	width:auto; height:auto;
	background:#e5dfcd url(images/footer-back-bottom.gif) repeat-x bottom center;
}

	#footer-top {
		margin:0; padding:40px 0 0 0;
		width:auto; height:auto;
		background:url(images/footer-back-top.gif) repeat-x top center;
	}
	
	#footer-columns {
		margin:0; padding:0;
		list-style:none;
	}
	
		#footer-columns li {
			margin:0 15px 0 0; padding:0;
			width:auto; height:auto;
			float:left;
		}
		
			#footer-columns #popular-items {
				padding:40px 0 0 0;
				width:234px; height:81px;
				background:url(images/footer-pop-items.png) no-repeat top center;
			}
			
			#footer-columns #featured-posts {
				padding:45px 0 0 0;
				width:234px; height:auto;
				background:url(images/footer-featured-posts.png) no-repeat top center;
			}
			
			#footer-columns #resources {
				padding:45px 0 0 0;
				width:234px; height:auto;
				background:url(images/footer-resources.png) no-repeat top center;
			}
			
			#footer-columns #quick-links {
				margin:0; padding:85px 0 0 0;
				width:222px; height:auto;
				background:url(images/footer-quick-links.png) no-repeat top center;
			}
			
				#footer-columns #quick-links ul li {
					margin:8px 0; padding:0;
					width:150px;
					list-style:none;
					background:none;
				}
				
					#footer-columns #quick-links ul li a {
						font:1.00em Georgia, "Times New Roman", Times, serif; color:#9f9671;
					}
			
				#quick-links-bottom {
					margin:0; padding:0 35px 60px 35px;
					width:152px; height:auto;
					background:url(images/footer-quick-links-bottom.png) no-repeat bottom center;
				}
				
				#quick-links img {
					margin:35px auto 10px -25px; display:block;
				}
				
				#quick-links span {
					margin:0 auto;
					font:0.82em Verdana, Arial, Helvetica, sans-serif; color:#a7a38d;
					text-align:center; display:block;
				}
		
			.footer-column-back {
				margin:0; padding:0;
				width:234px; height:auto;
				background:url(images/footer-column-back.png) repeat-y top center;
			}
			
			.footer-column-bottom {
				margin:0; padding:0 0 15px 0;
				width:234px; height:auto;
				background:url(images/footer-column-bottom.png) no-repeat bottom center;
			}
					
			#footer-columns li ul {
				margin:0; padding:0;
				list-style:none;
			}
			
				#footer-columns li ul li,
				.footer-content {
					margin:0 0 0 4px; padding:0 0 1px 0;
					width:228px;
					background:url(images/footer-divider.gif) repeat-x bottom center;
					float:none;
				}
				
					.footer-content {
						margin:0 0 0 4px; padding:20px;
						width:190px;
					}
							
					.footer-content p {
						margin:0; padding:0;
						font:0.92em Arial, Helvetica, sans-serif; color:#665b4e;
					}
				
					#footer-columns li span  {
						margin:0 0 5px 0; padding:0;
						font:bold italic 1.17em Georgia, "Times New Roman", Times, serif; color:#3e3122;
						display:block;
					}
					
						#footer-columns #quick-links ul li a {
							padding:0;
						}
						
						#footer-columns #quick-links span {
							font:0.92em Verdana, Arial, Helvetica, sans-serif;
						}
					
					#footer-columns li ul li a:hover {
						background:#f8f4e6;
					}
					
					#footer-columns li ul li a {
						margin:0; padding:7px 15px;
						font:normal 1.00em Georgia, "Times New Roman", Times, serif; color:#59524a;
						display:block;
					}
					
/* 14 - FRIENDS
/* ----------------------------------------------*/

#friends-back {
	background:#eae8d9 url(images/friends-back.gif) no-repeat bottom right;
}

#friends {
	padding:20px 0;
	background:url(images/friends.gif) no-repeat top left;
}

#friends-list {
	margin:0; padding:0;
	list-style:none;
}

	#friends-list li {
		margin:20px 0 0 20px; padding:0;
		float:left; display:inline;
	}
	
		#friends-list li img {
			margin:0; padding:1px;
			background:#FFF;
			border-bottom:1px solid #e3e0cb;
			border-left:1px solid #e7e5d4; border-right:1px solid #e7e5d4;}


.petit-logo img {
	margin-left:-10px;
}
	

/* Last Updated 1/24/09 */
.sousrub {
	background:transparent url(images/resources/ad-back.gif) no-repeat scroll 0 0;
	display:inline;
	float:left;
	height:98px;
	margin:0 5px;
	padding:3px 0 0 4px;
	width:159px; 
}
.fond_logo {
	background: transparent  url(images/resources/fond_logo.png) no-repeat 0 0;
	float:left;
	margin-right: 10px;
	padding: 8px 0 0 8px;
	height:162px;
	width: 162px;
}

#plan h2{
	width: 100%;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 3px;
}

#plan h3 {
	margin-top: 10px;
}

#plan h5 {
	text-transform: none;
	margin-bottom: 5px;
}

.degre1 {
	list-style-image: url(images/degre1.png);
	font-size: 16px;
	padding-bottom: 5px;
}

.degre2 {
	list-style-image: url(images/degre2.png);
}

.article {
	list-style-image: url(images/article.png);
}

.theme {
	list-style-image: url(images/theme.png);
}

.spacer {
	clear: both;
}
.comment-list h2 {
	margin:0 0 10px 0;
	padding:0;
	width: 100%;
	border-bottom: 1px dashed #a1a1a1 ;
}
/* Prévisulatisation des commentaires*/
.comment-list-prev fieldset {
	border: 1px dashed red;
}
.comment-list-prev legend {
	color: red;
	font-weight: bold;
}
.comment-list-prev h2 {
	margin:0 0 10px 0;
	padding:0;
	width: 100%;
	border-bottom: 1px dashed #a1a1a1 ;
}
.comment-list-prev h3 {
	margin:0 0 7px;
	padding:0 0 7px;
}
.comment-list span.left {
	font-variant: small-caps;
	font-weight: bold;
	color: #545454;
	font-size: 14px;
}
.comment-list-prev span.left {
	font-variant: small-caps;
	font-weight: bold;
	color: #545454;
	font-size: 14px;
}