/* 
Theme Welsh 2.0 
Auteur : Kozlika
	http://www.kozlika.org/kozeries
	contact : kozlika /@/ free.fr
Licence GNU-GPL

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, sans-serif;
	background-color:#B2B3B5;
	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 #73E0E3; border-bottom : 1px solid #73E0E3;
	color : #73E0E3; text-transform : uppercase;background : #ffffff; font-weight : bold;font-size : 1em;}
input[type=submit]:hover { background : #73E0E3; color : #fff; }
label { }

a { text-decoration : none; font-weight : normal; }
a:link {color : #000000;  }
a:visited {color : #000000;  }
a:hover { color : #666666; }
a:focus { color : #666666; }
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; color: #a08; background-color: #73E0E3; height: 1px; color:#73E0E3;}
 
 
a.link-author :link{
	/*font-weight:bold;*/
}
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { background : #fff;}

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

#top { 
	/*background : transparent url(images/cci/bandeau_haut.jpg);
	background-repeat:no-repeat;	*/
	
	
}
#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 2px; list-style-type:circle;}
#content ul li ul { list-style-type : square;}
#content ul li ul li { margin : 0 0 0 1em; padding : 0; background : transparent;}

#content_ff { line-height : 1.6em; }
#content_ff ul { list-style-type : none; margin : 0 0 1.5em 1.5em; padding : 0;}
#content_ff ul li { margin : 0; padding : 0 0 0 2px; list-style-type:circle;}
#content_ff ul li ul { list-style-type : square;}
#content_ff 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 #73E0E3; }
#content-info h2 { font-size : 1.15em; margin : 0;background : #73E0E3; 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 {  }

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

.post-info { font-size : .9em; text-indent : 0px; border-bottom : 2px solid #DDDDDD; padding-bottom : 2px; margin : 0; }
.post-info a { white-space : nowrap; font-weight:bold}
.post-info a:hover { color : #666666;font-weight:bold}

.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 : #73E0E3; 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 : #FFFFFF}
.field input:focus { border : 1px solid #777;background : #fff; }
.field textarea {background : #FFFFFF; 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;
	color: #FFFFFF;
	font-size:16px;
	background-color:#73E0E3;
}
#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 {  font-size : 1.33em;  margin : 0; color:#FFFFFF}
#search form { margin : 0; padding : 0;}
#search fieldset, #search fieldset p { margin : 0; padding : 0;}
#search input[type=text] { background : #FFFFFF 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;color:#73E0E3;}
#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 { color:#73E0E3; font-size : 1.3em; }

#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 : #73E0E3;
	padding-top:3px;
	height:20px;
	
	
}
#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;
	font-weight:bold;
}
.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 : #73E0E3;}
.dc-home .first .post-title a:hover /*.dc-home .first .read-it a:hover*/ { color : #73E0E3;}

.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;
    }
	
	
/* Introduction */
.introduction{
	text-align:justify;
	font-size:12px;
}	


.categories{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding-bottom: 6px;
}

.links{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding-bottom: 6px;
}
