@charset "UTF-8";
/*
Theme Name: romain2
Theme URI: http://www.romaindudek.net/
Description: theme du site romain dudek
Version: 0.2
Author: Bago
 
Creation Theme by Bago || bago@romaindudek.net
 
*/


/* Index ------------------------------------ */

#bandeau {
	position:relative;
	
	
	height:380px;
	width:850px;
	
	}
	
ul#gallery{
		list-style:none;
		
		padding:0px;
		margin:0px;
		margin-top:-0.5px;
		
		}
	#gallery img {
		border:none;
		}
	
#textbandeau {
	
	}
	
#content	{
	    position:relative;
		
		float: left;
		padding-top: 0px;
		width: 620px;
		background-color: transparent;
		
		}

	
#maincont	{
		float: left;
		padding-top: 0px;
		width: 630px;
		background-color: transparent;
		
		}

	.jour	{
		margin: 0px;
		border-top: 1px solid #666;
		padding: 0px;
		background-color: transparent;
		}
		
	.date	{
		float: left;
		width: 95px;
		margin: 0px 0px 0px 0px;
		padding: 6px 0px 0px 5px;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		color: #666;
		}

	#maincont	h2 {
	border-top: 1px solid #666;
	border-bottom: 1px solid #D9D9D9;
	background-color: #c707aa;
	color: #FFF;
	text-decoration: none;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 105px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	display: block;
		}
		
	#maincont   h3 {
		margin: -1px 0px 0px 105px;
		border-top: 1px solid #666;
		border-bottom: 1px solid #D9D9D9;
		display: block;
		padding: 6px 0px 7px 5px;
		}

	#maincont	h2	a,
	#maincont   h3  a	{
		display: block;
		padding: 6px 0px 7px 5px;

		background-repeat: no-repeat;
		background-position: top right;
		}
		
	#maincont	h2	a:active,
	#maincont	h2	a:hover,
	#maincont   h3 	a:active,
	#maincont	h3	a:hover{
	
		background-color: #c707aa;
		color: #FFF;
		text-decoration: none;
	}
		
	.entete	{
	margin: 8px 0px 0px 105px;
	padding: 0px;

	text-align: justify;
	
	height: 210px;
	
	
}
.commlink {
	
	position:relative;
	margin-top:15px;
	left:270px;
	font-size: 10px;
	line-height: 16px;
	height:16px;
	width:130px;
	
	}

.commlink a {
	font-size: 10px;
	line-height: 16px;
	height:16px;
	width:auto;
	color: #CCC;
	text-decoration: none;
	display: block;
	text-align: center;
	vertical-align: middle;
	display: block;
	background-color: #000;
	margin: auto;
	}
	
.commlink a:hover {
	background-color: #c707aa;
	color: #FFF;
	text-decoration: none;
	}
	


