/*
Theme Name: Making Domperignon
Theme URI: http://www.makingdomperignon.com
Description: Le theme du blog de Makinkdomperignon.com
Version: 1.0
Author: Upian, Spintank, Olivier Livet
Author URI: http://spintank.com/
Tags: champagne, white, grey
*/

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address,*{
        margin:0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}



html{
 font-family:Arial, Verdana;	
}

body{
	margin:0 auto;
}

#header{
	background:#161914;
	height:173px;
}
	#headerCtn{
		width:900px;
		margin:0 auto;
		position:relative;
	}
	#headerCtn h1 a, #headerCtn a.link-home{
		display:block;
		height:173px;
		background:transparent url(img/header.jpg) center left no-repeat;
		outline:none;
		text-indent:-9000px;
		width:920px;
	}
	#headerCtn a.biography{
		display:block;
		position:absolute;
		width:191px;
		height:342px;
		background:transparent url(img/tete-link-biography.jpg) top left no-repeat;
		top:24px;
		right:-32px;
		outline:none;
		text-indent:-9000px;
	}
	.category-manifesto #headerCtn a.biography{
		display:none;
	}
.category-manifesto #header{
	height:611px;
	background:transparent url(img/bg-header-manifesto.png) top center repeat-x;
}
.category-manifesto #header a.habillage{
	background:transparent url(img/habillage-manifesto.jpg) no-repeat scroll center top;
	height:465px;
	left:0;
	padding-left:230px;
	padding-top:112px;
	position:absolute;
	text-decoration:none;
	top:126px;
	width:674px;
}
	.category-manifesto #header a.habillage img{
		border:none;
	}
	img.head{
		position:absolute;
		right:-6px;
		top:23px;
	}	
	
	
#page{
	width:900px;
	margin:0 auto;
}

.post h2 a,.post h1 a{
	font-weight:normal;
	font-size:1.7em;
	color:#000;
	text-decoration:none;
	min-height:60px;
	height:auto !important;
	height:60px;
}
/* Content */
#content{
	margin:50px auto;
	width:732px;
	float:left;
}
/* Post */
.post{
	padding-left:80px;
	position:relative;
	width:540px;
	margin-bottom:80px;
}
.page .post{
	padding-left:0;
}
	.post .entry{
		color:#3d3d3d;
		margin:20px 0;
		font:normal 0.85em Arial;
		line-height:1.3em ;
		width:540px;
	}
	.post .entry a{
		color:#000;
	}
	.page .post .entry{
		width:620px;
	}
		.post .entry a.more-link{
			color:#878787;
			font-style:italic;
		}
		.post small.day{
			color:#E5E5E5;
			font-family:"Helvetica Neue",Helvetica;
			font-size:10em;
			left:-144px;
			position:absolute;
			top:-32px;
			z-index:-1;
		}
		.post div.metadata{
			color:#878787;
			padding:4px 0 0;
			position:relative;
			font-size:0.8em;
		}
			.post div.metadata a{
				padding:2px 3px;
				background:#878787;
				color:#FFF;
				text-decoration:none;
			}
		.post p.postmetadata, .page p.postmetadata{
			border-top:solid 1px #000;
			position:relative;
			margin:60px 0 0 0;
		}
			.postmetadata a, .post-edit-link{
				color:#050505;
			}
			.post p.postmetadata span{
				position:absolute;
				top:0;
				right:0;
				padding:4px 22px;
				width:90px;
				
				background:#000 url(img/btn-comments.png) bottom center no-repeat;

				-moz-border-radius-bottomleft:5px;
				-moz-border-radius-bottomright:5px;
				-webkit-border-bottom-left-radius:5px;
				-webkit-border-bottom-right-radius:5px;
			}
			.post p.postmetadata span a{
				color:#FFFFFF;
				display:block;
				font-size:0.75em;
				text-align:center;
				text-decoration:none;
			}
/* wysiwyg */
.post p{
	margin:0 0 20px 0;
	line-height:1.4em;
	font-size:0.95em;
}
.post h2, .post h3, .post h4, .post h5{
	margin:1em 0 0.5em 0;
}
.post ol, .post ul{
	margin:8px 0;
}
.post ol li, .post ul li{
	list-style-position:inside;
}
.post blockquote {
	color:#070707;
	font-family:Georgia;
	font-size:1.1em;
	font-style:italic;
	margin:10px 0;
	padding:0 10px;
	background:transparent url(img/twitter-quote-top.png) no-repeat scroll left top;
}
.post img.alignleft{float:left; padding-right:8px;}
.post img.alignright{float:right; padding-left:8px;}
.post a img{ border:none;}

/* Custom Cat List */
.custom_cat{
	padding-left:80px;
	position:relative;
	margin:50px 0 0 0;
	width:540px;
}
.custom_cat li{
	border-bottom:solid 1px #878787;
	list-style:none;
	padding:8px 12px;
	width:516px;
	height:32px;
}
.custom_cat li a{
	font-size:2.2em;
	color:#000;
	text-decoration:none;
	float:left;
	position:relative;
}
.custom_cat li span.spacer{
	position:relative;
}
.custom_cat li span.countposts{
	float:left;
	background:#999;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:6px 5px 5px 5px;
	margin:-6px -3px 0px;
	font-size:0.7em;
	color:#FFF;
	/*bottom:6px;
	right:-26px;*/
	width:14px;
	height:13px;
	text-align:center;
	background:transparent url(img/bg-comments-count.png) center center no-repeat;
}
*:first-child+html .custom_cat li span.countposts{
	right:-18px;
}	
.custom_cat li small{
	display:block;
	float:left;
	font-size:0.85em;
	margin:0 0 0;
	padding:11px 0 0 10px;
}
	.custom_cat li small span{
		color:#999;
	}
