/*  *************************************
Theme Name: MERCERIE
For:		mercerie de la vieille ville - 2009
Author: 	Michael @ Mkl-prod
Author 		URL: http://mkl-prod.com/
*************************************  */

*									{ margin: 0; }
html, body							{ height: 100%; margin:0; padding:0; font-size:10px; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;  background: url(images/BG.png) center top; color:#622315; text-align:center;  }

#superwrapper						{ position: relative; display: block; float: left; width: 100%; min-height: 100%; height: 100%; height: auto !important;  padding: 0; margin: 0; background: url(images/top.jpg) repeat-x center top;  }
#wrapper							{ position: relative; display: block; float: left; width: 100%; min-height: 100%; height: 100%; height: auto !important;  padding: 0; margin: 0; background: url(images/metre.png) repeat-y center top;  }


#header								{ width:960px; margin:0 auto; padding:0; }
#headerimg							{ width:100%; margin: 0; }
	#headerimg h1	a					{ display: block; height: 100px; width: 300px; margin:50px 0 0 350px; opacity:0; text-indent: -4000px; }

#menu  								{ display: block; width: 450px; margin:40px 0 0 290px; padding: 0;   }
	#menu  li							{ display: inline;  list-style:none; padding: 3px 21px 3px 3px; margin:0 3px; background: url(images/menu_right.png) right 8px no-repeat; }
	#menu  li	a						{ padding-left: 21px; font-size: 15px; color: #42090a; font-family: Georgia; font-weight: bold; text-decoration: none; background: url(images/menu_left.png) left 10px no-repeat; }
	#menu  li	a:hover						{ color: #370A05; }
	
#page								{ display: block; width:960px; padding:0; margin: 70px auto 0 auto; text-align:left;  }
#content							{ float: right;  margin-right: 226px; padding:0 0 150px 0; font-size:1.2em; }

.widecolumn .entry p				{ font-size:1.05em; }



/* liste */
.narrowcolumn						{ float:left; width:440px; margin:0; padding:5px; }
	.narrowcolumn	.post			{ clear: both; float: left; width:420px; text-align:justify; padding: 10px; margin:0 0 10px; }
	.narrowcolumn 	.entry			{ padding: 0; line-height:1.4em; }
	.narrowcolumn 	.postmetadata	{ clear: both; float: left; text-align:left; padding-top:5px; }
	.narrowcolumn 	p				{ margin: 10px 0; }

/* Page */
.widecolumn							{ line-height:1.6em; width:440px; margin:0; padding:5px; }
	.widecolumn	.post					{ text-align:justify; margin:0 0 40px; }
	
	.widecolumn .entry					{ padding: 10px; line-height:1.4em; }
	.widecolumn 	p					{ margin: 10px 0; }

	.widecolumn .postmetadata			{ clear: both; margin:10px 0 30px 0; padding: 10px; color: #68432b; background: #af7b40; border-top: 2px #ac7b47 solid; border-bottom: 2px #ac7b47 solid; }
		.postmetadata ul, .postmetadata li		{ display:inline; list-style-type:none; list-style-image:none; }
		.widecolumn .postmetadata	a		{ color: #68432b; text-decoration: underline; }
		
		.widecolumn .smallattachment		{ text-align:center; float:left; width:128px; margin:5px 5px 5px 0; }
		.widecolumn .attachment				{ text-align:center; margin:5px 0; }


		/* images */
		p img								{ max-width: 420px; height: auto; padding:0; }
		img.alignright						{ display:inline; margin:0 0 2px 7px; padding:4px; }
		img.alignleft						{ display:inline; margin:0 7px 2px 0; padding:4px; }
		.alignright							{ float:right; }
		.alignleft							{ float:left; }
		
		.aligncenter, .center { text-align: center; }
		
.post .aligncenter,
img.center,
img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


		.wp-caption							{ text-align:center;  padding-top:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:10px; }
		.wp-caption img						{ border:0 none; margin:0; padding:0; }
		.wp-caption p.wp-caption-text		{ font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
		.widecolumn .post,
		#sidebar form						{ margin:0; }
		
		

/* Sidebar  */
#sidebar							{ float: left; width:197px; margin: 40px 90px 0 0; font:1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
code								{ font:1.1em 'Courier New', Courier, Fixed; }

/*Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets.  */
html > body .entry ul				{ margin-left:0; list-style:none; text-indent:-10px; padding:0 0 0 10px; }
html > body .entry li				{ margin:7px 0 8px 10px; }
.entry ul li:before,

#sidebar ul ul li:before			{ content:"\00BB \0020"; }

#sidebar ul li.title:before		{ content:""; }

.entry ol							{ margin:0; padding:0 0 0 35px; }


#sidebar .sidebar_box				{ margin-bottom: 20px; padding-bottom: 14px; background: url(images/left_bottom.png) no-repeat left bottom; }
#sidebar .sidebar_box	div			{ display: block; padding-top: 13px; background: url(images/left_top.png) no-repeat left top; }
#sidebar .sidebar_box	div	div,
#sidebar .sidebar_box	div	ul		{ padding: 5px 13px 10px 13px; line-height: 1.6em; background: url(images/left.png) repeat-y; list-style-type:none; list-style-image:none; }
#sidebar .sidebar_box	div	div	h2,
#sidebar .sidebar_box	div	li	h2 		{ border: none; margin: 0 0 12px 0; border-bottom: 1px dashed #6C2618; background: none;}




#sidebar ul li	li					{ list-style-type:none; list-style-image:none; margin-bottom:3px; margin-top: 3px; padding: 0; background: none; }

#sidebar .sidebar_box	div	ul li ul	{ margin: 0 0 0 0; padding: 0; background: none; }

/*
#sidebar ul,
#sidebar ul ol						{ margin:0; padding:0; }
*/

/*
#sidebar ul p,
#sidebar ul select					{ margin:5px 0 8px; }
#sidebar ul ul,
#sidebar ul ol						{ margin:5px 0 0 10px; }
#sidebar ul ul ul,
#sidebar ul ol						{ margin:0 0 0 10px; }
ol li,
#sidebar ul ol li					{ list-style:decimal outside; }
#sidebar ul ul li,
#sidebar ul ol li					{ margin:3px 0 0; padding:0; }
*/

/* Search */
#searchform							{ text-align:center; margin:10px auto; padding:5px 3px; }
#sidebar #searchform #s				{ width:108px; padding:2px; }
#sidebar #searchsubmit				{ padding:1px; }




/* FOOTER */
#footer								{ position: absolute; bottom: 0; height: 150px; width: 100%; }
#footer p							{ text-align:center; margin:0; padding:20px 0; }
#footer	.bottom						{ display: block; width: 960px; height: 80px; margin: 0 auto; padding: 70px 0 0 0; background: url(images/bottom.png) no-repeat 232px top ; }

#footer	.bottom		p				{ margin:0 130px 0 240px; text-align: center; color: #68432b; padding-bottom: 0; }



/* Begin Headers  */
.navigation							{ clear: both; float: left; display:block; width: 420px; text-align:center; margin:10px 10px 20px 10px; }

h2 									{ clear: both; display: block; padding: 6px 4px 6px 32px; background: #af7b40 url(images/h2.jpg) no-repeat left 6px; border: 1px dashed #6C2618; color:#5f130e; text-decoration: none; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif;}

h3.pagetitle						{ font-size:1.3em; margin:20px 0; text-align:center; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; }


h2									{ font-size:15px; margin:0 0 10px 0; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; }
#sidebar h2							{ font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em; margin:5px 0 0; padding:0; }
h3									{ font-size:1.3em; margin:0px 0 0; padding:0; text-align: center; }
h1,h1 a,
h1 a:hover,
h1 a:visited,
#headerimg .description				{ text-decoration:none; color:#FFF; }

h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited				{ color:#6C2618; text-decoration: none; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; }

h2 a:hover,
h3 a:hover,
#sidebar h2,
.entry p a:visited					{ color:#370A05; }

acronym,abbr,span.caps				{ font-size:0.9em; letter-spacing:.07em; cursor:help; }
a,h2 a:hover,
h3 a:hover							{ color:#370A05; text-decoration: underline; }

a:hover								{ color:#6C2618; text-decoration:underline; }

small								{ font-family:Arial, Helvetica, Sans-Serif; font-size:10px; line-height:1.5em; }
h1,h2,h3							{ font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:700; }



/* Commentaires */
#comments							{ padding: 10px; }
h3.comments							{ margin:40px auto 20px; padding:0; }

#commentform input					{ width:170px; margin:5px 5px 1px 0; padding:2px; }
#commentform textarea				{ width:100%; padding:2px; }
#commentform #submit				{ float:right; margin:0; }
.commentlist						{ text-align:justify; padding:0; }
.commentlist li .avatar				{ float:right; border:1px solid #68432b; background:#af7b40; padding:2px; }
.nocomments							{ text-align:center; margin:0; padding:0; }

.commentlist li	a					{ color: #5f130e; text-decoration: underline; }
.commentlist li	a:hover					{ color: #370A05; }

.commentlist li,
#commentform input,
#commentform textarea				{ font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li						{ font-weight:700; list-style:none; margin:15px 0 3px; padding:5px 10px 3px; }
.commentlist cite,
.commentlist cite a					{ font-weight:700; font-style:normal; font-size:1em; }
.commentlist p						{ font-weight:400; line-height:1.5em; text-transform:none; margin:10px 5px 10px 0; }
#commentform p						{ font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; margin:5px 0; }
.commentmetadata					{ font-weight:400; display:block; margin:0; text-decoration: none; font-size: 10px; }

.commentmetadata	a:link			{ text-decoration: none; font-size: 10px; }

/*difference*/
.commentlist li.alt					{ border-top:3px solid #ac7b47; border-bottom:3px solid #ac7b47; margin:0; padding:15px 10px; }


#respond							{ padding: 10px; margin-bottom: 40px; }
#respond	h3						{ margin-top: 0; }