/*
THEME NAME: B2M
THEME URI: http://www.bouilledemome.org
DESCRIPTION: b2m theme, based on sandbox ( http://www.plaintxt.org/themes/sandbox/ )
VERSION: 1
AUTHOR: <a href="http://www.532pixel.com">532Pixel</a>
AUTHOR URI:
TAGS: b2m, sandbox
*/





/* ***********************************************
 * html elements
 *********************************************** */
* {outline:none;}
html {
	font-size:14px;
}
body {
	background:#333;
	font-size:1em;
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	color:#ccc;
  text-align:center;
}


a, a:link, a:active, a:visited {text-decoration:none;color:#b33;}
a:hover {text-decoration:underline;}


strong {font-weight:bold;}
em {font-style:italic;}
.clear {clear:both;}

h1, h1 a {color:red;}
h2, h2 a {color:violet;}
h3, h3 a {color:green;}
h4, h4 a {color:orange;}





/* ***********************************************
 * Layout
 *********************************************** */

#wrapper {
  margin:0 auto;
  text-align:left;
  width:900px;
}

  #header {
    clear:both;
    width:100%;
    padding-top:25px;
  }

  #menu {
    clear:both;
    width:100%;
    padding:25px 0 0 0;
  }

  #container {
    float:right;
    margin:0 0 0 -200px;
    width:100%;
  }
    #content {
      background:#292929;
      margin:0 0 0 200px;
      padding:15px 15px 30px 15px;
      border:1px solid #222222;
      border-bottom:0;
    }

  #primary {
    width:180px;
    overflow:hidden;
    margin-top:50px;
  }

  #secondary {
    clear:both;
    padding:25px;
    background:#222222;
  }

  #footer {
    clear:both;
    padding:50px;
    font-size:11px;
    background:#191919;
    color:#333;
  }





/* ***********************************************
 * Styling
 *********************************************** */

/* header */
#header h1 {float:left;margin-left:50px;}
#header h1 a {
  display:block;
  text-indent:-9999px;
  width:528px;
  height:81px;
  background:url(images/header.gif) top center no-repeat;
}

#header #blog-description {
  float:right;
  font-size:11px;
  color:#999;
  width:220px;
  text-align:right;
  font-style:italic;
  display:none;
}
#header #social-links {
  float:right;
}
#header #social-links a{
  display:block;
  height:32px;
  width:32px;
  text-indent:-9999px;
  background:url(images/icons_32.png) top left no-repeat;
  float:left;
  margin:0 5px;
}
#header #social-links #myspace-link {background-position:0 0px;}
#header #social-links #myspace-link:hover {background-position:0 -32px;}
#header #social-links #facebook-link {background-position:-32px 0px;display:none;}
#header #social-links #facebook-link:hover {background-position:-32px -32px;}
#header #social-links #rss-link {background-position:-64px 0px;}
#header #social-links #rss-link:hover {background-position:-64px -32px;}





/* menu */
  #menu ul {
    position:relative;
    float:right;
    margin-bottom:-1px;
    z-index:100;
    padding-right:0;
  }
    #menu ul li {
      display:inline;
    }
      #menu ul li a {
        display:block;
        float:left;
        padding:5px 15px;
        margin:0 0 0 15px;
        font-variant:small-caps;
        font-size:16px;
        font-weight:bold;
        background:#333;
        border-bottom:1px solid #222222;

        line-height:22px;
      }
      #menu ul li a:hover, #menu ul li.current a {
        text-decoration:none;
        background:#292929;
        border:1px solid #222;
        border-bottom:1px solid #292929;
        padding:4px 14px 5px 14px;
      }

/* image in post & pages */
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:1em 1em 0 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}


/* single post & page */
#content h2 {
  font-size:20px;
  font-variant:small-caps;
  font-weight:bold;
  color:#c33;
  margin-left:15px;
}


.page #content h2,
#content .p1 h2.entry-title {
  background:#292929 url(images/picto.png) top left no-repeat;
  line-height:60px;
  padding-left:90px;
  font-size:22px;
}
#content .p1 h2.entry-title {background-position:left -396px;padding-right:50px;}
.page.pageid-8 #content h2 {background-position:left -330px;}
.page.pageid-4 #content h2 {background-position:left -66px;}
.page.pageid-6 #content h2 {background-position:left -132px;}