/* Comments */
.comments{
	padding-left:80px;
	position:relative;
	width:540px;
	font-size:0.8em;
	color:#808080;
}
.comments h3{
	margin:10px 0;
	font-size:1.8em;
}
	.comments a{color:#808080;}
	.comments li{
		list-style:none;
		clear:both;
	}
.comment-content{
	background:transparent url(img/comments-border-bottom.png) center bottom no-repeat;
	padding:0 0 20px 0;
	color:#3D3D3D;
}
.comment-author{
	float:right;
	margin-bottom:30px;
	text-align:center;
	width:110px;
}
#commentform p{
	margin:0 0 10px 0;
}
.comments h4{
  margin-bottom:12px;
  margin-top:20px;
  font-size:1.4em;
  color:#666;
}
/* Comment*/
/* navigation */
.navigation{
  height:20px;
  padding-left:80px;
  width:540px;
}
.navigation a{
  color:#000;
  font-size:0.9em;
  text-decoration:none;
}
.navigation a:hover{
  text-decoration:underline;
}
.navigation div.alignleft{float:left;} 
.navigation div.alignright{float:right;} 

/* Nav manifesto */
.manifestoNav{
	border-bottom:solid 1px #000;
	height:50px;
	padding-top:20px;
	position:relative;
}
	.manifestoNav h6{
		text-align:center;
		font-size:2.7em;
		text-transform:uppercase;
	}
	.manifestoNav a.next{
		position:absolute;
		top:20px;
		right:0;
	}
	.manifestoNav a.prev{
		position:absolute;
		top:20px;
		left:0;
	}
	.manifestoNav a img{border:none;}
.infoManifesto{
	background:#000;
	padding:6px 32px;
	color:#808080;
	text-align:center;
	margin:0 auto;
	font-size:0.66em;
	width:400px;
	letter-spacing:0.3em;
	font-weight:normal;
	font-family:Arial;
}		
/* Sidebar */
#sidebar{
	width:168px;
	float:left;
	margin-top:20px;
	text-align:center;
	display:inline;
}
.category-manifesto #sidebar{
	margin-top:20px;
}
	#sidebar li{
		list-style:none;
		border-bottom:solid 1px #e2e2e2;
		padding:12px 0px;
	}
	#sidebar h5{
		font-size:1em;
		text-transform:uppercase;
		font-weight:normal;
		margin:20px 0;
	}
	#sidebar p{
		color:#808080;
		font-size:0.78em;
	}
	#sidebar a.readmore{
		font-size:0.66em;
		display:block;
		width:62px;
		letter-spacing:0.1em;
		padding:2px 6px;
		margin:20px auto;
		color:#FFF;
		text-decoration:none;
		background:#000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background:transparent url(img/side-btn.png) center center no-repeat;
	}
	#sidebar a.manifesto{
		width:151px;
		height:163px;
		display:block;
		background:transparent url(img/sidebar-btn-manifesto.png) center center no-repeat;
		outline:none;
		text-indent:-9000px;
		margin:auto;
		margin-top:20px;
		}
	.twitter{
		background:transparent url(img/twitter-quote-top.png) top left no-repeat;
		display:none;
	}
		.twitter .twitterCtn{
			background:transparent url(img/twitter-quote-bottom.png) bottom right no-repeat;
		}
		#sidebar .twitter .twitterCtn p{
			font-family:Georgia;
			color:#070707;
			font-style:italic;
			font-size:1.25em;
			margin:10px 0;
			padding:0 10px;
		}
	#searchform label, #searchform #searchsubmit{
		display:none;
	}
	#searchform input#s{
		background:transparent url(img/search-field.png) top left no-repeat;
		width:120px;
		height:18px;
		border:none;
		padding:4px 0 0 30px;
		font-size:0.8em;
		color:#555;	
	}
	#sidebar li.recentcomments>p{
		background:transparent url(img/comment-spacer.png) bottom center no-repeat;
		padding-bottom:30px;
		font-style:italic;
	}
	.recentcomments a{
		font:normal 0.7em Arial;
		color:#000;
		text-decoration:none;
	}
	#sidebar li.recentcomments{
		margin:0 0 30px 0;
		border:none;
	}
#sidebar .archives a, #sidebar .tags a, .newsletter a{
	color:#8B8B8B;
	text-decoration:none;
	font-size:0.8em;
}
.tags{display:none;}

.newsletter a{
	font-size:1.05em;
}
	.newsletter form{
		margin:12px 0 0 0;
	}
	.newsletter input{
		font-size:0.75em;
	}
	.newsletter button{
		margin-top:8px;
		border:none;
		background:none;
	}
/* #footer */
#footer{
	height:240px;
	clear:both;
	background:#000;
}
	#footer #footerCtn{
		width:900px;
		margin:0 auto;
	}
		#footer #footerCtn ul{
			padding:40px 0 0 0;
		}	
		#footer #footerCtn ul li{
			border-right:1px solid #2D2D2D;
			float:left;
			height:180px;
			list-style:none outside none;
			padding:0 30px;
			text-align:center;
		}
		#footer #footerCtn ul li:first-child;{
			padding:0 10px;
		}
		#footer #footerCtn ul li:last-child{
			border-right:none;
		}		
			#footer #footerCtn ul li a img{
				border:none;
			}
.subFooter{
	text-align:center;
	width:900px;
	margin:0 auto;
	padding:5px;
}	
.subFooter a{
	font-size:0.75em;
	color:#000;
	text-decoration:none;
}	
