/*  
Theme Name: Palmaresduweb.fr based on Mimbo
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress modified for Palmaresduweb.fr
Version: 2.2
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */

* {margin:0; padding:0;}
body,html {min-height:101%;}
body {background: #3c3c3c; color: #333;	padding: 13px 0 25px 0;}
body, select, input, textarea {font: 100% Arial, Verdana, Sans-Serif;}
a {color: #8dbd33; text-decoration:none;}
a:hover, a:active {
	color:#333;
	text-decoration:underline;
	}

p {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; text-align: justify;}
hr {clear: both; display: block;	height: 1px; margin: 1em 0; border:none; background: #ccc;}
small {font-size: 1.25em; color: #ccc;}
small a {color: #c8e296;}

img, a:link img, a:visited img {overflow: hidden; margin-left: 0;border: none;}

/* Structure */

#page {
	width:880px;
	margin:0 auto;
	font-size:0.7em;
	background:#FFF;
	padding: 10px 25px 35px 25px;
	}

#branding {
    background:#fff;
	width:625px;
	padding-bottom:15px;
	}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clearl {clear:left;}

.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}
.alignright {
    float: right;
    margin: 5px 0 5px 10px;
}

#sidebar {
	width: 250px;
	float:right
	}

#leftcol {
	width:287px;
	border-right:1px dotted #b6b6b6;
	padding-right:18px;
	}

#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}	
	
#rightcol {
	width:277px;
	padding-left:18px;
	margin-top: -2px;
	}

#news { 
	 background:#FFFFFF url(/wp-content/themes/palm/images/news.gif) no-repeat center;
	 width:182px;
	 height:45px;
	 margin-left:0px;	
 }

#email_submit {
	text-align:center;
	}
	
#bonnes_affaires { 
	 background:#FFFFFF url(/wp-content/themes/palm/images/rubrique1.gif) no-repeat;
	 width:252px;
	 height:42px;
	 margin-left:0px;	
 }
 
#bonnes_affairebis { 
	 background:#FFFFFF url(/wp-content/themes/palm/images/rubrique2.gif) no-repeat;
	 width:252px;
	 height:42px;
	 margin-left:0px;	
 }

#browse { 
	 background:#FFFFFF url(/wp-content/themes/palm/images/browse.gif) no-repeat center;
	 width:170px;
	 height:42px;
	 margin-left:0px;	
 }

.price {width: 250px; height: 50px; line-height: 50px; margin-top: 0.25em; background: url(/wp-content/themes/palm/images/priceSingle.png) no-repeat center; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#f00; font-size: 2.7em;}	
/*Subnav */

.subnav  {
  	width:250px;
	}

.subnav li {
	list-style:none;
	border-bottom:0px solid #FFF;
	width: 250px;
	}

.subnav li a:link, .subnav li a:visited {
	background:#E0F9B0;
	display:block;
	padding:4px 4px 4px 8px;
	border-left:4px solid #e4efd5;
	}
		
.subnav li a:hover, .subnav li a:active {
	background:#e4efd5;
	text-decoration:none;
	color: #7da939;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
		
	 
	
	
/*	Headers */

h1 {
	font:2.95em Georgia, "Times New Roman", Times, serif;
	width:260px;
	height:45px;
	font-weight:bold;
	letter-spacing:-0.02em;
	}
	
h2 {margin: 20px 0; font: 2.5em/1.5em Georgia, "Times New Roman", Times, serif;	font-weight: bold; border-bottom: 1px solid #ccc}

#sidebar h2 {
	font: 2em Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	margin-bottom:4px;
	margin-top:20px;
	font-weight:bold;
	

	}

/*#them h3 { background: #e0f9b0; }*/


#sidebar h3, #sidebar h2 {
	border-top:5px solid #BBB;
	border-bottom:1px solid #BBB;
	padding:6px 0 6px 13px;
	margin:22px 0 15px 0;
	font-size:1em;
	}

h3#respond {
	clear: both;
	border-top:1px dotted #b6b6b6;
	margin-top:25px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px
	}