.entry-content {padding:15px 45px 15px 15px;}
.entry-content h3 {
  font-variant:small-caps;
  font-weight:bold;
  color:#999;
  font-size:16px;
  margin:5px 0 5px 0px;
}
.entry-content p {margin-bottom:15px;}
.entry-content img {border:5px solid #ccc;}
.entry-content ul ul{padding-left:10px}


.post {
  position:relative;
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #222;
}
.single  .post {border-bottom:0;}
.p1.post {margin-bottom:30px;padding-bottom:30px;}

  .post .entry-title, .page .entry-title {
    font-weight:bold;
  }
  .post .entry-title {
    margin:5px 0 0 15px;
  }

  .post .entry-content {
    padding-right:60px;
  }
    .post .entry-content strong{
      color:#eee;
    }

  .post .entry-date {
    position:absolute;
    top:0;
    right:0;
    border:1px solid #222;
    background:#333;
    width:50px;
    padding:5px;
    font-size:11px;
    text-align:center;
    text-transform:capitalize;
    color:#999;
  }
.post .entry-date span {font-size:12px}

  .post .entry-meta {
    font-size:11px;
    text-align:center;
    color:#999;
  }
    .post .entry-meta a {color:#999;}


#comments {}

  #comments h3 {
        color:#999;
    font-variant:small-caps;
    font-size:16px;
    font-weight:bold;
  }
  #comments .comment {
    margin:15px;
    padding:15px 0;
    border-bottom:1px solid #999;
  }
  #comments .comment-author {
    font-size:14px;
    font-weight:bold;
    text-transform:capitalize;
  }
  #comments .comment-meta {
    float:right;
    font-size:11px;
    color:#999;
  }
    #comments span.edit-link {float:none;}
  #comments p {
      font-size:12px;
      padding:5px 15px;
  }
  #comments .unapproved {
    color:#bb3333;
    font-style:italic;
    font-size:11px;
    padding:0 15px;
  }


#respond {
  margin:25px 15px 15px 15px;
  padding:15px 0 15px 15px;
  border:1px solid #222;
  background:#333 url(images/respond.png) right 10px no-repeat;
}
  #respond h3 {
    color:#999;
    font-variant:small-caps;
    font-size:16px;
    font-weight:bold;
  }
  #respond  #comment-notes, #respond #login {
    font-style:italic;
    margin:10px 100px 15px 0;
  }
  #respond .form-label {
    float:left;
    width:140px;
  }
  #respond .form-input, #respond .form-textarea {
    margin-bottom:15px;
  }
  #respond .form-input input,
  #respond .form-textarea textarea {
    border:1px solid #999;
    background:#fff;
    font-size:16px;
    padding:1px;
  }
  #respond .form-input input {height:20px;width:300px;}
  #respond .form-input textarea {height:200px;width:290px;}
  #respond .form-submit input {
    margin-left:140px;
    cursor:pointer;
    padding:1px 5px;
  }


.navigation {
  font-size:12px;
  margin:25px 15px 0 15px;
}
.navigation .nav-next {text-align:right;}



/* pages spéciales */
ul#links-page li ul li {
  font-size:12px;
  line-height:18px;
}
ul#links-page li ul li a {
  font-weight:bold;
}


span.edit-link {float:right;font-size:11px;}

/* left sidebar */
#primary ul {
  font-size:11px;
  margin-left:25px;
}
  #primary ul li.widget {
    margin-bottom:25px;
  }
    #primary ul li.widget h3{
      font-variant:small-caps;
      font-weight:bold;
      color:#999;
      font-size:14px;
    }
    #primary ul li.widget .textwidget{
      margin-left:5px;
/*
      text-align:justify;
*/
    }
    #primary ul li.widget ul{
      margin-left:5px;
    }
    #primary ul li.widget ul li a{
      color:#ccc;
    }




/* right sidebar aka pre-footer */
#secondary ul {
  font-size:11px;
}
  #secondary ul li.widget {
    display:block;
    float:right;
    width:200px;
    margin-right:10px;
    padding-right:10px;
  }
  #secondary ul li#text-4 {width:160px;}
  #secondary ul li#recent-post-3 {width:260px;}
  #secondary ul li#archives-3 {float:none;width:180px;padding-left:10px;}
  #secondary ul li#archives-3 ul li {text-transform:capitalize;}

    #secondary ul li.widget h3{
      font-variant:small-caps;
      font-weight:bold;
      color:#999;
      font-size:14px;
      line-height:22px;
    }
    #secondary ul li.widget ul{
      float:none;
    }
      #secondary ul li.widget ul li{
        margin-left:5px;
      }
        #secondary ul li.widget ul li a{
          font-size:11px;
          color:#ccc;
        }



/* footer */
#footer a{
  color:#333;
}
#footer a:hover{
  color:#999;
  text-decoration:none;
}
#footer a#link532 {font-variant:small-caps;}