/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Olivier Meunier and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK ***** */
 
 /*
 -----------------
 Nom du theme : Kit (variante layout fluide, sidebar a droite)
 Auteur : Kozlika http://www.kozlika.org/ pour Dotclear
 Licence : GNU-GPL
 ----------------- 

Organisation de la presente feuille de style :

 1. Structure de la page (body, page, top, main, sidebar, footer)
 2. Mise en forme des balises XHTML standard
 3. Les liens
 
 4. Haut de page (top et prelude)
 5. Les billets (content et post)
 6. Les commentaires et trackbacks
 7. Le menu lateral (sidebar)
 
 8. Goodies
        classes supplementaires utilisables dans les billets
        et autres trucs bien utiles...


/* =================================================================
        1. STRUCTURE DE LA PAGE - REGLES DES GRANDS BLOCS
/* ============================================================= */

body   { 
	color: #222; 
	font-size: 80%; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	background: #666 url(images/background2.jpg) repeat-x;
	}
#page {
	width : 800px;
	margin : 0 auto 20px auto;
	padding : 0;
	text-align : left;
	background : url(images/bg.png) repeat-y center;
    }
#top {
	width: 780px;
	margin: 0 10px;
	padding : 0;
	text-align : center;
	}
#main {
	width : 510px;
	margin : 0 -270px 0 0;
	padding : 0;
	float : left;
	background : transparent;
	}
#content {
	padding : 1px 20px 1em 40px;
	margin : 20px 10px 0 0; /* 240px a gauche : cette valeur + margin et padding lateraux 
    ne doivent pas exceder la marge negative appliquee a #main */
	}
	.pagenav {
	font-size: 0.9em;
}

p.pagenav a {
	background : #ddd;
	color: black;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:#598F9A;
	color:white;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}
#footer {
	clear: both;
	background: #333;
	margin: 0 10px;
	padding: 10px;
	color: #eee;
	text-align: center;
	}
#footer a  { color: #eee; font-weight: bold; text-decoration: none; background: #333 }
#sidebar   { color: #555; font-size: 1em; line-height: 125%; margin: 20px 10px 0; padding: 0 20px 20px; width: 220px; float: right }


/* ==============================================================
        2. BALISES HTML
/*  ============================================================= */

h1  { font-size: 2em }
h2 { font-size : 1.33em; margin : 0; }
h3 { font-size : 1.25em; margin : 1.5em 0 0 0; }
h4 { font-size : 1em; margin : 1.5em 0 0 0; }
h5 { font-size : 0.83em; margin : 1.5em 0 0 0; }
h6 { font-size : 0.67em; margin : 1.5em 0 0 0; }

p { margin : 1em 0 0 0; }

img { border : none; }

q, cite { 
	font-style : italic; 
	background : #f7f7f7; 
	}

form { 
    display : block; 
    margin : 0; 
    padding : 0; 
    }

code, pre { 
    font-family : "Courier New",monospace; 
    font-size : 1.1em;
    color : #66c;
    }

pre {
	background : #f5f5f5;
	border : 1px solid #222;
	margin : 1em 2em;
	padding : 0.5em 1em;
	text-align:left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow : auto;
		/* Fin hack Ne pas supprimer cette ligne */
}


/* ==============================================================
        3. LES LIENS
/*  ============================================================= */


/* ********** Regles generales ************* */

a {
	text-decoration : none;
	}
a:link {
	color:#222; 
	}
a:visited  { 
	color: #222; 
	}
a:hover, a:focus  { color: #000; background: transparent }
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #222;
	background : transparent;
	}

/* ********** Regles specifiques ************* */

/* pour #top h1 a et top h1 a:hover tout est regroupe dans la partie 4 suivante */
#prelude a {
	color:#fff;
	}
.post-title a {
	text-transform : none;
	}
#calendar td.active a  { color: #903; font-weight: bold }


/* =================================================================
        4. HAUT DE PAGE
            (voir a la fin de cette feuille les styles pour un menu 
            horizontal et/ou un sous-titre)
/* ============================================================= */
#top {
	background: #444 url(images/top.jpg) no-repeat center bottom; 
	margin: 0 10px; 
	width: 780px; 
	height: 223px 
}

#top h1   { color: #fff; font-size: 1.4em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding-top: 15px; width: 520px }

#top h1 a{
	color: #FFF;
	text-decoration: none;
	}


#prelude {
	color:#fff;
	text-align:left;
	background : transparent;
	margin : 0;
	padding : 0 0 0 3em;
	}


/* =================================================================
        5. LES BILLETS
/* ============================================================= */

/* si table des matieres
---------------------------------------------------- */
#toc h2 {color: #555}

#toc ul  { line-height: 130%; list-style-type: none; margin: 1em 0 0 2em ; padding: 0 }
.tocdate {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}
#toc .post-title {

	padding-left : 0.5em;
}
#toc li a:hover   { color: #369; font-weight: 700 }


