/*===============================
 Intomybox cascading style sheet
===============================*/ 

/* -----------------------------------------------------------------
	1. STRUCTURE
------------------------------------------------------------------ */
@import url(layout.css);

/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */	
html {background: #fec url("img/bck_feuilles.gif") no-repeat left 250px fixed;}

body {
	background: transparent url("img/bck_crayon.jpg") no-repeat right 400px fixed;
	font-family: Verdana, Geneva, Lucida, "Lucida Grande", Helvetica, sans-serif;
	font-size: .8em;
	padding-bottom: 30px;
	}
	
h1, h2, h3, h4, h5, h6{font-family: "Trebuchet MS", sans-serif;}
h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

ul li {
	margin: 0;
	padding-left: 10px;
	list-style-type: none;
	background: url("img/puce.png") no-repeat;
	background-position: 0 6px;
	}
	
fieldset {border : none;}
blockquote {background: transparent url("img/quote_01.gif") no-repeat left top; font-style: italic;	color: #969;}

a {
	color: #985;
	text-decoration: none;
	}
a:hover {
	color: #654;
	border-bottom: dotted 1px #654;
	}	
a img {border: 0;}
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
#page {
	background: transparent url("img/page.gif") repeat-y;
	border-bottom: 1px solid #654;
	}
 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */
#top a:hover {border: 0;}

#prelude {color: #985;}

/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */
#main {background: transparent url("img/bck_cafe.jpg") no-repeat right bottom;}
#navlinks {
	float: right;
	color: #985;
	padding-right: 15px;
	}
#navlinks a:hover {border: 0;}

/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */
.post {margin-bottom: 30px; padding-right: 15px;}

.day-date {
	text-align: right;
	font-style: italic;
	color: #a00;
	border-top: 1px solid #a00;
	}
 
.post-title {margin: 0; color: #965;}
.post-title a {color: #965;}
.post-title a:hover {color: #b76; border: 0;}

.post-info {color: #b76; margin: 0;}
.post-info a:hover {
	color: #654;
	border-bottom: dotted 1px #654;
	border-top: dotted 1px #654;
	background: url("img/curseur.gif") no-repeat right;
	padding-right: 10px;
	}
	
.post-excerpt, .post-content {	
	text-align: justify;
	margin-bottom: 25px;
	}	
.post-excerpt img, .post-content img {border: 1px solid #000;}
.post-excerpt a, .post-content a {border-bottom: dotted 1px #985;}	
.post-excerpt a:hover, .post-content a:hover {border-bottom: solid 1px #654;}
.post-excerpt {color: #b76;}
.post-content {color: #654;}

.read-it {margin: 0;}
.read-it a:hover {border: 0;}

.post-info-co {
	/*position: relative; top: -25px:*/
	float: right;
	margin-top: -20px;
	color: #654;
	}
.post-info-co a:hover {border: 0;}

/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */
#comments, #comment-form, #pings, #pr {
	padding-right: 15px;
	color: #654;
	}
#comments h3, #comment-form h3, #pings h3, #pr h3 {
	color: #a00;
	border-bottom: 1px solid #a00;
	}

#comments dt {color: #b76;}
#comments dd {background: transparent url("img/quote_02.gif") no-repeat right bottom;}

.field input, .field textarea {
	background: #fed;
	border: 1px solid #654;
	}

/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */
#sidebar h2, #sidebar h3 {
	margin: 0;
	color: #a00;
	}
	
#sidebar ul li {margin: 3px 0 3px -20px; background-image:none;}
#sidebar a {text-decoration: none;}
#sidebar a:hover {
	background: url("img/curseur.gif") no-repeat right;
	padding-right: 10px;
	color: #654;
	border-top: dotted 1px #654;
	border-bottom: dotted 1px #654;
	}

/* boites du menu des widgets livres avec Dotclear */
#search .submit {color: #654;}
#search #q {
	padding-left: 15px;
	background: #fed url("img/loupe.png") no-repeat 4px center;
	}

/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */
#footer {
	position: relative;
	background: transparent;
	}
#footer span {
    position: absolute;
    bottom: -30px;
    right: 10px;
    }
#footer a:hover {border: 0;}

/* ------------------------------------------------------------
	10. PAGES SPÉCIFIQUES
------------------------------------------------------------- */
.dc-archive #main, .dc-archive-month #main, .dc-search #main {background-image: none;}


/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */
/* tags dans le sidebar et dans la page les regroupant (nuage) */
.dc-tags #content ul li, .dc-tags #content ul li a, 
.tags ul li, .tags ul li a {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	background : transparent;
	line-height : 1.5em;
}
.tags ul li a:hover {
	background-image :none;
}
.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
.dc-tags .tag10, .tags .tag10 { font-size: 90%; }
.dc-tags .tag20, .tags .tag20 { font-size: 95%; }
.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
.dc-tags .tag40, .tags .tag40 { font-size: 105%; }
.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
.dc-tags .tag60, .tags .tag60 { font-size: 115%; }
.dc-tags .tag70, .tags .tag70 { font-size: 120%; }
.dc-tags .tag80, .tags .tag80 { font-size: 125%; }
.dc-tags .tag90, .tags .tag90 { font-size: 130%; }
.dc-tags .tag100, .tags .tag100 { font-size: 135%; }

/* messages d'erreur */
.error {
	border : 1px solid #c44;
	background : #df0;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
/* règles utiles */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }

/* ---------------------------------------------------
  11. LES CLEARERS
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments, 
.post-info-co, #comments, #footer {clear:both;}
.post h3, .post h4 {clear : both;}