html>body .entete {
height: auto;
min-height: 210px;
} 

		
	
	
	.entete	.info-label	{
		float: left;
		width: 100px;
		margin: 0px;
		padding: 0px 0px 6px 5px;
		line-height: 19px;
		}
	
	.reseaux {
	
		top:0px;
		left:0px;
		
		margin: 0px;
		padding: 0px 0px 6px 5px;
		font-size:10px;
		line-height: 12px;
		text-align:left;

		}
		
	
	.categories {
		position:relative;
		top:0px;
		left:0px;
		float: left;
		width: 100px;
		font-size:10px;
		line-height: 12px;
		text-align:left;
		}
		
	.categories img {
		border:none;
		margin:0px;
		padding:0px;
		}
		
	.categories p img {
		margin:1px;
		padding:0px;
		}
		
	.blabla {
		margin:1px;
		padding:0px;
		}
		
			
	 ul.listcat {
		list-style: none;
		
		margin: 0px 0px 0px 0px;
		padding: 0px; 
		
		}
		
	.listcatfirst {
		font-size: 10px;
		color:#ffffff;
		height:16px;
		width:auto;
		background-color:#000;
		
		display: block;
		margin: 0px 0px 0px 0px;
		padding-left:5px;
		padding-top:3px;
		vertical-align: middle;
	
		
		
		}
		
	
			
	.listcat	a	{
		font-size: 10px;
		color:#666;
		height:16px;
		
		display: block;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding-left:5px;
		padding-top:3px;
		vertical-align: middle;
		border-bottom: 1px solid #D9D9D9;
		
		}
		
		
	.listcat a:hover {
		text-decoration:none;
		color:#FFF;
		background-color:#c707aa}
		
	.votes {
		
		margin-top:3px;
		padding-bottom:4px;
		border-bottom: 1px solid #D9D9D9;
		}
		
	
	.contenuarticle {
		position:relative;
		margin-left:115px;
		width:400px;
		top:-4px;
	
		overflow:hidden;
		
		}
		
	.contenuarticle p,
	.contenuarticle-elsewhere p {
	font-size: 12px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
		}
		
	.contenuarticle p img,
	.contenuarticle p img.thumb {
		
		margin: 3px 10px 3px 0px;
		}
		
	.continue	{
		width: 210px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 110px;
		font-size: 10px;
		text-transform: uppercase;
		}
		
	.continue { width:265px; voice-family: "\"}\""; voice-family:inherit; width: 210px;} 
	html>body .continue { width: 210px; } 

	.continue	a	{
		background-image: url("http://www.romaindudek.net/blog/images/button_continue.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding: 2px 2px 3px 20px;
		}
		
	.continue	a.jump	{
		background-image: url("http://www.romaindudek.net/blog/images/button_elsewhere-link.gif");
		}
		
		
		
	.continue	a:link,
	.continue	a:visited,
	.continue	a:hover,
	.continue	a:active	{
		text-decoration: none;
		}
		
	.continue	a:hover,
	.continue	a:active	{
		background-image: url("http://www.romaindudek.net/blog/images/button_continue.gif");
		background-repeat: no-repeat;
		background-position: 0px -16px;
		}	
		
	.continue	a.jump:hover,
	.continue	a.jump:active	{
				background-image: url("http://www.romaindudek.net/blog/images/button_elsewhere-link.gif");
	}

 
	.add	{
		margin: 0px 0px 0px 105px;
		padding: 0px 0px 10px 5px;
		font-size: 10px;
		text-transform: uppercase;
		}

	.add	a	{
		background-image: url("http://www.romaindudek.net/blog/images/button_add.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding: 2px 2px 3px 20px;
		}

	.add	a:link,
	.add	a:visited,
	.add	a:hover,
	.add	a:active	{
		text-decoration: none;
		}

	.add	a:hover,
	.add	a:active	{
		background-image: url("http://www.romaindudek.net/blog/images/button_add.gif");
		background-repeat: no-repeat;
		background-position: 0px -16px;
		}		
		
		
	.full	{
		width: 210px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 110px;
		font-size: 10px;
		text-transform: uppercase;
		}
		
	.full { width:265px; voice-family: "\"}\""; voice-family:inherit; width: 210px;} 
	html>body .full { width: 210px; } 

	.full	a	{
		background-image: url("http://www.romaindudek.net/blog/images/button_full.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding: 2px 2px 3px 20px;
		}
		
	.full	a:link,
	.full	a:visited,
	.full	a:hover,
	.full	a:active	{
		text-decoration: none;
		}
		
	.full	a:hover,
	.full	a:active	{
		background-image: url("http://www.romaindudek.net/blog/images/button_full.gif");
		background-repeat: no-repeat;
		background-position: 0px -16px;
		}		
		
	.continue	img,
	.add	img,
	.full	img	{
		margin: 0px 5px -4px 0px;
		}	
		
	.clear	{
		clear: both;
		margin: 0px 0px 0px 110px;
		}
		
	.read	{
		font-size: 10px;
		text-transform: uppercase;
		}

	
	/* more maincont styles */
	
	.more	{
		margin: 0px 0px -1px 0px;
		border-top: 1px solid #000;
		padding: 0px;
		}

	.more-months	{
		float: left;
		width: 100px;
		margin: 0px;
		padding: 6px 0px 8px 5px;
		font-size: 12px;
		line-height: 16px;
		}
		
	.more-lead	p,
	.more-lead-last	p	{
		margin: 0px 0px 0px 105px;
		padding: 6px 0px 8px 5px;
		font-size: 12px;
		line-height: 16px;
		}
		
	.more-lead,
	.more-lead-last	{
		margin: 0px 0px 0px 105px;
		border-bottom: 1px solid #CCC;
		padding: 0px 0px 0px 0px;
		}
		
	.more-lead-last	{
		border-bottom: 1px solid #000;
		}
/* comments styles -------------------------------------------------------------- */

 .comments-template{
	 position:relative;
	 	 
	 }
	 
	 
 ul#commentlist {
	 list-style: none; 
	 padding: 0;
	 margin-left:220px;
	 width:400px;
	 
	 }
 .titlecomment {
	 color:#999;
	 font-size:9px;
	 
	 }
	 
 .commentauthor {
	font-size: 9px;
	color:#ffffff;
	height:14px;
	line-height:14px;
	width:auto;
	background-color:#000;
	display: block;
	padding-left:5px;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
 	}
	
	
	
  .commentauthor a {
	font-size: 9px;
	color:#ffffff;
	height:14px;
	line-height:14px;
	width:auto;
	background-color:#c707aa;
	padding-left:5px;
	margin-left:-5px;
	
	display: block;
	
	vertical-align: middle;
 	}
	
	.commentauthor a:hover {
	text-decoration:none;
	color:#FFF;
	background-color:#c707aa
	}
	 
	.entetecomment	{
	margin: 8px 0px 0px 105px;
	padding: 0px;

	text-align: justify;
	
	height: 70px;
	}
	 
	 
html>body .entetecomment {
height: auto;
min-height: 70px;
}



.contenucomment {
		display:block;
		font-size:11px;
		color:#333;
		position:relative;
		margin-left:115px;
		width:400px;
		height:auto;
		padding:0px;
		
	
		overflow:hidden;
		border-bottom: 1px solid #CCC;
	
		}
		
.contenucomment p {
	line-height: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
		}
		
.categoriescomment {
		position:relative;
		top:0px;
		left:0px;
		float: left;
		width: 100px;
		height:50px;
		font-size:10px;
		line-height: 12px;
		text-align:left;
	
		}
		
#respond {
	position:relative;
	left:215px;
	
	width:400px}