/* Feuille de style vierge comportant les principales balises d'un 
blog realise avec dotclear - Etablie par Kozlika pour la dcTeam
le 7 janvier 2007. 

Licence : domaine public 

*/


/* ------------------------------------------------------------
Bloc de styles à supprimer, ne servent qu'aux premiers tests
------------------------------------------------------------- */
 
@import url(layout.css);

body {
 	
 	font-size : 76%;
 	font-family : "lucida grande", "gill sans", arial, sans-serif;
 	} 


fieldset {
	border : none;
	}
.post h3, .post h4 {
	clear : both;
	}

/* ---------------- fin du bloc à supprimer ---------------------- */



/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
------------------------------------------------------------------ */
@import url(nom_du_fichier.css);


/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {background-color:#765251;}
 
h1 {color : #666;}
h2 {color : #666;}
h3 {color : #666;}
h4 { }
h5 { }
h6 { }

p {margin-top:0.3em;}
img {}
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a {color:#337;}
a:link { }
a:visited {color : #877;}
a:hover { }
a:focus { }
a[hreflang]:after { }
a img {border:none}
 
code, pre { }
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { }

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top {text-align:left;background-color:#f8fbd9;padding:0px;}
#top h1 {text-align:center;padding-bottom:1px;}
#top h1 a { }
#prelude { }
#prelude a { }

in
/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

#wrapper { }
#main {
   
}
#content { }

#content-info {}
#content-info h2 { }
#content-info p { }

.content-inner { }

.pagination { }
#navlinks { }
#navlinks a{font-size:1.1em;font-weight:bold;color:#f8fbd9}
#navlinks a:visited{color:#e9d7b1}
#navlinks a.next{float:right;}
#navlinks a.prev{padding-right:2em;}
/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post {margin-bottom:2em;}
.post.first { }
.post.odd { }

.day-date {float:right;}
.post-title {margin-bottom:0;}
.post-info {}
.post-tags {float:right;width:50%;text-align:right;margin:0px;}
.post-tags li{display:inline;margin-right:0.5em;}

.post-header{background: url(img/header-bg.gif) repeat-x ;background-color:#f8fbd9;margin-bottom:0em;}
.post-header-inner{padding:0px 2em 0px 2em;}

.before-post{background: url(img/left.gif) no-repeat #f8fbd9;height:8px;margin-left:47%;}

.TLcorn, .TRcorn, .BRcorn, .BLcorn {height: 10px; width: 10px;background-repeat: no-repeat;font-size:1px; /* correction d'un bug IE */}
/* propriétés spécifiques à chaque coin */
.TLcorn {background: url(img/corners1.gif) 0px 0px;}
.TRcorn {background: url(img/corners1.gif) -10px 0px;float: right;}
.BLcorn {background: url(img/corners1.gif) -30px 0px;}
.BRcorn {background: url(img/corners1.gif) -20px 0px;float: right;}

.post-excerpt {padding:0.5em 0px 2em 0px;margin:0px;}
.post-content {background-color:#f8fbd9;padding-bottom:1em;}
.post-content.alone{background: url(img/cornerBR.gif) no-repeat bottom right;background-color:#f8fbd9;padding-bottom:1px;}
.post-content.page{padding-bottom:0px;}

.post-content-inner{padding:0px 2em 0px 2em;}

.read-it {background: url(img/cornerBR.gif) no-repeat bottom right;background-color:#f8fbd9;padding:0.5em 1em 1em 1em;margin:0px;}

.footnotes { }
.footnotes h4 { }

.post-info-co {background: url(img/cornerbottom.gif) transparent no-repeat bottom;padding:0.5em 0;margin-top:0px;width:162px;text-align:center;font-weight:bold;font-size:1.1em;}
.comment_count { }
.pings_count { }
.attach_count { }

#attachments { }
#attachments h3 { }
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }


/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */

#comments {background-color:#e9d7b1;color:#666;}
#comments-inner {padding:0 2em;}
.after-comments{background: url(img/left.gif) no-repeat #e9d7b1;height:8px;margin:0;margin-left:47%;}

#pings { }
#pr { }
#comment-form {background-color:#e9d7b1;margin:0;}
#comments-form-inner {padding:0 2em;}

#comments h3 { }
#pings h3 { }
#pr h3 { }
#comment-form h3 { }

#comments dl { }
#comments dt {padding-top:1em;}
#comments dd {padding-bottom:1em;margin:0;padding-left:2em;}
#comments dd.odd {padding-left:2em;}
#comments .first { }
#comments .odd {background-color:#f8fbd9;padding:0.5em;}
#comments .me {background-color:#765251;color:#f8fbd9;padding:0.5em;}

#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }

#pr dl { }
#pr dd { }

#comment-form fieldset { }
.field { }
.field label { }
.field input { }
.field textarea { }

#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help { }

#ping-url { }
#comments-feed a{font-size:1.1em;font-weight:bold;color:#f8fbd9}
#comments-feed a:visited{color:#e9d7b1}

/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar { }
#blognav {background-color:#e9d7b1;}
#blogextra {background-color:#e9d7b1;}
#blogextra ul, #blognav ul{padding-left:2em;!margin:0;}

#blogextra h2, #blognav h2 {font-size:1.3em;}
#blogextra h3, #blognav h3 {font-size:1em;}


#blognav .inner, #blogextra .inner {
   padding:0px 1em 0px 1em;
}


#sidebar h2 { }
#sidebar h3 { }
#sidebar ul { }
#sidebar li { }

/* boites du menu des widgets livres avec Dotclear */
#search { }
#search form { }
#search input[type=text] { } /* ou #search #q */
#search input[type=submit] { } /* ou #search .submit */
#search p{margin:0;}


#topnav { }
.topnav-arch { }
.topnav-home { }

.selected { }
.lang { }
.categories { }
.syndicate { }
.lastposts { }
.lastcomments { }
.text { }
.links { }

.tags { }
.tags ul { }
.tags li { }
/* a completer separement ou globalement pour le sidebar et la page 
spécifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */


/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer { }
#footer p { }


/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* class sur les liens rss (on peut y placer l'icone
feed.png a piocher dans le theme par defaut par ex.) */

.feed { 
	padding-left:16px;
	background : transparent url(images/feed.png) no-repeat left center;
	 }


/* tags dans le sidebar et dans la page les regroupant
(exemple ici pour un 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 : #fffbd9;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
/* messages d'info */
.message {
	background : #f8fbd9;
	padding : 0.5em;
	}	
	
	
/* exemples de ceux que j'ajoute souvent */
.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. PAGES SPECIFIQUES
	j'indique le marqueur du body, a completer pour cibler 
	plus precisement (cf l'exemple ci-dessus pour les tags)
------------------------------------------------------------- */

.dc-home { }
.dc-post { }

.dc-category { }
.dc-tag { }

.dc-category #content-info,.dc-tag #content-info, .dc-search #content-info, .dc-archive-month #content-info,.dc-home #content-info{background-color:#f8fbd9;padding:0;margin:0 0.6em 1.5em;}
.dc-category #content-info .inner,.dc-tag #content-info .inner, .dc-search #content-info .inner, .dc-archive-month #content-info .inner,.dc-home #content-info .inner{padding:0em 3em;}
.dc-category #content-info h2, .dc-tag #content-info h2, .dc-search #content-info h2,.dc-home #content-info h2{margin:0.4em 0em;}
.dc-category #content-info p, .dc-tag #content-info p, .dc-search #content-info p,.dc-home #content-info p{float:right;}
.dc-archive-month #content-info h2{margin:0;}
.dc-category #content-info p, .dc-tag #content-info p{float:right;}

.dc-archive #content,.dc-tags #content, .dc-404 #content{background-color:#f8fbd9;padding:0;margin:1.5em;}
.dc-archive .content-inner,.dc-tags .content-inner,.dc-404 .content-inner{padding:1em 3em;}
.dc-archive .archive-year{float:left;padding-right:3em;}
.dc-archive .archive-year ul{padding-left:1.5em;}
.dc-archive .content-end{clear:both;}
.dc-archive-month { }

.dc-tags { }
.dc-categories { }
.dc-search { }

.dc-404 { }


/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments, 
.post-info-co, #comments, #footer {
    clear:both;
    }