/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2006 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 *****
 /* Author : Kozlika - http://www.kozlika.org
 /* This version : Franck - http://tomekmusic.free.fr/blog/
 
/* ------------------------------------------------------------------
    PERSONNALISATIONS
------------------------------------------------------------------- */
@import "custom.css";
@import "calendar.css";
 
/* ------------------------------------------------------------------
    REGLES HTML PAR DEFAUT
------------------------------------------------------------------- */
body {
	background: #5b4949;
	color: #757575;
	font-family: "Trebuchet MS", trebuchet, verdana, sans-serif;
	font-size: 78%;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

* { margin: 0; padding: 0; }

hr {
	background-color: #5b4949;
	border: 0;
	color: #5b4949
	height: 1px;
	margin-bottom: 1em;
}

/* Hierarchie des titres */
h2, h3 { font-weight: normal; margin: 0 0 0.33em 0; }

h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 1.66em; margin: 0; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; margin: 0.8em 0; }

h4 { font-size: 1em; margin: 1em 0; }

h5 { font-size: 0.9em; margin: 1.25em 0; }

h6 { font-size: 0.8em; margin: 1.75em 0; }

/* Comportement des liens */
a { color: #a60c0c; text-decoration: none; }

a:link { color: #a60c0c; }

a:visited { color: #a60c0c; }

a:hover, a:active, a:focus { color: #e3c8ac; }

/* Mention de la langue d'un lien */
a[hreflang]:after {
	background: transparent;
	color: #999;
	content: "\0000a0[" attr(hreflang) "]";
	font-size: 0.9em;
}

/* liens rss */
a.feed {
	background: transparent url(http://blog.vault106.org/darksoul/themes/rougeglace/img/feed.png) no-repeat left center;
	padding-left: 16px;
}

/* Regles des balises courantes */
p { margin: 0 0 1em 0; /* paragraphes */ }

img { border: none; /* img */ }

form { display: block; margin: 0; /* formulaires */ }

q { font-style: italic; margin: 1em; /* citations */ }

cite { font-style: italic; }

ul, ol { margin-bottom: 1em; margin-left: 1em; padding-left: 1em; }

sup { font-size: 80%; padding-left: 0.15em; }

abbr, acronym { border-bottom: 1px dashed #736655; cursor: help; }

blockquote {
	background: #222 url(http://blog.vault106.org/darksoul/themes/rougeglace/img/quotered.gif) no-repeat 1em 1em;
	border: 1px dotted #333;
	margin: 1em 2em;
	padding: 1em 1em 0 1em;
}

/* Presentation des lignes de code */
code, pre {
	color: #aaa;
	font-family: "Courier New",monospace;
	font-size: 1em;
}

pre {
	background: #222;
	margin: 0.33em auto;
	margin-bottom: 1em;
	overflow: auto; /* Fin hack Ne pas supprimer cette ligne */
	padding: 1em;
	text-align: left;
	white-space: pre;
	white-space: normal;
	width: 90%;
	width: 90%; /* caché pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
}

/* --------------------------------------------------------
STRUCTURE
-------------------------------------------------------- */
#page {
	background: #000 url(http://download.tuxfamily.org/vault106/static/blog.vault106.org/darksoul/themes/Glagla2_copie.jpg) no-repeat center top;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 800px;
	z-index: 100;
}

#top { margin: 0; }

#top h1 { margin: 0; padding: 0; }

#prelude { margin: 0; padding: 0; }

#wrapper { margin: 0; padding: 0; }

#main { float: right; margin: 0 0 0 -214px; width: 100%; }

#content {
	border-left: 1px solid #222;
	margin: 5px 0 0 214px;
	padding: 0 40px 0 15px;
}

#sidebar { float: left; margin: 0; padding: 0; width: 200px; }

#blognav, #blogextra { margin: 0; padding: 0 8px; }

#footer {
	background: #000 url(http://blog.vault106.org/darksoul/themes/rougeglace/img/footered.jpg);
	clear: both;
	color: #736655;
	height: 47px;
	margin: 0;
	text-align: right;
}

#footer a:link, #footer a:visited { color: #a00; text-decoration: none; }

#footer a:hover, #footer a:active, #footer a:focus { text-decoration: underline; }

#sidebar div div {
	background: transparent;
	border-bottom: 1px solid #222;
	margin-bottom: 8px;
}

/* --------------------------------------------------------
    HAUT DE PAGE (+ footer)
-------------------------------------------------------- */
#top { height: 260px; position: relative; }

#top h1 {
	background: transparent;
	padding: 0;
	position: absolute;
	text-align: right;
	top: 200px;
	width: 800px;
}

</script>

#top h1 a {
	color: #736655;
	display: block;
	font-weight: normal;
	height: 30px;
	padding-right: 40px;
	text-decoration: none;
}

#top a:visited { color: #736655; }

#top a:hover { background: transparent; color: #3b3525; }

#prelude {
	font-size: 0.9em;
	left: 10px;
	position: absolute;
	top: 228px;
}

