/*  
Theme Name: SB 5 - Blanc
Theme URI: http://www.mirkohumbert.ch/wordpressfr
Description: Theme sur 2 colonnes avec sidebar sur 2 colonnes. Widget ready. 
Version: 1
Author: Mirko Humbert
Author URI: http://www.mirkohumbert.ch
*/


/* GENERAL SETTINGS */

* {
      margin:0px;
      padding:0px;
}

body {
      font-family:helvetica,verdana,arial,sans-serif;
      font-size:0.9em;
      line-height:1.3em;
      background-color:#FFF;
}

#container {
      width:900px;
      margin-left:auto;
      margin-right:auto;
}

.post ul {
      list-style-type:disc;
      padding:5px 0 10px 20px;
}

img {
      border:none;
}

.post img {
     border:2px solid #FFF;
     outline:1px solid #CCC;
}

p {
      line-height:1.4em;
      margin:0 0 10px 0;
}

blockquote {
      background-color:#D3E3F7;
      border-top:1px solid #9BB3CF;
      border-bottom:1px solid #9BB3CF;
      padding:20px;
      margin:10px 0 10px 0;
}

/* LINKS */

a {
      font-weight:bold;
      color:#425A77;
      text-decoration:underline;
      padding-left:3px;
      padding-right:3px;
}

a:hover {
      color:#000;
}


/* TITLES */

h1 {
      position:relative;
      float:left;
      font-size:1.5em;
      font-weight:bold;
      margin:20px 0 0 20px;
      line-height:1.5em;
      text-transform:uppercase;
      font-family:verdana,helvetica,arial,sans-serif;
}

h1 a {
      color:#425A77;
      letter-spacing:0.1em;
      padding:0px;
      border:none;
      text-decoration:none;
}

h1 a:hover {
      border:none;
      color:#425A77;
}

h2, h3, #sidebar h2 a:link {
      color:#888;
      font-size:1em;
      letter-spacing:0.1em;
      font-weight:bold;
      margin-bottom:10px;
      padding:0px;
      text-transform:uppercase;
      text-decoration:none;
}

.post h2 {
      font-size:1.3em;
      margin:10px 0 20px 0;
      text-align:center;
}

.post h2 a:link {
      text-decoration:none;
      color:#000;
}

h2 a {
      color:#000;
}

h2 a:hover {
      color:#0D4C6F;
      text-decoration:underline;
}


/* HEADER */

#header {
      width:900px;
      margin-top:0;
      height:80px;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
}

#titre {
      margin-top:5px;
      margin-bottom:10px;
      margin-left:15px;
      margin-right:15px;
      padding-bottom:5px;
      border-bottom:1px solid #CCC;
      width:170px;
}

#description {
      font-size:0.8em;
      color:#666;
}

#sidebar {
    position:relative;
      float:left;
      width:180px;
      padding:0;
      margin:0;
}


/* CONTENT BLOCK */

#content {
      margin-left:auto;
      margin-right:auto;
      width:900px;
}


/* SIDEBAR LEFT */

#menu {
       position:relative;
      float:left;
      clear:left;
      width:200px;
      margin:20px 0 0 0;
      padding:0;
      background-color:#FFF;
}

#menu a:link, #menu a:visited, #menu a:active {
      text-decoration:none;
      color:#425A77;
      font-weight:normal;
}

#menu a:hover {
      color:#FFF;
      background-color:#000;
}

#menu ul {
      margin:15px;
      padding:0;
}

#menu ul img {
      display:none;
}

#menu ul li {
      margin:10px 10px 20px 0;
      list-style-type:none;
      padding:0;
}

#menu ul li ul li {
      position:relative;
      float:left;
      display:inline;
      margin:0;
      padding:0;
}

#menu ul li ul {
      position:relative;
      float:left;
      display:inline;
      margin:0px;
      padding:0;
}

#menu li, #menu .textwidget {
      position:relative;
      float:left;
      width:175px;
      list-style-type:none;
      display:inline;
      text-align:left;
      font-size:0.9em;
      margin:0;
      padding:0;
}

#abonnements {
       position:relative;
      float:left;
      margin:10px 15px;
      border-top:1px solid #CCC;
      padding-top:8px;
      width:175px;
}

#searchform {
  float: left;
	width: 100px;
}

#searchform input[type="text"]{

	float: left;
	width: 100px;

}

#searchsubmit {
     background:transparent;
      border:none;
      color:#425A77;
	  float: left;
	width: 30px;
}

#rssfeed {
    position:relative;
      float:leftt;
      margin-bottom:5px;
}


/* CONTENU */

#main {
       position:relative;
      float:right;
      width:470px;
      margin-right:20px;
}

.post {
   position:relative;

      float:right;

      display:block;

      width:640px;

      margin-bottom:10px;

      text-align:justify;

      background-color:#FFF;

      border:1px solid #FFF;

      padding:10px 20px;
}

.post p {
      color:#09232F;
}

.postmetadata {
      background-color:#EEE;
      padding:5px 5px 7px 10px;
      font-size:0.8em;
      border-left:3px solid #CCC;
}

p.postmetadata {
      color:#6D8DAF;
}

.postmetadata a:link {
      text-decoration:none;
      color:#6D8DAF;
}

#comments {
      position:relative;
      float:left;
      width:400px;
}

textarea {
      width:350px;
}

/* SIDEBLOG */

#sideblog {
      position:relative;
      float:left;
      width:350px;
      margin-top:15px;
      margin-left:15px;
}

.sidepost {
      margin-bottom:10px;
}

#footer {
    position:relative;

      clear:both;

      width:100%;

      margin-top:30px;

      margin-bottom:20px;

      font-size:0.8em;

      text-align:center;

      color:#6D8DAF;
}

#footer a {
      color:#6D8DAF;
}

/* COMMENTAIRES */

ol.commentlist {
      position:relative;
      float:left;
      padding:20px;
      margin:0;
      list-style-type:none;
      background:#EEE;
      border-left:3px solid #DDD;
}

h3#respond, h3#comments {
      position:relative;
      float:left;
      width:100%;
      padding:0;
      margin:0;
      color:#555;
      margin:20px 0 10px 0;
      font-size:0.8em;
      letter-spacing:normal;
}

ol.commentlist li a {
      color:#555;
      text-decoration:none;
}