/*
# -- BEGIN LICENSE BLOCK ----------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2008 Olivier Meunier and contributors
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# Theme Name: Welsh 2.0
# 		variante 2 colonnes
# Version: 1.2
# Author: Kozlika - http://www.kozlika.org/
#
# -- END LICENSE BLOCK ------------------------------------ 
*/

/* References couleurs:
---------------------
bleu nuit: #346
bleu moyen: #47c
bleu ciel: #d8e7fa
fuschia: #a08
orange: #f91
vert: #8b2
*/


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


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

body { background: #1a283d url(images/bg_body.gif) repeat-x; font-family: arial, "lucida grande", sans-serif; color: #222; }

h1, h2, h3, h4, h5, h6 { color: #346;} 
h2 { font-size: 1.33em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1em;}
h5 { font-size: .9em;}
h6 { font-size: .8em;}

p { margin: 1em 0; }
img { border: none; }
a img { border: none;}
sup { font-size: xx-small; padding-left: 1px; }
abbr, acronym { }

q { background: #fffff3; padding: 0 3px;}
blockquote { border: 2px dotted #dbdbdb; padding: 0px 4px; background: #fffff9 url(images/quote.gif) no-repeat 4px 4px; text-indent: 2em;}
cite { }

ul { }
ol { }
dl { }

form { border:none;}
fieldset { border:none; display: block; }
input[type=submit] { border-right: 1px solid #47c; border-bottom: 1px solid #47c;
	color: #346; text-transform: uppercase;background: #d8e7fa; font-weight: bold;font-size: 1em;}
input[type=submit]:hover { background: #4375cd; color: #fff; }
label { }

a { text-decoration: none; font-weight: normal; }
a:link {color: #47c;  }
a:visited {color: #47c;  }
a:hover { color: #a08; }
a:focus { color: #a08; }
a [hreflang] { font-size: .9em; color: #999; }
a[hreflang]:after { content: " [" attr(hreflang) "]"; color: #999; font-size: .9em; }
a img { border: none; }
 
code, pre { font: 105% "courier new"; color: #000; }
pre { width: 90%; overflow: auto; background: #e8f0ff; padding: 4px; border: 1px solid #aaa; }
 
hr { border: 0; width: 60%; color: #a08; background-color: #a08; height: 1px;}
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { background: #fff;}

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

#top { background: transparent url(images/bg_header.gif) repeat-x; }
#top h1 { padding-left: 20px; }
#top h1 a { font-weight: bold;}
#top h1 a:link, #top h1 a:visited { color: #fff;}
#top h1 a:hover { color: #e8f0ff;}

#prelude { position: absolute; top: 2px; text-align: right; }
#prelude a:hover { color: #fff; }

#supranav { background: transparent; }
#supranav ul { text-align: right; margin: 0; padding: 5px 20px 20px 20px; }
#supranav ul li { display: inline; }
#supranav ul li a { padding: 5px 10px 20px 10px; color: #fff; font-weight: bold; }
#supranav ul li a:link, #supranav ul li a:visited { background: transparent url(images/bg_nav.gif) repeat-x;}
#supranav ul li a:hover { background: transparent url(images/bg_nav_hover.gif) no-repeat center top; color: #346;}
#supranav ul li a#active:link, #supranav ul li a#active:visited, #supranav ul li a#active:focus { background: transparent url(images/bg_nav_active.gif) no-repeat center top; color: #346; }


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

#content { line-height: 1.6em; }
#content ul { list-style-type: none; margin: 0 0 1.5em 1.5em; padding: 0;}
#content ul li { margin: 0; padding: 0 0 0 11px; background: transparent url(images/lili.gif) no-repeat 0 8px;}
#content ul li ul { list-style-type: square;}
#content ul li ul li { margin: 0 0 0 1em; padding: 0; background: transparent;}

#content-info { font-size: .95em; margin: 0 0 4em 0; border: 1px solid #f91; }
#content-info h2 { font-size: 1.15em; margin: 0;background: #f91; padding: 2px 8px; color: #fff; }
#content-info p { padding: 0 8px; margin: 4px 0; }

.pagination { background: #fff url(images/bg_header.gif) repeat-x left bottom;}
.pagination a { font-weight: bold;}
#navlinks { margin-top: 0; margin-bottom: 28px;}
#navlinks a:link, #navlinks a:visited, .pagination a:link, .pagination a:visited { color: #f91;}
#navlinks a:hover, #navlinks a:focus, .pagination a:hover, .pagination a:focus { color: #a08;}


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

.post { background: #fff url(images/ico_entry.gif) no-repeat 0 .3em; margin-bottom: 4em; }

.day-date { display: none; padding-left: 30px; margin: 0; font-size: .9em;}
.post-title { margin: 0; padding: 0 0 0 30px; color: #a08; }
.post-title a { color: #8b2; font-weight: bold;}
.post-title a:hover { color: #a08;}

.post-info { font-size: .9em; text-indent: 30px; border-bottom: 2px solid #47c; padding-bottom: 2px; margin: 0; }
.post-info a { white-space: nowrap;}
.post-info a:hover { color: #a08;}

.post-tags { list-style-type: none; text-align: right; margin: 0 0 1.5em 0; }
.post-tags a { padding: 0 0 0 12px; background: #fff url(images/ico_tag.gif) no-repeat 0 2px; color: #777;}
.post-tags a:hover { color: #a08; }
#content .post-tags li { display: inline; margin: 0; font-size: .9em; padding: 0 0 2px 8px; background: #fff;}

.post-excerpt, .post-content { }
.post-content a, .post-excerpt a { font-weight: bold; text-decoration: underline;}
.post sup a { text-decoration: none;}

.footnotes { font-size: .9em;}
.footnotes h4 { font-size: 1.1em; }

.post-info-co { font-size: .9em; background: #fff url(images/bg_info-co.gif) no-repeat right bottom; padding-bottom: 3px; border-bottom: 2px solid #ddd; }
.post-info-co a { color: #777;}
.post-info-co a:hover { color: #a08;}

.comment_count { background: #fff url(images/ico_comm.gif) no-repeat left center; padding-left: 16px; }
.ping_count { background: #fff url(images/ico_ping.gif) no-repeat left center; padding-left: 16px; margin-left: 8px;}
.attach_count {background: #fff url(images/ico_attach.gif) no-repeat left center; padding-left: 12px; margin-left: 8px; }

#attachments { }
#attachments h3 { color: #a08;}
#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 { color: #a08; font-weight: normal;}
#comments { background: #fff url(images/bg_info-co.gif) no-repeat right top; padding-top: 4px; }
#comments h3 {padding-top: 24px; border-top: 2px solid #ddd; margin-top: 0;}

#comments dl { margin-bottom: 2em; }
#pings dl { background: #fffff3; padding: 8px; padding-top: 0;}
#pr dl {background: #e5eeff url(images/bg_info-co.gif) no-repeat right bottom; padding: 4px; border-bottom: 2px solid #ddd; margin: 0 0 2em 0; width: 95%; }

#comments dt, #pings dt, #pr dt { clear: both; font-weight: bold; padding-top: 4px; margin-top: 24px;}
#comments dt a:link, #pings dt a:link, #pr dt a:link { color: #8b2; font-weight: bold;}
#comments dt a:hover { color: #a08;}
#comments dd, #pings dd, #pr dd { margin-left: 30px;}
#comments dd p, #pings dd p, #pr dd p { margin: .5em 0;}
#comments dt.me { color: #346;}
#comments dd.me { color: #346;}
.comment-number, .ping-number { display: block; width: 30px; padding-top: 2px; float:left; font-size: 1.5em; font-weight: normal; }

#comment-form { padding: 0;}
#comment-form fieldset {margin: 0; padding: 0;}
.field label { clear:left; display: block; width: 10em; float:left; font-size: .95em;}
.field input { border: 1px solid #ccc;background: #e5eeff}
.field input:focus { border: 1px solid #777;background: #fff; }
.field textarea {background: #e5eeff; border: 1px solid #ccc; width: 95%; margin: .5em 0; padding: 4px;}
.field textarea:focus { border: 1px solid #777; background: #fff;}

.form-help { color: #346; margin-top: 0; margin-left: 12px; width: 95%; }

#ping-url { background: #e8f0ff; }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */
#sidebar { color: #346;}

#sidebar a { color: #777;}
#sidebar a:hover, #sidebar a:focus { color: #a08;}

#sidebar h2 { margin: 0 0 4px 0; padding: 3px 3px; font-size: 1.15em; text-transform: uppercase;background: #d8e7fa /*url(images/bg_h2.gif) no-repeat right bottom*/; }
#sidebar h3 { font-size: 1em; margin: 1.5em 0 .5em 0;}
#sidebar ul { margin-top: 6px; margin-left: 0; padding-left: 0; list-style-type: none; }
#sidebar ul li { border-bottom: 1px solid #ddd; padding: 2px 0 2px 10px; background: url(images/puce.gif) no-repeat 0 5px; }

/* boites du menu des widgets livres avec Dotclear */

#search h2 { display: none;}
#search form { margin: 0; padding: 0;}
#search fieldset, #search fieldset p { margin: 0; padding: 0;}
#search input[type=text] { background: #e8f0ff url(images/ico_loupe.gif) no-repeat 2px center; padding-left: 16px; width: 90px; margin: 0; } /* ou #search #q */
#search input[type=submit] {width: 2.5em; }

#topnav { font-size: 1em; }
#topnav span { display: none;}
#topnav a { font-weight: bold;}
#sidebar #topnav ul { border-top: 1px solid #ddd;}
#sidebar #topnav ul li { padding: 4px 0 2px 20px;}
#sidebar #topnav ul li.topnav-arch { background: #fff url(images/ico_archives.gif) no-repeat left 2px; }
#sidebar #topnav ul li.topnav-home {background: #fff url(images/ico_home.gif) no-repeat left 2px; }

#sidebar .syndicate li, #sidebar .tags li { background: transparent; padding-left: 0;}
#sidebar .tags li a { white-space: nowrap;}

#sidebar div.text { margin-left: 6px; margin-right: 6px; border-bottom: 1px solid #ddd; padding-bottom: 6px; line-height: 1.3;}
#sidebar div.text a { text-decoration: underline;}
#sidebar div.text h2 { margin: 0 -6px 7px -6px; padding-left: 8px;}
#sidebar div.text ul li { border-bottom: none;}
#sidebar div.text ul li a { text-decoration: none;}

#sidebar .tags li { border-bottom: none;}

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

#footer { background: #346 url(images/bg_body.gif); color: #fff; border-top: 2px solid #a08;}
#footer a { color: #fff; font-weight: bold;}
#footer a:hover { color: #a08;}

#footer p { padding: 1em;}


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

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

.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;
	}
	
/* divers styles courants 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. PAGES SPECIFIQUES
------------------------------------------------------------- */

.dc-home .first .post-title a:link, /*.dc-home .first .read-it a:link,*/
.dc-home .first .post-title a:visited /*.dc-home .first .read-it a:visited*/ { color: #f91;}
.dc-home .first .post-title a:hover /*.dc-home .first .read-it a:hover*/ { color: #a08;}

.dc-archive .content-inner { font-size: medium; text-align: center;}
.dc-archive #content h2 { text-align: center;}
.dc-archive .content-inner h3 { margin: 2em 0 .5em 0;}
.dc-archive #content .content-inner ul { margin: 0 auto; padding: 0 0 1em 0; background: transparent url(images/bg_info-co.gif) no-repeat center bottom; width: 50%; border-bottom: 1px solid #ddd;}
.dc-archive #content .content-inner ul li { background: transparent; font-size: small; line-height: 1.7em;}
.dc-archive #content .content-inner ul li a { font-size: medium;}

.dc-archive-month { }
.dc-archive-month .post-title { margin-left: 0; font-size: 1.25em;}
.dc-archive-month .post-info { border-bottom: none; margin-bottom: 18px; text-indent: 0;}

.dc-tags .content-inner ul { font-size: 1.8em;}


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