#prelude, #prelude a { background: transparent; color: #3b3525; }

#prelude a:hover { color: #736655; }

#prelude p { margin: 0 0 0 10px; padding: 0; }



#footer p { padding: 20px 5px 0 0; }

    
/* ---------------------------------------------------------
    MAIN - BILLETS
---------------------------------------------------------- */
/* règles communes au content */
#content ul { list-style-type: none; }

#content ul li {
	background: transparent url(http://blog.vault106.org/darksoul/themes/rougeglace/img/li.png) no-repeat 0 0.2em;
	padding-left: 8px;
}

#content ul li ul li {
	background: transparent url(http://blog.vault106.org/darksoul/themes/rougeglace/img/li.png) no-repeat 0 0.2em;
	padding-left: 8px;
}

/* billets */
.post { margin-bottom: 3em; margin-top: 1em; padding: 3px 0 0 0; }

.day-date { border-bottom: 1px solid #222; color: #736655; }

.post-title {
	background: transparent url(http://blog.vault106.org/darksoul/themes/rougeglace/img/fleche.gif) no-repeat left center;
	color: #b00;
	line-height: 110%;
	padding-left: 32px;
}

.post-title a:link, .post-title a:visited { color: #a60c0c; text-decoration: none; }

.post-title a:hover { color: #a60c0c; text-decoration: underline; }

.read-it, .post-info { margin-bottom: 0; }

.post-info a, .post-tags a { color: #e3c8ac; text-decoration: none; }

.read-it a:hover, .post-info a:hover, .post-info-co a:hover, .post-tags a:hover { text-decoration: underline; }

.read-it a, .post-info-co a { color: #a59e95; }

	 
.post-excerpt, .post-content { font-size: 1.05em; text-align: justify; }

.post h3, .post h4, .post h5, .post h6 {
	color: #736655;
	margin-top: 1.5em;
	text-transform: uppercase;
}

.post-info-co {
	background: #111;
	font-size: 0.9em;
	padding: .1em;
	text-align: right;
}

.post-info { color: #a59e95; font-size: 0.9em; margin: 0; }

.footnotes h4 {
	border-top: 1px solid #800;
	color: #736655;
	font-weight: bold;
	margin-top: 2em;
	padding-top: 4px;
	text-transform: capitalize;
	width: 200px;
}

.footnotes { color: #aaa; font-size: .9em; }

a.comment_count {
	background: url(http://blog.vault106.org/darksoul/themes/rougeglace/img/commentaire.png) no-repeat center left;
	padding-left: 16px;
}

a.ping_count {
	background: url(http://blog.vault106.org/darksoul/themes/rougeglace/img/retro.png) no-repeat center left;
	margin-left: 8px;
	padding-left: 16px;
}

a.attach_count {
	background: url(http://blog.vault106.org/darksoul/themes/rougeglace/img/attach.png) no-repeat center left;
	margin-left: 8px;
	padding-left: 12px;
}

#attachments { border-top: 1px solid #300; }

#attachments h3 { color: #736655; margin: .5em 0 0 0; padding-left: 5px; }

#attachments ul { list-style: none; }

#attachments ul li {
	background: url(http://blog.vault106.org/darksoul/themes/rougeglace/img/attach.png) no-repeat center left;
	padding-left: 18px;
}

/* --------------------------------------------------------
    COMMENTAIRES ET PINGS
-------------------------------------------------------- */
#pings, #comments { border-top: 1px solid #222; color: #bbb; font-size: 1em; }

#pr {
	background: #a59e95;
	color: #333;
	font-weight: bold;
	margin-top: 1em;
	padding: .5em;
}

#comments h3, #pings h3 { color: #800; margin-bottom: 1em; margin-top: 2em; }

form h3, #pr h3 { color: #800; margin: .5em 0 0 0; }

#comments dt, #pings dt {
	color: #999;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 2em;
}

#comments dt a:link, #pings dt a:link, 
#comments dt a:visited, #pings dt a:visited { color: #736655; }

#comments dt a:hover, #pings dt a:hover, 
#comments dt a:hover, #pings dt a:hover { text-decoration: underline; }

.comment-number,.odd .comment-number, .ping-number, .odd .ping-number { background: transparent; font-size: 1.1em; }

#ping-url { color: #736655; margin-bottom: 2em; }

#comments-feed { margin-top: 1.5em; text-align: left; }

#comment-form {
	background: #111;
	border: 1px solid #222;
	margin-top: 2em;
	padding: .5em;
}

#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me.odd a:link, #comments dt.me.odd a:visited { color: #736655; }

#comments dt.me.odd, #comments dt.me { }

#comments dd { background: #111; color: #ccc; padding: .5em; }

#comments dd.odd { background: #1b1b1b; color: #ccc; padding: .5em; }

#comments dd.me {
	background: #111;
	border-left: 1px solid #736655;
	color: #e3c8ac;
	padding: .5em;
}

#comments dd.me.odd {
	background: #1b1b1b;
	border-left: 1px solid #736655;
	color: #e3c8ac;
	padding: .5em;
}

/*----------------------------------------------------------- */
/* Formulaires
-------------------------------------------------------- */
fieldset {
	border: none;
	display: block;
	margin: 0 0 .5em 0;
	padding: 0;
}

fieldset p { margin-bottom: 1em; }

.form-help { margin: 1em 0; }

input, textarea {
	border: 1px solid #666;
	font: 1.1em arial, verdana, sans-serif;
}

input[type], textarea[name] { background: #333; color: #ccc; }

input[type=submit], input[type=reset] { background: #600; color: #ccc; }

input[type=submit]:hover { background: #800; color: #ccc; }

textarea { width: 95%; }

p.field { margin: 1em 0 0 0; }

p.field label {
	clear: left;
	color: #999;
	display: block;
	float: left;
	font-size: 1em;
	font-weight: bold;
	width: 11em;
}

input.preview { background: #600; color: #ccc; }

input.submit { background: #600; color: #ccc; }

#comment-form input#c_remember { border: 0; margin-bottom: 2px; }

 
/* ---------------------------------------------------------
MENU
---------------------------------------------------------- */
#sidebar { color: #a60c0c; font-size: 0.92em; padding-top: 0.5em; }

#sidebar a { color: #a60c0c; text-decoration: none; }

#sidebar a:hover { color: #e3c8ac; }

#blognav, #blogextra { margin: 0; }

#blognav div, #blogextra div { margin: 0; padding: 4px 8px; }

 
#sidebar h2 {
	color: #736655;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0.5em;
}

#sidebar h3 { color: #a59e95; font-size: 1.1em; font-weight: normal; }

#sidebar ul { list-style: none; margin: 0; padding: 0; }

#sidebar li { background: transparent; padding-left: 10px; }

#topnav {
	font-size: 1.15em;
	font-weight: bold;
	margin-top: 0;
	padding: 0.25em 0 0 0;
}

#sidebar #topnav li { display: inline; margin: 0; padding-right: 1em; }

#topnav span { display: none; }

#topnav li { padding-left: 0; padding-top: 5px; }

li.topnav-arch a {
	background: url(http://blog.vault106.org/darksoul/themes/rougeglace/img/arch.png) no-repeat 0 0;
	padding-left: 19px;
}

li.topnav-home a {
	background: url(http://blog.vault106.org/darksoul/themes/rougeglace/img/home.png) no-repeat 0 -2px;
	padding-left: 18px;
}

#q { width: 130px; }

#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited {
	background: transparent url(img/tags.png) no-repeat 0 0;
	padding: 0 0 0 18px;
}

#sidebar #blognav .tags ul, #sidebar #blogextra .tags ul { padding-left: 8px; }

#sidebar #blognav .tags li, #sidebar #blogextra .tags li { display: inline; padding: 0 3px 0 0; }

/* -----------------------------------------------------
    TAGS
-------------------------------------------------------- */
#toptags {
	background: transparent;
	height: 150px;
	left: 50%;
	line-height: 170%;
	margin: 0;
	margin-left: -400px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	width: 800px;
}

#toptags ul {
	list-style-type: none;
	margin: 0;
	padding: 12px 80px 12px 200px;
	text-align: left;
	text-align: center;
}

#toptags ul li { display: inline; margin: 0; padding: 0 36px 0 0; }

#toptags ul li a { color: #b00; margin: 0; padding: 0; text-decoration: none; }

#toptags ul li a:hover { color: #000; }

#toptags .tag0 { font-size: 75%; }

#toptags .tag10 { font-size: 80%; }

#toptags .tag20 { font-size: 90%; }

#toptags .tag30 { font-size: 100%; }

#toptags .tag40 { font-size: 110%; }

#toptags .tag50 { font-size: 120%; }

#toptags .tag60 { font-size: 130%; }

#toptags .tag70 { font-size: 140%; }

#toptags .tag80 { font-size: 150%; }

#toptags .tag90 { font-size: 160%; }

#toptags .tag100 { font-size: 170%; }

#syndicate ul { list-style-type: none; }

#syndicate ul li { background-image: none; padding-left: 0; }

/* dans les billets */
#content ul.post-tags * { margin: 0; padding: 0; }

#content ul.post-tags {
	display: block;
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#content ul.post-tags li, span.arch-tag {
	background: transparent url(http://blog.vault106.org/darksoul/themes/rougeglace/img/tag.gif) no-repeat left center;
	display: inline;
	margin: 0 0.6em 0 0;
	padding: 0 0 0 14px;
}

#content ul.post-tags li:after { content: ','; }

#content ul.post-tags li:last-child:after { content: ''; }

#content ul.post-tags li a { border: none; color: #666; }

    
/* Les pages tags et tag */
.dc-tags .content-inner ul { font-size: 110%; line-height: 200%; list-style-type: none; }

.dc-tags .content-inner ul li, .dc-tags #content .content-inner ul li a { display: inline; text-decoration: none; }

.dc-tags #content ul li { background: none; }

.dc-tags #content .tag0 { font-size: 100%; }

.dc-tags #content .tag10 { font-size: 110%; }

.dc-tags #content .tag20 { font-size: 120%; }

.dc-tags #content .tag30 { font-size: 130%; }

.dc-tags #content .tag40 { font-size: 140%; }

.dc-tags #content .tag50 { font-size: 150%; }

.dc-tags #content .tag60 { font-size: 160%; }

.dc-tags #content .tag70 { font-size: 170%; }

.dc-tags #content .tag80 { font-size: 180%; }

.dc-tags #content .tag90 { font-size: 190%; }

.dc-tags #content .tag100 { font-size: 200%; }

/* --------------------------------------------------------
    BLOCS COMMUNS DANS PAGES SPECIFIQUES
-------------------------------------------------------- */
#navlinks {
	background: #111;
	border: #222 1px solid;
	color: #333;
	margin: 3px 0 15px 0;
	padding: .2em 1em;
}

#content-info {
	color: #736655;
	margin-bottom: 2em;
	padding: 1em 4em 1px 3em;
}

/* Error messages
-------------------------------------------------------- */
.error { background: #333; border: 1px solid #111; padding: 0.5em; }

.error ul { padding-left: 20px; }

.error li { list-style: square; }

.center { text-align: center; }

.right { text-align: right; }

.petites-cap { font-size: 0.82em; text-transform: uppercase; }

.petit { font-size: x-small; }

/* ---------------------------------------------------
    PAGES SPECIFIQUES
-------------------------------------------------------*/
    
/* présentation pages archives */        
.dc-archive .content-inner { font-size: medium; line-height: 140%; }

.dc-archive .content-inner h3 {
	clear: both;
	color: #800;
	float: left;
	font-size: 3em;
	line-height: 100%;
	margin: 0;
	padding: 0;
	width: 200px;
}

    
.dc-archive .content-inner ul {
	border-left: 8px solid #736655;
	list-style-type: none;
	margin: 0 0 60px 200px;
	padding: 0;
}

.dc-archive #content .content-inner ul li, .dc-archive-month #content li, .dc-archive #content .content-inner ul li a, .dc-archive-month #content li a {
	background-image: none;
	color: #a59e95;
	text-decoration: none;
}

.dc-archive-month #content li.arch-title { font-size: 1.25em; }

	 
.dc-archive-month #content li.arch-title a { color: #b00; margin-top: 1em; padding-bottom: 4px; }

.dc-archive-month #content li.arch-title a:hover { text-decoration: underline; }

.dc-archive-month #content li.arch-info { color: #e3c8ac; }

.dc-archive-month #content li.arch-info, .dc-archive-month #content li.arch-info-co { margin-left: 25px; }

    
/* ---------------------------------------------------
    NE PAS OUBLIER
--------------------------------------------------- */
/* les clearers */