/*
Theme Name: Tcho Bonne
Theme URI: http://www.bleu-vert.ch
Description: Theme pour le blog de Ciao.ch
Version: 1.0
Author: Vincent Giradin et Yann Graf
Author URI: http://www.bleu-vert.cch
Date: Janvier 2010
*/




/*reset -  droit pompe chez Daedeva.ch*/
body,p,div,img,ul,li,ol,h1,h2,h3,h4,input,select,label,legend,textarea,form,fieldset,table,td,th,tr,caption,a,cite,blockquote{margin:0;padding:0;border:0;font-weight:normal;}
ul{list-style-type:none;}
table,caption,tr,th,td{outline:0;vertical-align:baseline;
font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}



/*Basics*/
h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;}
h4, p, li, a, small, td { font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 1.7em;margin-top:20px; color: #F70000; color: #3A2635; }
h2 { font-size: 1.3em; color:#666; margin-top:30px}
h3 { font-size: 1.2em ;color:#9A171E; margin-top:19px}
h4 { font-size: 1.1em;margin-top:20px}
p { font-size: 0.85em; line-height:1.4em; color:#232121;}
li { font-size: 0.85em; margin-left: 20px;}
p, ul, ol, blockquote { margin-top:16px }

a { color:#7283AF; color:#0069A9; text-decoration:underline; }
p a:hover { text-decoration:none; }

.screen-reader-text { visibility:hidden; }

body { background: #CBCACA url(images/bg-main.jpg) no-repeat fixed center top; }
#container {  width: 762px; margin: 0 auto; padding:0; background-color:#FFF; }
#header { display: block; height:247px; background: url(images/header.jpg) no-repeat; }
#content { text-align: left; margin: 0px; background-color:#FFFFFF;}
#footer { width: 762px; clear:both; margin: 0 auto; padding-bottom:41px; margin-top: -10px;}
.narrowcolumn { float:left;  width:510px; padding: 10px 20px; }
#sidebar{ float:right;  width: 181px; padding: 10px 10px; border-left: #C7C3C1 1px dotted; }
#spacer { visibility:hidden;}



/*
################################ HEADER SPECIFIC #########################
*/

#header h1 { margin:0px; padding:10px 0 0 0; }
#header h1 a { font: 1em Georgia, "Times New Roman", Times, serif; color:#000; text-decoration:none; }
#header h1 a:hover { color:#039; }



/*
################################ POST SPECIFIC #########################
*/

.blogpost_title { font: 27px Georgia, Helvetica, Arial, sans-serif; text-decoration:none; color:#545454;}
a.blogpost_title:hover { color:#7283af; }
.blogpost_title_hr { margin:4px 0 0 0; padding:0; border:0px; border-bottom: #C7C3C1 1px dotted; }
.blogpost_title_small { font-size: 0.9em; color:#828690;}
p.blogpost_title_small { margin:0; padding:0;}
a.blogpost_title_small { color:#666666; }

.postmetadata { background-color:#DFDADC; padding:10px; font-size:0.8em; }

.entry { padding-bottom: 15px; }
.entry li { list-style:disc; padding-bottom: 10px; }

.navigation { display: block; text-align: center; margin-top: 10px; height:40px;}
.navigation a { font-size:0.9em; color:#0069A9; }



/*
################################ COMMENTS SPECIFIC #########################
*/

.comments-bubble0 { background:#DFDADC url(images/comments-bubble-top0.gif); }
.comments-bottom0 { background:#DFDADC url(images/comments-bubble-bottom0.gif); }

.comments-bubble1 { background:#ABD9ED url(images/comments-bubble-top2.gif);}
.comments-bottom1 { background:#ABD9ED url(images/comments-bubble-bottom2.gif);}

.comments-bubble2 { background:#E1BFC0 url(images/comments-bubble-top1.gif);}
.comments-bottom2 { background:#E1BFC0 url(images/comments-bubble-bottom1.gif);}


.comments-bubble0, .comments-bubble1, .comments-bubble2 { padding:5px 20px 0px 20px; margin-top:10px; background-repeat:no-repeat; background-position:top; }
.comments-bottom0, .comments-bottom1, .comments-bottom2 { width:510px; display:block; height:27px; background-repeat:no-repeat; background-position:top; }


.avatar { padding:5px; background-color:#FFF; }
#comments a { color:#000; }


.form-label { padding-bottom: 3px; padding-top: 16px; }
.required { color:#F30; }
input { padding:3px; background-color:#FFFFFF; border:#999 1px solid; }
textarea { background-color:#FFF; border:#999 1px solid; padding:3px; }
.button { padding:6px; font: 1.5em Arial, Helvetica, sans-serif; color:#F60; background-color:#1F1F1F; }
.button:hover { color:#F30; }


/*
################################ SIDESBARS SPECIFIC #########################
*/

#sidebar a { color: #0069A0; text-decoration:none; }
#sidebar li { margin:0px; }
#sidebar li a:hover, li a:active { color:#000; }
#sidebar ul ul li { margin: 0px 0 3px 0; border-bottom: 1px dotted; padding-bottom:3px;  list-style:none;}

.visitciao { display:block; height:32px; width:181px; border:none; background:url(images/bouton-back-ciao.jpg) no-repeat top right; margin-top:20px; margin-bottom:20px}
.visitciao:hover { background-position:0 -32px; cursor: pointer; }

.sondage { display:block; height:72px; width:181px; border:none; background:url(images/bouton_sondage_offon.gif) no-repeat top right; margin-top:25px; }
.sondage:hover { background-position:0 -72px; cursor: pointer; }

#disclaimer { border:#C7C3C1 1px solid; margin-top: 20px; padding:5px; font-size:0.75em; }
#disclaimer p { margin-top:0px;}



/*
################################ FOOTER SPECIFIC #########################
*/

#footer p { color:#000; font-size:0.7em; }
#footer a { color:#000; text-decoration:underline; }



/*
################################ OTHERS #########################
*/

.alignright { float: right; }
.alignleft { float: left; }




#www
{
    position: relative;
    float: right;
    width: 141px;
    height: 86px;
    margin: 30px 10px 0 0;
    padding: 9px 0 0 9px;
    z-index: 0;
    text-align: left;
    background: transparent url('images/www_bullerouge.gif') top left no-repeat;
}

#www h1 a
{
    /*font-family: georgia, 'Times New Roman', Arial;*/
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.15em;
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-decoration: none;
}