/*
Theme Name: Le Vide Dressing
Theme URI: http://www.le-vide-dressing.fr/blog
Description: template du blog du Vide Dressing
Version: 0.1
Author: TWIY
 
Creation Theme by Microweb || http://www.microweb.fr
 
*/

/* ------------------------------------------------------ GLOBAL SITE ------------------------------------------------- */

* {  
margin:0;  
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#666666;
outline:none;
}  
     
body {  
text-align:center; /*Pour IE6 */
background: #fdf8e2 url(images/bg.jpg) repeat-x ;
}  
   
#main {  
width:912px;  
margin:0 auto;  
text-align:left;
}


textarea{
overflow:auto;
}

/* ------------- HEADER ------------- */
#header {
background: url(images/header.jpg);
height:130px;
}

#header h1 {
color:#c5ceae;
font-size:0px;
}

#header img {
border:none;
}

#header a.back-home {
position:relative;
top:55px;
left:136px;
}

/* ------------- FOOTER ------------- */

#footer {
background:url(images/footer.jpg) no-repeat;
height:195px;
clear: both;
color:#666666;
font-size:75%;
padding:20px 0 0 10px;
text-align:center;
}


#footer a{
color:#666666;
}

#footer a:hover {
color:#c5ceae;
}



/* ------------------------------------------------------ BLOG ------------------------------------------------- */

/* ------------- CONTENT ------------- */

#content {
color:#FFFFFF;
width:610px;
float:left;
}

.post {
margin:0 0 60px 0 !important;
margin:0;
text-align:justify;
background:url(images/bg-title.jpg) no-repeat;
}

.post .date {
color:#FFFFFF;
display:block;
float:left;
font-size:15px;
height:36px;
line-height:14px;
margin:0;
padding:18px 1px 3px 12px;
text-align:center;
width:44px;
}

* html .post .date { /* -- IE 6 -- */
color:#FFFFFF;
display:block;
float:left;
font-size:15px;
height:36px;
line-height:14px;
margin:0;
padding:28px 1px 3px 12px;
text-align:center;
width:44px;
}

.post .date span {
font-family: "times new roman",times,serif;
font-size: 28px;
}

.post .date p {
padding-top:4px;
font-size:11px;

}

.posthead {
padding:5px 0 0 15px;
height:36px;
margin-left:55px;
margin-bottom:15px;
margin-top:10px;
}

*+html .posthead { /* -- IE 6 -- */
padding:5px 0 0 15px;
height:36px;
margin-left:55px;
margin-bottom:15px;
margin-top:0px;
}

.post h2 {
clear:right;
display:block;
font-size:28px;
height:35px;
margin-top:0;
padding:0 ;
color:#666666;
font-weight:100;
font-family: "times new roman",times,serif;


}

.post h2 a{
color:#c5ceae;
text-decoration:none;
color:#666666;
font-weight:100;
font-family: "times new roman",times,serif;
}

.post h2 a:hover{
text-decoration:underline;
}

.postmetadata {
color:#333333;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
}

.postmetadata a{
color:#ab526b;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}

.post_content {

margin-bottom:0px;
margin-top:30px;
margin-right:15px;
}

.post_content a{
color:#ab526b;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
}

.post_content p{
margin:0;
padding:5px 10px 10px 10px;
font-size:95%;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
}

.post_content ol{
margin:10px 0 10px 10px;
font-size:90%;
color:#d9c686;

}

.post_content ol li{
display : list-item;
}

.post_content ul{
font-size:105%;
list-style:none;
margin:0 0 5px 0;
}

.post_content ul li{
display : list-item;

padding-left:12px;
}

.sub_content {
margin-top:15px;
padding-top:10px;
border-top:dotted #f4ebc3;
height:80px;
}

.sub_content p {
margin:0;
padding:0;
}

.sub_content .commentaires a {
font-family: "times new roman",times,serif;
font-size:24px;
padding-left:115px;
padding-top:35px;
background:url(images/bg-commentaires.jpg) no-repeat;
display:block;
width:285px;
height:40px;
}

.sub_content .commentaires a:hover {
text-decoration:underline;
}

.sub_content a.lasuite {
background:url(images/bg-link-suite.jpg) 0 0 no-repeat;
font-size:0px;
text-indent:-9999px;
display:block;
width:200px;
height:75px;
position:relative;
top:-75px;
left:400px;
}

.sub_content a.lasuite:hover {
background:url(images/bg-link-suite.jpg) 0 -75px no-repeat;
}

/* ----------- COMMENTAIRES ----------- */
.comments-template {
color:#ffffff;
margin:0;
overflow:hidden;
padding:0 0 20px;
width:590px;
}

.comments-template h3.deposer {
color:#666666;
font-weight:100;
font-family: "times new roman",times,serif;
text-align:center;
font-size:28px;
}

#comments {
color:#666666;
padding:5px;
background:#f0e2a4;
border:#CCCCCC 1px dashed;
}

.commentlist {
padding:5px 0 35px 0;
}

.commentlist li {
padding:0 0 2px 0;
}

