/* 
copyright: Kozlika 

Palette
	blanc: f2f2f5
	rose clair: e5c0d2
	rose foncé: be5e7c
	marron: 863d21
	bleu: 6087bf


*/


/* ------------------------------------------------------------
Import Layout
------------------------------------------------------------- */
@import url(layout.css);


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

body {
 	background : #f2f2f5;
 	font-size : 76%;
 	font-family : "lucida grande", "gill sans", arial, sans-serif;
 	}
 
h1 { text-align: left; font-size:1.5em; }
h2, h3, h4 { font-weight: normal; color: #863d21;font-family: Garamond, Palatino, "Times New Roman", serif; }
h2 { font-size: 1.75em; font-style: italic;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;}
h5 { }
h6 { }

p { }
img { }
sup { font-size: 60%; line-height: 100%;}
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { border: none;}
fieldset { border: none;}
input { }
label { }

a { color: #6087bf; }
a:link { color: #6087bf; }
a:visited { text-decoration: none;}
a:hover, a:focus { color: #be5e7c;}
a[hreflang]:after { }
a img { border: none; }
#top a:focus { border: 1px solid #ccc; }
 
code, pre { }
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {
 	background : #f2f2f5;
	 }

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

#top { background: #f2f2f5 url(img/top.jpg) no-repeat -2px -12px; position: relative; }
#top h1 { }
#top h1 a { color: #f2f2f5; display: block; height: 300px; width: 650px;}
#prelude,
#prelude a { color: #f2f2f5; }

#menu {
	position: absolute;
	top: 35px;
	left: 770px;
	font-weight: bold;
	font-size: 1.15em;
	color: #f2f2f5;
	line-height: 38px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu a { color: #f2f2f5; text-decoration: none; font-weight: normal;}
#menu a:hover, #menu a:focus {text-decoration: underline;}
#li-1 { padding-left: 12px;} 
#li-1 a { color: #735041;}
#li-2 { padding-left: 70px;}
#li-3 { padding-left: 40px;}



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

#wrapper { }
.dc-home #entry_images { text-align: right; border-bottom: 1px solid #ddd; padding-bottom: 36px; }
#entry_images span { margin-right: 6px; line-height: 40px;}
.entry_thumbnails img a { margin-right: 6px;}

#intro { width: 370px; float:left; line-height: 150%; margin: 0; padding: 0;}
#intro p { margin-top: 0; margin-right: 10px;}

#main { font-size: 120%; line-height: 140%; }
#content { }

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

.content-inner { }

.pagination { }
#navlinks { }


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post { margin-bottom: 60px; }
.post.first { }
.post.odd { }

.day-date span, span.day-date { padding: 3px 8px; background: #863d21; color: #fff; vertical-align: top; }
h2 span.day-date {font-size: 50%; font-style: normal; font-family: "lucida grande", arial, sans-serif;}
.post-title a { color: #863d21; text-decoration: none; font-weight: normal; }
.post-title a:hover, .post-title a:focus {color: #be5e7c;}
.post-content img { margin-right: 6px;}
.post-info { }
.post-tags { }
.post-excerpt { }
.post-content { }
.post-content a img {border: 1px solid #6087bf;}
.post-author { text-align: right;font-family: Garamond, Palatino, "Times New Roman", serif; font-style: italic; font-size: 1.15em;}

.read-it { }

.footnotes { }
.footnotes h4 { }

.post-info-co { }
.comment_count { }
.ping_count { }
.attach_count { }

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



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

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

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

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

#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 { }


#comments, #pings {
	margin: 0 0 1.33em 0;
	padding: 12px 0 0 0;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	}
#comments dd, #comments dt, #comments dl, #content form, #pings dd, #pings dt, #pings dl {
	padding: 4px 16px;
	margin: 0;
	border: none;
	}
#comments dt, #content form, #pings dt {
	margin-top: 2em;
	font-size: 0.92em;
	border: none;
	}
#comments dt .comment-number, #pings dt .comment-number {
	font-size: 2em;
	}
#comments dt .comment-number:hover {
	color: maroon;
	}
#comments dt {
	margin-bottom: 0;
	}
#comments dd, #pings dd {
	border-top: 1px solid #ccc;
	padding-bottom: 12px;
	}
#comments dd p, #pings dd p {
	margin-top: 0.5em;
	}
#comments dd.me {
	color: #015979;
	}
#content form {
	margin-bottom: 2em;
	padding-top: 1em;
	margin-top: 1em;
	}
form h3 {
	margin: 0 0 1em 0;
	padding: 0;
	clear: both;
	}
	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-size: 1em;
		border-width: 1px;
		border-style: solid;
		border-color: #ccc;
		background: #f5f5f9;
		}
	input[type=submit], input[type=reset] {
		background: #ccc;
		color: #000;
		}
	input[type=submit]:hover {
		background: #ccc;
		color: maroon;
		}
	textarea {
		width: 95%;
		font-family : "lucida grande", "gill sans", arial, sans-serif;
		}
div.jstEditor textarea#c_content {
	border: 1px solid #ccc;
 	font-family : "lucida grande", "gill sans", arial, sans-serif;
}
	p.field {
		margin: 1em 0 0 0;
		}
	p.field label {
		clear: left;
		display: block;
		font-weight: bold;
		font-size: 1em;
		width: 13em;
		float: left;
		color: #666;
		}
	p.field.comm-label label {
		width: 9em;
		}
	.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;
		}


/* style de la recherche ici pour prendre le pas sur les autres formulaires */
#search, #search fieldset, #search form, #search input { border: none; margin: 0; padding: 0;}
#search { margin-left: -96px; font-family: "Lucida grande", arial, sans-serif;}
#search label { float: left;}
#search form { }
#search input[type=text] { background: #f2f2f5 url(img/icon_search.png) no-repeat 110px center; font-size: .9em; color: #ccc; border: 1px solid #ccc; padding: 3px 6px; } /* ou #search #q */
#search input[type=submit] {background: #f2f2f5; border: 1px solid #ccc; padding: 2px; color: #999; padding-top: 4px; font-size: .7em;} /* ou #search .submit */


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

#sidebar { }
#blognav { }
#blogextra { }

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

#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 
specifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */


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

#footer { }
#footer p { }
#bottom_menu { font-size: 1.1em; list-style-type:none; margin: 0 18px; padding: 0; }
#bottom_menu li {width: 208px; float:left; margin: 0 10px; background: #6087BF; padding: 4px 8px;}
#bottom_menu li a { text-decoration: none; color: #fff;}
#bottom_menu li a:hover, #bottom_menu li a:focus { text-decoration: underline; color: #e5c0e2;}
#footer .feed_p { clear: both; padding: 10px 0 40px;}


/* ------------------------------------------------------------
	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:18px;
	margin-left: 6px;
	background : transparent url(img/feed.png) no-repeat left center;
	text-decoration: none;
	}


/* exemple de style pour les tags 
dans le sidebar et dans la page les regroupant
*/
.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;
	}
	
/* exemples de class que j'ajoute souvent
pour pouvoir les utiliser dans les billets */
.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; }
.clearer { clear:  both; }
hr.clearer { background: transparent; border: transparent;font-size: 2px; clear: both;}


/* ------------------------------------------------------------
	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-home #main { clear: both; margin: 0 86px; }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }


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