/*  
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.1em;
      background-color:#FFF;
}

#google_amazon_ads{
}

#header_right{
     float:right;
     width:10px;
}

#header_search{
     float:right;
     text-align:right;
     margin-bottom:10px;height:23px;
}

#subscriptions{
        position:relative;
        float:right;
padding:5px;
        width:300px;
	font-weight:bold;
	font-size:1.1em;
	font-family:Arial;
	color:#888888;}

#subscriptions_text{
color: #888;
margin:0;
padding: 0 27px 0 0;
height:27px;
text-align:right;
padding-top:4px;

	}

#subscriptions_text a{
        background: transparent url(http://personadev.com/images/rss_blue_small.png) top right no-repeat;

color: #888;
margin:-26px;
padding: 0 27px 0 0;

padding-top:2px;
font-weight:bold;
	font-size:1.1em;
	font-family:arial;
text-decoration:none;
	color:#888888;
	}

#navigation{
     float:left;
width:100%;
background-color:#eee;
margin-top:9px;
}

//navigation bar
ul.nav{list-style:none;background:#EEE;}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;}
.nav li a{font-size:11px;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 6px 5px;width:99px;text-transform:uppercase;}
.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}
.nav li a:hover{background:#333;color:#eee!important;width:95px;}
* html .nav li a:hover{background:#333;width:99px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}
.nav li.skip a{width:100px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}
li.top a{width:100px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}

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

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

.post ul il{
      list-style-type:disc;
      padding-bottom:15px;
line-height:1.4em;
}

.post ol il{
      list-style-type:disc;
      padding-bottom:15px;
line-height:1.4em;
}

.alt_comment { 
      background-color:#F8F8F8;
      padding:10px;
      margin-bottom:10px;
      border:1px solid #888888;
}

.comment { 
      background-color:#FFF;
      padding:10px;
      margin-bottom:10px;
      border:1px solid #888888;
}

img {
      border:none;
margin:5px;
}

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

.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;
      padding-left:3px;
      padding-right:3px;
}

a:hover {
      color:#000;
}

#menu popular_button_container a:hover {
      background-color:#ffffff;
}

/* 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:1.25em;
      letter-spacing:0.0em;
      font-weight:bold;
      margin-bottom:10px;
      padding:0px;
      text-decoration:none;
font-weight:none;
}

.post h2 {
      font-size:1.6em;
      margin:10px 0 20px 0;
      text-align:center;
line-height:1.2em;
letter-spacing:0.0em;
}

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

h2 a {
      color:#000;
text-decoration:none;
font-weight:normal;
}

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


/* HEADER */

#header {
      width:1050px;
      margin-top:10px;
      height:110px;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
background-image: url(top77.png);
background-repeat: no-repeat;
border-top:3px solid #ddd;
padding-top:10px;
padding-bottom:10px;
}

#titre {
      margin-top:5px;
      margin-bottom:10px;
      margin-left:15px;
      margin-right:15px;
      padding-bottom:5px;
      width:370px;
}

#description {
      font-size:0.8em;
      color:#666;
padding-top:9px;
}

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

#popular_sidebar {
      position:relative;
      float:left;
      width:280px;
      padding:0;
      margin:0;
}

#popular_button_container
{
position:relative;
      float:left;
      padding:0;
 color:#888;
      font-size:1.25em;
      letter-spacing:0.1em;
      font-weight:bold;
}


/* CONTENT BLOCK */

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


/* SIDEBAR LEFT */

#menu {
      position:relative;
      float:left;
      clear:right;
      width:600px;
      margin:0px 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;
margin-bottom:5px;
margin-top:5px;
}

#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:235px;
      list-style-type:none;
      display:inline;
      text-align:left;
      font-size:0.9em;
      margin:0;
      padding:0;
}

#abonnements {
      position:relative;
      float:left;
      margin-top:10px;
margin-left:10px;
margin-right:10px;
      width:350px;
vertical-align:middle;
}

#abonnements_img {
      position:relative;
      float:left;
           margin-top:10px;
margin-left:10px;
margin-right:10px;
      width:70px;
vertical-align:middle;
}

#abonnements_text{
      position:relative;
      float:left;
            margin-top:10px;
margin-left:10px;
margin-right:10px;
      padding-top:35px;
}

#searchform {
      position:relative;
      float:right;
width:310px;
      text-transform:uppercase;
      font-size:0.6em;
      letter-spacing:0.1em;
}

#searchform {
      color:#AF7715;
}

#searchsubmit {
      background:#1980BB;
      border:1px solid #bbb;
      color:#ffffff;
}

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


/* CONTENU */

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

.post {
      position:relative;
      float:left;
      display:block;
      width:440px;
margin-top:10px;
      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;
}

.postcontent {
}

#comments {
      position:relative;
      float:left;
      width:400px;
 font-size:0.8em;
}

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:left;
      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:#fff;
}

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;
}


/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: helvetica,sans-serif;
  font-size: 12px;
  line-height: 1.15em;
  text-align: right;
font-style:italic;
  border: 1px solid #000000;
  background: #fff;
  color: #000;
}
.imagecaptioneasy img { 
	border: 0px solid #000000;
        background-color:#000;

margin-bottom:5px; }
.imagecaptioneasy span { text-align: right; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: right; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: right; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: right; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: right; }

p.socialbookmarks{
	font-family: Arial, "Trebuchet MS";
	font-size: 11px;
	font-style: italic;
}

#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}