.post  { background-image: url("images/icopost.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-bottom: 3em }
.day-date {
	display:none;
	}
.post-title   { font-weight: bold; padding-left: 22px }
.post h3, .post h4, .post h5, .post h6  { color: #555; font-weight: normal; text-align: left; margin-top: 2em }
.post-info   { color: #555; margin: 0.25em 0; }
.post-info a  { color: #369; font-weight: 700; }
.post-chapo {
	margin : 1em 0;
	text-align : justify;
	}
.post-content {
	text-align : justify;
	margin-top : 0.5em;
	}
.post-content a {
	text-align : justify;
	margin-top : 0.5em;
	color: #369;
	font-weight: 700; 
	}
.post-content a:hover  { color: #369; font-weight: 700; text-decoration: underline; text-align: justify; margin-top: 0.5em }
.post-content p, .post-chapo p {
	margin-top : 1em;
	line-height : 140%;
	}
.post-info-co   { background: url("images/co.png") no-repeat 0 40%; margin-top: 0.5em; margin-bottom: 2em; padding-left: 13pt }
.post blockquote {
	margin:2em;
	padding:0 2em 0 1em;
	border-left : 4px solid #ddd;
	}
.post img {
	float: left; display: block;
		padding: 0.5em;
		margin: 5px 10px 3px;
		background-color: #eee;
		border: 1px #ccc solid;
	}
.footnotes {
	font-size:0.9em;
	}
.footnotes, .footnotes p {
	margin-top : 1em; text-indent : 0;
	}


/* =================================================================
        6. COMMENTAIRES, TRACKBACKS
            (voir aussi formulaires en 8)
/* ============================================================= */

#trackbacks, #comments, #comment-preview {
	clear:both;
	}
#trackbacks  { background: url("images/comments.png") no-repeat right top; border-top: medium ridge #69c }
#comments h3, #trackbacks h3 {
	margin-top : 2em;
	margin-bottom : 1em;
	}
.comment-info  { color: #fff; background: #69c; margin: 0; padding: 2px 1em; border-style: solid; border-width: 1pt 1pt thin; border-color: #444 #ccc #69c #444 }
.comment-info a   { color: #fc0 }
#comments blockquote, #trackbacks blockquote  { background: #eee; margin: 0 0 2em; padding: 1px 1em 0.5em; border-style: solid; border-width: 1pt; border-color: #fff #ccc #ccc #444 }


/* =================================================================
        7. SIDEBAR
/* ============================================================= */
    
#sidebar h2  { color: #555; font-size: 1.25em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 1.5em; margin-bottom: 0.5em }
#sidebar h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight : normal;
	margin-top: 0.5em;
	margin-bottom:0.33em;
	color : #999;
	font-size : 1.1em;
	}
#sidebar ul {
	list-style:none;
	margin : 0 0 1em 0;
	padding:0;
	}
#sidebar li  { margin: 0 0 0 0.75em; padding: 0 }
#sidebar li a:hover   { color: #369; font-weight: 700 }
#search {
	margin-top:2em;
	}

/* Le calendrier
------------------------------------------- */

#calendar table       { font-size: 11px; margin: auto; padding: 0.5em; width: 200px; border-style: solid; border-width: 1pt; border-color: gray black black gray; border-collapse: collapse   
   }
#calendar caption { /* nom des mois */
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	}
#calendar thead   { color: #fff; background-color: #69c; margin-top: 1em; margin-bottom: 1em; padding: 0.5em }
#calendar abbr { /* nom des jours */
	border : none;
	}
#calendar th, #calendar td   { text-align: center; padding: 0.5em 0.3em; border: none }
#calendar td a    { color: #369; font-weight: bold; background-color: #eee; padding: 2px; border-style: solid; border-width: 1pt; border-color: #444 #ccc #ccc #444 }
#calendar td.active  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }



/* =================================================================
        8. FORMULAIRES (recherche et depot commentaire)
            interactions (messages d'erreur)
/* ============================================================= */

fieldset {
	display : block;
	border : none;
	margin : 0 0 0.5em 0;
	padding : 0;
	}
fieldset p {
	margin-bottom : 1em;
	}
.form-help {
	margin : 1em 0;
	}
input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #999;
	}
input[type], textarea[name] {
	background : #eee;
	}
input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
	}
input[type=submit]:hover {
	background : #ccc;
	color : #fff;
	}
textarea {
	width : 95%;
	}
p.field {
	margin : 1em 0 0 0;
	}
p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
	width : 12em;
	float : left;
	color : #555;
	}
.form-help {
	}
#comment-form {
	}
input.preview {
	}
input.submit {
	}
#c_nom {
	}
#c_mail {
	}
#c_site {
	margin-bottom : 1em;
	}
#c_content {
	}
#c_remember {
	}


/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}


/* =================================================================
        9. TRUCS EN PLUS
/* ============================================================= */

/* des classes supplementaires reutilisables dans les billets :
---------------------------------------------------- */
.petit {
	font-size:0.9em;
	}
.center {
	text-align : center;
	}
.right {
	text-align : right;
	}
.left {
	text-align : left;
	}

/**
/* voir aussi dans le repertoire themes/kit/zegoodies/css
des styles tout prets pour etre utilises avec :
- le plugin Pagination, 
- le plugin Table des matieres,
- le plugin Related
- une barre de navigation horizontale,
- des liens page precedente / suivante
- une ligne de description du blog. 
*/