/*
Theme Name: Serum and Co.
Theme URI: http://www.serumandco.com/
Description: Ce thème est créé par Alexis HUET pour Serum and Co.
Version: 0.1
Author: Alexis HUET
 
Creation du Thème par Alexis HUET || http://www.serumandco.com
 
*/


body { background-color:#000000; background-image:url('images/fond-haut.png');  background-position:top; background-repeat:repeat-x; margin:0 0 0px 0; padding:0 0 20px 0;}

H1 { color:#FFFFFF;}

#bannerandco { float:left; width:948px; padding:4px; border:1px solid #2F2F2F; background-color:#181818;position:relative; margin:0 0 20px 0;}
#bannerandco img { float:left; border:0;}

/* structure  border:#990000 1px solid;*/
#site{ width:970px;  position:relative; margin:0 auto; top:0px;}

#logo {  background-image:url(images/fond-logo.png); width:767px; height:168px; position:absolute; top:0px; left:-220px;}
/*    */
#logo a { margin-left:220px;}
#logo a:focus { border: 0xp solid;}
#logo img { margin-top:8px;}



/* menu */
#sidebar{ position:absolute; top:40px; right:10px; }
#menu { margin:0; padding:0;}
#menu li{ display:inline; margin: 0 0 0 20px;}
#menu a{ text-transform:uppercase;  font-size:13px; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
#menu a:hover{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; border-bottom:#C00000 solid 1px;}
#menu .current_page_item a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#menu .current-cat a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:13px;}


/* Balise général  */
address {letter-spacing:0.05em;  padding: 0 0 0 0px; margin: 0 0 10px 0; font-style:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
hr { clear:both; height:0px; visibility:hidden; }

/*   Fil d'arian  */
#link { position:absolute; top:80px; right:10px;text-align:right; margin-right:0px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#link span{ text-align:right; color:#6D6D6D; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#link a{ color:#6D6D6D; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#link a:hover{ color:#FFFFFF; text-decoration:none; border-bottom:#C00000 solid 1px;}



/* Contenu du list   */
#content{ top:110px; position:absolute;}

#post-list {float:left; margin:0px 10px 10px 0px; height:290px;}
#post-list p {letter-spacing:0.1em; margin:10px 0 30px 0; padding:0px; color:#6d6d6d; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:222px; }
#post-list h2 { letter-spacing:0.05em; margin:10px 0 0 0; padding:0px; width:222px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; text-transform:uppercase;}
#post-list-contour { position:relative;  border:#2F2F2F solid 1px; background-color:#181818; padding:4px;  }
#post-list-contour img { width:222px; height:150px; border:0px; }
.voir-site { bottom:6px; background-color:#990000; color:#333333; z-index:100; }




/* Contenu de la page single   */
#content1 { top:110px; position:absolute;}
h1{ letter-spacing:0.05em;  margin:0 0 20px; 0;  color:#CCCCCC; font-family:Futura, Arial, Helvetica, sans-serif; font-size:30px; text-decoration:none; font-variant:small-caps; font-weight:normal; }
h1:first-letter
{ font-size:38px;
}
.post h1 span{ color:#C00000; }
.post h2{ letter-spacing:0.05em;  margin:10px 0px 5px 0px;  padding: 0 0 0 0px; color:#c5c5c5; font-family:Futura, Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; font-weight:normal; }
.post p{ margin:0px 0 20px 0px; padding: 0 0 0 0px; color:#8e8e8e; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; }
.post a{ color:#CCCCCC;text-decoration:none; }
.post a:hover{ color:#FFFFFF; text-decoration:none; border-bottom:#C00000 solid 1px; }

#post-r { width:450px; float:left; padding:0 20px 0 0; }

#post-d { width:450px; float:left; padding:0 20px 0 0; border-right:#232323 solid 1px;}
#post-d2 { margin-left:30px; width:450px; float:left; padding:0 0 0 0px;}
.wp-caption { border:#2F2F2F solid 1px; background-color:#181818;}
.wp-caption img{ margin:6px;}
.wp-caption p{ display:none;}
.size-large { }

.postmetadata { color:#CCCCCC;}
.post_content { color:#CCCCCC;}


/* page */
#metiers { font-family:Arial, Helvetica, sans-serif;color:#414141; font-size:11px; width:960px;}
#page-list {float:left;  border:#2F2F2F solid 1px; background-color:#181818;}
.page-list-m{ margin-right:10px;}
#page-list2 { height: 200px; width:210px; margin:0 10px 0 10px;}
#page-list p{ line-height:20px;}



/*  footer  */
#footer { height:40px; padding:15px 0 20px 0; margin:20px 0 20px 0; width:960px; position:relative; background-image:url(images/bas-site.png); background-repeat:no-repeat; background-position: top center;}
#footer p{ float:left; margin:0px 0 0 0; padding:5px 0 0 0 ; text-transform:uppercase; color:#414141; font-family:Arial, Helvetica, sans-serif; font-size:9px; width:400px; }
#footer span{ font-size:14px; }



/* réseau sociale  */
#footer #twitter{ position:absolute; right:10px; top:10px;}
#footer #facebook {position:absolute;  right:40px; top:10px;}
#footer #fan-facebook { position:absolute;  right:80px; top:20px; cursor:pointer; }
#footer #fan-facebook a{ text-transform:uppercase; cursor:pointer; text-decoration:none; color:#414141; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#footer #fan-facebook a:hover{ cursor:pointer; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;  border-bottom:#C00000 solid 1px; }
#footer a.image {display: block; width: 23px; height: 23px; background-image:url(images/footer_twitter_off.png); background-repeat: no-repeat;}
#footer a.image:hover {background-image:url(images/footer_twitter_on.png);} 
#footer a.image1 {display: block; width: 23px; height: 23px; background-image:url(images/footer_facebook_off.png); background-repeat: no-repeat;}
#footer a.image1:hover {background-image:url(images/footer_facebook_on.png);} 


/* popup devenir fan  */
#contactpopup { display:none; position:absolute; height:350px; width:316px; left: 50%; top: 50%;  margin-top: -270px; margin-left: -154px; padding:8px;
border:#333333 solid 1px; background-color:#0a0a0a; z-index:150; text-align:center;}
#contactpopup a { float:right; font-family:Arial, Helvetica, sans-serif; cursor:pointer; color:#6D6D6D; font-size:12px;  text-decoration:none;}
#contactpopup a:hover { color:#FFF; text-decoration:none; border-bottom:#C00000 solid 1px;}