h4 {margin-bottom:6px; font-size:2em;	color: #8dbd33;}
	
	
	
/* Content */

#content {
	width:605px;
	float:left;
	}

.description {
	font-size: 1.3em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	margin-top:-4px;
	}

.feature {
	background:#f2f2f2;
	padding:15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

.feature:hover {
	background:#e9e9e9;
	}
	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:0px;
	border:0px solid #000;
	}
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding: 2px;
	border: 1px dotted green
	}

#lead {
	margin-top:10px;
	background:#d3fa8b;
	border:1px dotted #6cff00;
	width: 570px;
	}
	


.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;
	}
	
.feature#lead .title {
	font:1.8em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	padding-bottom:7px;
	}

#leftcol .feature {
	margin-bottom: 5px;
	border-bottom:none
	}

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
#rightcol .clearfloat {
	border-bottom:1px dotted #b6b6b6;
	padding:12px 0;
	}	

#sidelist li {
	list-style:none;
	border: none;
	width:250px;
	}	
	
.bullets li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:22px;
	}

#sidelist .children {
	background:#e4efd5;
	}
	
#sidelist .children li {
	list-style: square;
	margin-left:28px;
	border-bottom:1px solid #e4efd5;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#e4efd5;
	color: #818d6f;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#465d23
	}
	
#feedRSS {display: block; margin-bottom: 22px; font-size: 22px}

.postmetadata {
	margin: 30px 0;
	}

#writer {
	background:#eef5e1;
	height: 55px;
	margin:25px 0 15px 0;
	padding:12px;
	display:block;
	}

#writer img {
	padding:1px;
	border:1px solid #7da939;
	float:left;
	width:50px;
	height:50px;
	}

#writer span {
	display:block;
	padding-top:4px;
	border-top:1px solid #cbd8b4;
	margin-top:8px;
	}

#writer p {
	margin:0;
	width: 515px;
	}	

.entry {margin-top:10px; padding-bottom:20px;}

h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}

