/*
Theme Name: WiP
Theme URI: http://www.in-finite.info/blog
Description: Work in Progress by davidous
Author: David DO VAN MINH
Author URI: http://www.in-finite.info/blog
Tags: black, grey, simple

*/

body{
	background:url(img/bg.gif) repeat-x #474747;
	margin-top:0;
	font-family:arial;
}

#page{
	width:960px;
	margin:0 auto;
}

#header{
	width:960px;
	height:378px;
	display:block;
	background:url(img/header.jpg) no-repeat;
}

#col_art{
	width:710px;
	display:block;
	padding-top:10;
	float:left;
}

.linkhome{
height:378px;
width:960px;
display:block;
}

#article{
	margin-bottom:20px;
}

.art_titre{
	max-width:700px;
	float:left;
	margin-left:15px;
	margin-top:15px;
}

.art_titre h2, .art_titre a {
	background:#a7a6a6;
	font-size:18px;
	color:white;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:0;
	margin-top:0;
	text-decoration:none;
}

.art_titre a:hover{
text-decoration:underline;
}

.footer-titre{
	height:11px;
	width:78px;
	display:block;
	background: transparent url(img/footer-titre.jpg) no-repeat top right;
}
	
#article-bloc{

background:white;
display:block;
}

#footer_art{
	height:72px;
	display:block;
	background:url(img/art-footer.gif) no-repeat top left #474747;
	padding-top:35px;

}

#content_art{
width:700px;
font-size:12px;
text-align:justify;
padding:5px;
}

#content_art a{
color:#aaaaaa;
font-weight:bold;
text-decoration:none;
}

#content_art a:hover{

text-decoration:underline;
}

#cboth{
clear:both;
}

#image-art{
width: 700px;
height:281px;
display:block;
background:url(img/bg-image.jpg) no-repeat;
margin-bottom:10px;
}

.art-comment{
width:134px;
height:43px;
display:block;
background:url(img/fond-commentaire.jpg) no-repeat;
padding-top:8px;
padding-left:6px;
float:left;
}

.art-comment a{
color:white;
text-decoration:none;
}

.art-comment a:hover{
color:white;
border-bottom: thin dotted ;
}

.art-info{
float:right;
color:white;
font-size:20px;
font-style:italic;
padding-top:12px;
}

#comment-list{
margin-top:20px;
}

#comment-bloc{
color:#010101;
font-size:12px;
text-align:justify;
background:#d8d8d8;
padding:2px;
}

#comment-footer{
	width:711px;
	height:58px;
	display:block;
	background:url(img/comment-footer.jpg) no-repeat top right #474747;
	padding-top:35px;
}

.comment-author h2{
color:white;
font-size:20px;
font-weight:normal;
font-style:italic;
margin-bottom:0;
margin-top:0;
padding-top:0;
float:left;
margin-left:80px;
}

.comment-author a{
color:white;
text-decoration:none;
}

.comment-author a:hover{
text-decoration:underline;
}

#sidebar{
float:right;
margin-top:10;
}


#last-wip{
background:white;
width:230px;
height:175px;
display:block;
padding-top:5px;
padding-left:2px;
margin-left:10px;
}

.last-wip-link{
float:right;
color:#9c0254;
font-size:14px;
font-weight:bold;
padding-right:3px;
text-decoration:none;
padding-top:6px;
}

.last-wip-link:hover{
border-bottom: thin dotted ;
}

#last-wip-footer{
	height:15px;
	display:block;
	background:url(img/footer-wip.jpg) no-repeat top left;
	padding-top:15px;
	margin-left:10px;
	color:white;
	font-size:12px;
	font-style:italic;
}

#SB{
height:132px;
width:116px;
background:url(img/sb.jpg) no-repeat;
float:left;
margin-left:10px;
padding-top:116px;
font-size:12px;
}

#SB a{
color:white;
text-decoration:none;
padding-left:37px;
}

#SB a:hover{
color:white;
text-decoration:underline;
}

#farandole{
height:132px;
width:116px;
background:url(img/farandole.jpg) no-repeat;
float:left;
padding-top:116px;
font-size:12px;
}

#farandole a{
color:white;
text-decoration:none;
padding-left:44px;
}

#farandole a:hover{
color:white;
text-decoration:underline;
}

#blogs{
margin-top:10px;
}

#lilie{
width:233px;
height:60px;
background:url(img/lilie.jpg) no-repeat;
margin-left:10px;
padding-top:44px;
font-size:12px;
font-style:italic;
margin-bottom:5px;
}

#lilie a{
color:white;
text-decoration:none;
float:right;
}

#lilie a:hover{
color:white;
text-decoration:underline;
}

#crousti{
width:233px;
height:60px;
background:url(img/crousti.jpg) no-repeat;
margin-left:10px;
padding-top:44px;
font-size:12px;
font-style:italic;
margin-bottom:5px;
}

#crousti a{
color:white;
text-decoration:none;
float:right;
}

#crousti a:hover{
color:white;
text-decoration:underline;
}

#retro{
width:233px;
height:60px;
background:url(img/retro.jpg) no-repeat;
margin-left:10px;
padding-top:44px;
font-size:12px;
font-style:italic;
margin-bottom:5px;
}

#retro a{
color:white;
text-decoration:none;
float:right;
}

#retro a:hover{
color:white;
text-decoration:underline;
}

#ala{
width:233px;
height:60px;
background:url(img/ala.jpg) no-repeat;
margin-left:10px;
padding-top:44px;
font-size:12px;
font-style:italic;
margin-bottom:5px;
}

#ala a{
color:white;
text-decoration:none;
float:right;
}

#ala a:hover{
color:white;
text-decoration:underline;
}

#footer{
width:960px;
height:159px;
background:url(img/footer.jpg) no-repeat;
display:block;
text-align:center;
padding-top:90px;
font-size:12px;
color:white;
}

#footer a{
color:white;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#respond{
color:white;
}

.more-link{
background:#cccccc;
font-size:16px;
color:white !important;
padding:5px;
text-decoration:none;
}

.more-link:hover{
background:#aaaaaa;
}

.alignleft{
margin-right:10px;
float:left;
}

.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}

.alignright{
margin-left:10px;
float:right;
}