.commentlist p {
border:dotted 1px #CCCCCC;
background:#f0e2a4;
padding:5px;
margin-top:5px;
font-size:80%;
line-height:20px;
}

.commentlist .fn {
font-size:80%;
}

.commentmetadata{
font-size: 70%;
}

.comments-template p.nocomments{
padding: 0;
}

#respond {
padding:10px;

border: #CCCCCC 1px dashed;
}

#respond form p{
padding-top:5px;
}

#respond form p input{
background:#f0e2a4;
border:#CCCCCC 1px dotted;
color:#666666;
}

.comments-template #submit{
border:none;
background:url(images/bt-envoyer.jpg) 0 0 no-repeat;
padding:38px 135px 0px 0px !important;
color:#4e5c6a;

height:38px;
width:135px;
}

.comments-template #submit:hover{
background:url(images/bt-envoyer.jpg) 0 -38px no-repeat;

}
.comments-template small{
font-size:85%;
}

textarea {
width:560px;
border:none;
padding:5px;
background:#f0e2a4;
color:#666666;
}

/* ------------- SIDEBAR ------------- */

.sidebar {
width:300px;
float: right;
margin: 10px 0 20px 0;
padding-bottom:55px;
background:url(images/bottom-sidebar.jpg) no-repeat bottom;
}

.sidebar ul{
list-style-type: none;
margin: 0;
top:0;
padding: 0;
}

.sidebar li h2 {
padding-top:20px;
margin-bottom:8px;
color:#ece0ba;
font-weight:100;
}

.sidebar li h2.titre_parle {
background:url(images/titre_parle.png) no-repeat;
font-size:0px;
text-indent:-9999px;
height:65px;
padding:0;
margin:0;
}

.sidebar li h2.titre_commentaire {
background:url(images/titre_commentaires.png) no-repeat;
font-size:0px;
text-indent:-9999px;
height:65px;
padding:0;
margin:0;
}

.sidebar li h2.titre_rubrique {
background:url(images/titre-rubriques.jpg) no-repeat;
font-size:0px;
text-indent:-9999px;
height:65px;
padding:0;
margin:0;
}

.sidebar li h2.lastcomment {
background:url(images/derniers_commentaires.jpg) no-repeat;
font-size:0px;
text-indent:-9999px;
height:65px;
padding:0;
margin:15px 0 0 0;
}

.sidebar li.linkcat h2 {
background:url(images/titre-liens.jpg) no-repeat;
font-size:0px;
text-indent:-9999px;
height:65px;
padding:0;
margin:0px 0 0 0;

}

.sidebar li h2.titre_archives {
background:url(images/titre-archives.png) no-repeat;
font-size:0px;
text-indent:-9999px;
height:65px;
padding:0;
margin:0;
}

.sidebar li a {
font-weight:100;
font-style:oblique;
text-decoration:none;
margin-left:30px;
}

.sidebar li a:hover {
color:#d9c686;
}

.sidebar li.flus-rss a {
background:url(images/flux-rss.jpg) no-repeat;
padding:30px 0 35px 0 !important;

display:block;
font-size:0px;

margin:0;
color:#fdf8e2;
}

.sidebar li.flus-rss a:hover {
background:url(images/flux-rss-survol.jpg) no-repeat;
}


.sidebar li.commentaires-_recents {
margin-left:30px;
}

.sidebar li.commentaires-_recents li a {
color:#BCC5A7;
font-weight:bold;
}

.sidebar li.commentaires-_recents li {
margin-bottom:10px;
}


/* ------------------------------------------------------ searchform -------------------------------------------- */
#searchform {
position:relative;
}

.hidden { 
background:url(images/titre-rechercher.jpg) no-repeat;
font-size:0px;
text-indent:-9999px;
height:65px;
padding:0;
margin:15px 0 0 0;
}

#s{
color:#696969;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
margin:0px 5px 10px 18px;
padding:4px;
width:220px;
border:dotted 1px #CCCCCC;
position:absolute;
top:67px;
}

#searchsubmit{
background:transparent url(images/bt_ok.jpg) no-repeat;
border:0 none;
font-size:0;
height:25px;
margin: 0;
padding:0;
position:absolute;
width:25px;
top:67px;
left:255px;
}

.recent{
color:#9fb3c6;
}

/* ------------------------------------------------------ CONTACT PAGE ------------------------------------------------- */

#formulaire{
color:#FFFFFF;
margin:10px;
padding:5px;
line-height:26px;
}

h2.titre_contact{
background:url(images/contactez_nous.jpg) no-repeat;
padding:17px 153px 0 0;
font-size:0px;
text-indent:-9999px;
text-align:center;
margin:20px 0 0 0;
}

#formulaire input{
background:#9fb3c6;
border:dotted 1px #4e5c6a;
}

#formulaire textarea{
background:#9fb3c6;
border:dashed 1px #4e5c6a;
}


#formulaire .valid{
border:none;
background:url(images/bt_envoyer_commentaire.jpg) 0 0 no-repeat;
padding:38px 135px 0px 0px;
font-size:0px;
text-indent:-9999px;
}

#formulaire .valid:hover{
background:url(images/bt_envoyer_commentaire.jpg) 0 -37px no-repeat;
}