/*Post Formatting*/
.post {border-bottom: 1px solid #ccc; margin-bottom: 2em; font-family: Georgia, "Times New Roman", Times, serif;}
.post h3 {clear: both; margin: 1.5em 0 1em; color: #a42c6e; font-size: 1.6em; text-decoration: underline}
.post small {padding-left: 16px; background: url(/wp-content/themes/palm/images/etoile_15x15.png) 0 0 no-repeat;}
.post .entry div.imageProduit {float: left; margin: 0 2em 1em 0;}
.post .entry div.imageProduit a {display: block;}
.post .entry div.imageProduit #articleButton {float:left;margin-top: 0.25em;width:252px;height:44px;cursor:pointer;line-height:44px;text-align:center;font-family:'Verdana',_sans;font-size:18px;font-weight:700;text-shadow:0px -1px #525844;color:white;background:url('http://www.palmaresduweb.fr/wp-content/themes/palm/images/goToArticleButton.png') no-repeat top left;}
.post .entry div.imageProduit #articleButton:hover {text-decoration:none;background:url('http://www.palmaresduweb.fr/wp-content/themes/palm/images/goToArticleButton.png') no-repeat 0 -44px;text-shadow:0px 0px #525844;}
.post .entry p {font-size: 1.1em; margin-bottom: 0.5em;}
.post .entry p img {float: right; width: 150px; height: 150px; margin: 1em 0 1em 1em;}
.post .entry p img.floatNone {float: none}
.post .entry p img.floatLeft {float: left}
.post .entry p img.floatRight {float: right}
.post .entry ul {padding: 1em 2em; background: #f4f4f4;}
.post .entry ul li {list-style:square;	margin: 0 0 5px 15px;}

.post .recap {background: #f9ffef; margin-bottom: 1em; padding: 1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.post .recap a.marchand {float: right;}
.post .recap a.marchand img {width: 250px; height: 250px;}
.post .recap ul {width: 29em;}
.post .recap ul li {list-style: none; line-height: 1.7em; border-bottom: 1px solid #e9f4d5;}
.post .recap ul li.title {margin-bottom: 1em; padding: 0.2em 0; border: none; background: #e9f4d5; font-size: 1.3em; text-align: center; color: #8dbd33;}
.post .recap ul li.first {border-top: 1px solid #e9f4d5;}
.post .recap ul li span {float: left; width: 11em;}

/* Page fete des meres */
.post .entry h4.feteMeres {margin: 0 0 0.5em; font-size: 1.2em; text-decoration: underline; color: #333}
.post .entry #sommaireFeteMeres {background: #fff}
.post .entry #sommaireFeteMeres li a {font-size: 1em}
.post .entry ul.feteMeres {height: 181px; padding: 0; margin-bottom: 2em; background: #fff;}
.post .entry ul.feteMeres br {display: none;}
.post .entry ul.feteMeres li {float: left; width: 181px; height: 181px; margin: 0; background: #f9ffef; list-style: none;}
.post .entry ul.feteMeres li.photo2 {margin: 0 31px;}
.post .entry ul.feteMeres li h4 {background: #e9f4d5; height: 2.4em; line-height: 1.2em; padding: 2px; text-align: center; font-family: Arial;font-size: 1.2em;}
.post .entry ul.feteMeres li h4 a {color: #8dBd33;}
.post .entry ul.feteMeres li img {display: block; float: none; width: 125px; height: 125px; margin: 0 auto;}
.post .entry ul.photoDroite {float: right; margin: 0 0 1em 20px;}
.post .entry ul.photoGauche {float: left; margin: 0 20px 1em 0;}
.post .entry p.photoDroite {float: right; width: 395px;}
.post .entry p.feteMeres {margin-bottom: 1em;}
.post .entry p.feteMeres img {display: block; float: left; width: 106px; height: 90px; margin: 0 1em 1em 0;}
/* Bloc Home fete des mères */
#home #content a#feteMeres {display: block; width: 480px; height: 93px; margin: 20px 0 10px; padding: 7px 0 0 120px; background: url(/images/fete-des-meres/fondHome.png) top center no-repeat; font-weight: bold; color:#fff}
#home #content a#feteMeres:hover {color: #fff}
#home #content a#feteMeres strong {display: block; font-family: Georgia; font-size: 2.2em; margin-bottom: 20px;}
/* Bien Choisir */
#sommaireBienChoisir {clear: both; font-weight: bold}
#sommaireBienChoisir ol, #sommaireBienChoisir {margin-top: 10px; list-style-type: disc}



.picleft {
	float:left;
	margin:3px 14px 10px 0;
	border:7px solid #f2f2f2;
	}

.picright {
	float:right;
	margin:3px 0 10px 14px;
	border:7px solid #f2f2f2;
	}	

.post blockquote {}	


.post ol li {
	margin-bottom:5px;
	line-height:115%;
	margin-left:30px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	display: block;
	}	

/* Form Elements */

#select {
	width: 600px;
	height: 32px;
	background: url(/wp-content/themes/palm/images/select_jour.gif) no-repeat;
    clear:left;
	}


#select2 {
	width: 600px;
	height: 32px;
	margin-top: 20px;
	background: url(/wp-content/themes/palm/images/select_produit.gif) no-repeat;
	}

#select3 {
	width: 600px;
	height: 32px;
	margin-top: 20px;
	background: url(/wp-content/themes/palm/images/test_pourvous.gif) no-repeat;
	}	

#semaine {width: 600px;}

#searchform {
	padding:16px 5px 0 0; 
	}

.button {
	padding: 1px;
	background:#000;
	color:#e7e7e7;
	border:none;
	}

.button:hover {
	background:#777;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}

#jax_range {
	margin-top:20px;
	padding-top:2px;
	}
 

/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#f2f2f2;
	border-top: 1px solid #ddd;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#e9e9e9
	}

.commentlist cite {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	

.info img {
	width:400px; height:300px;
	}

/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}

.clearfloat {
	display:block
	}
	
/* Footer*/

#footer {
	margin: 0 auto;
	width: 900px;
	font-size:0.7em;
	padding-top:15px;
	color:#FFF;
	}

#footer a {
	color:#d3d1d1;
	}
	
#betaSpeech img {border: 1px solid #ccc; padding: 3px; float:left; margin: 0 25px 0 0;}