/*
Theme Name: Kookette
Theme URI: http://kookette.com
Description: The Kookette.com Wordpress theme.
Version: 1
Author: Koonec.com - Joan Minguet
Author URI: http://koonec.com/
Tags: Lunette, Bouchon t'aime trop, clean, Crapo,  kookette
*/

/*COLOURS USED:
	logo green: #69b069
	title brown: #cd740c
	light gray: #777
*/

/* Reset and Clearfix */

* {
	margin: 0;
	padding: 0;
	line-height:1.4em;
}
ol,ul {
	list-style: none;
} 

img {
	border-style:none;
}
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* STRUCTURE */
body 					{background: #fff url('http://dl.dropbox.com/u/3730002/Kookette/patt_4b4a2a4baaa63.jpg') repeat fixed 0 0}
div#wrapper 				{width: 960px; min-height: 100%; margin: auto; padding: 5px; background-image: url('http://dl.dropbox.com/u/3730002/Kookette/bg_body.png'); border-left: 2px solid #4e824e; border-right: 2px solid #4e824e;}
div#header				{text-align: center; padding: 0 0 20px 0;}
div#super-header			{width: 645px; margin: 0 0 0 60px; color: #555;}
div#body-wrapper			{clear:both;}
div#content				{width: 720px; float:left; text-align: justify; clear:both;}	
div#sidebar				{width: 220px; float:right; text-align: left; margin: 0 10px;}
div#footer				{clear: both; width: 865px; margin: 0 0 0 60px; padding: 5px; font-family: Verdana, Sans-serif; background: #fff;  font-size: 0.6em; border: 2px solid #69b069; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center;}
ul.pagelinks				{font-size: 16px; color: #555;}
ul.pagelinks a				{color: #555;}
ul.pagelinks a:hover			{color: #777;}
ul.pagelinks li				{float: left;}

/* H SETS*/
div.post-content			{width: 600px; font-family: Verdana, Sans-serif; background: #fff;  font-size: 0.7em; border: 2px solid #cd740c; margin: 0 0 10px 0; padding: 0 20px 20px 20px; -moz-border-radius: 5px; webkit-border-radius: 5px; float:left;}
div.post-content a		{color: #555;}
div.post-content a:hover	{color: #999;}
div.post-content h1, h2, h3, h4, h5, h6	{font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif; font-weight: normal; text-align: left; padding: 10px 0 5px 0;}
div.post-content h2				{color: #cd740c; font-size: 1.3em; padding: 10px 0 10px 0;}
div.post-content h2 a				{color: #cd740c; font-size: 1.3em;}
div.post-content h2 a:hover		{color: #cd9554; font-size: 1.3em;}
div.post-content h3, h4, h5, h6	{color: #777; font-weight: bold;}
div#super-header h2		{text-align:center !important; font-size: 1.3em;}

/* HEADER */
h1#logo					{text-align: center; padding: 0;}
h2#tagline				{font-size: 1.5em; color: transparent; text-align:center; padding: 0;}

/* SIDEBAR */
.sidebar-widget			{background: #fff; color: #777; border: 2px solid #777; margin: 10px; padding: 0 10px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 0.9em;}
.sidebar-widget a		{color: #777; text-decoration: none;}
.sidebar-widget	a:hover	{color: #999; text-decoration: underline;}
h2.widget-title			{color: #777; font-size: 1.1em;}
.sidebar-difficulty		{padding: 0 0 0 10px;}

/* FOOTER */
div#footer a				{color: #555;}
div#footer a:hover		{color: #999;}
.ko 						{color: #6698FF; font-weight: bold;}
.on 						{color: #339933; font-weight: bold;}
.ec						{color: #ffcc00; font-weight: bold;}

/* DESIGN TWEAKS */
.button					{background: #fff; border: 2px solid #777; color: #777; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.button:hover			{background: #69b069; color: #fff;}		
.search-box				{width: 110px; background: #fff; border: 2px solid #777; margin: 0 0 0 10px; color: #777; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* POSTS */
p.difficulty			{padding: 5px 0 10px 0; float:left; text-align:left;}
p.preparation-time		{padding: 5px 10px 10px 10px; float: left; text-align: left;}
p.main-image			{clear: both; text-align: center; padding: 20px 0 10px 0;}
ul.ingredients			{list-style-image:url('/images/list-dot.png'); padding: 0 0 10px 40px;} 
img.metainfo				{vertical-align: middle}
p.ratings				{padding: 20px 0 0 0;}
p.to-comments			{padding: 20px 0 0 0;}
div.post-content ol		{list-style-type: decimal; padding: 0 0 0 40px;}
div.post-content ol li		{padding: 0 0 10px 0;}
div.post-adsense		{text-align:center;  margin: 10px auto;}
p.main-image img		{border: 1px solid #999; padding: 4px;}

/* DATE */
div.date					{width: 60px; float:left; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; text-align: center; color: #cd740c; font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;  font-weight: bold; padding: 5px;}
p.day					{font-size: 1.3em;}
p.month					{font-size: 0.8em;}
p.year					{font-size: 0.8em;}

/* COMMENTS */
.comment-box			{width: 580px; background: #fff; border: 2px solid #777; margin: 10px 0; color: #777; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.userdata-box			{width: 300px; background: #fff; border: 2px solid #777; margin: 10px 0; color: #777; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
p.submit-comment		{margin: 0 0 10px 0;}
.userdata				{text-align:left;}
p.comment-mod-notice	{color:#ff0000;}
ol.comments-list	li		{list-style-type: none; padding: 0;}
div.comment-bubble		{border: 2px solid #69b069; margin: 10px 0 0 0; width: 495px; padding: 10px; -moz-border-radius: 5px; webkit-border-radius: 5px;}
div.bubble-tail			{margin: -2px auto 0 80px;}
div.comment-author		{margin: -22px auto 0 130px;}
div.avatar				{width: 50px; float:left}
div.comment-info			{width: 350px; float:left; padding: 0 0 0 5px;}
p.author-name a		{font-weight: bold; color: #69b069}
p.author-name a:hover	{color: #8ec88e}
p.comment-date			{color: #777; font-size: 0.7em;}