/*  
Theme Name: Sablon
Theme URI: http://www.wokidipok.com/
Description: Le thème pour les Notre Dame.
Version: 1.3
Author: Sophie
Author URI: http://www.wokidipok.com/*/
/*  

/* ------------------------------------------------------------
	Tabs
------------------------------------------------------------ */
ul#lang li{display:inline;list-style: none;}
ul#lang li a {color: #CADFED;}
ul#lang {margin:0; padding:0;float:left;}
#nav {
	float:left;
	left:40px;

}
#nav a {
	display:block;
	width:95px;
	line-height:35px;
	background:url(images/tab.gif) no-repeat;
	margin-left:2px;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#666666;
}
#nav a:hover {
	text-decoration:underline;
}
#nav ul {
	margin:0;
	padding:0;
}
#nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {background: url(images/bg_body.gif) top left repeat-x #9BC3D5; font: 70% Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
#cadre {width:990px; margin: 0 auto;}
#page {float:left;width: 750px; text-align: left; margin: 0;background: url(images/bg_page.gif) top repeat-y #ffffff;}
#sidebar {float:left; width:180px;text-align: left;margin: 0;padding-top:20px;}
#header {float: left; width: 750px; background: url(images/bg_header2.jpg) top no-repeat; min-height: 255px; padding:0;}
/** html #header {height: 255px;}*/
#content {width:734px; margin: -5px 0 0 7px;padding:0 1px 35px 1px;clear:both;min-height:400px;}
.post { margin: 0 28px 0 28px;}
.page { margin: 0 0 0 18px;}
.archive {float: left; display: block; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
.title, .pagetitle { background: url(images/bg_h2.gif) bottom repeat-x #F9F7E0; margin:0 0 18px 0;}
.title2 { background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin:0 0 6px 0;}
.home {float:left; width:450px; }

.homeinfos {float:left; width:250px; }
.entry { width:600px; margin: 0;border:1px solid #dadada;background:#fff url(images/box.gif) repeat-x left top;padding:6px;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
p img { margin: 0 18px 12px 0;}

/* typography */
h1 {font: 2.2em Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 15px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 12px 24px 12px 24px;}
.title2 h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 4px 24px 4px 24px;}
h2.pagetitle {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 17px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; /*background: url(images/icon_entry.gif) 24px 50% no-repeat*/; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h3 {font: bold 1.2em Arial, Helvetica, sans-serif;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}
.infos {margin: 12px 6px 0px 6px;}
/* lists */
ul {margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: right; list-style: none; margin: 0 0 18px 0;border:1px solid #dadada;background:#fff url(images/box.gif) repeat-x left top;}
.catlist li { margin: 0 0 0 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.catlist a, .catlist a:visited {display: block; width: 163px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }


/* links */
a, a:visited {color: #9A1010; text-decoration: none;}
p a:hover, ul a:hover {background-color: #BFD3E0;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}


/* main image */
#mainpic1 {float: left; background: url(images/mainpic1.jpg) no-repeat; display: block; width: 736px; height: 180px; margin: 0 7px; border-top: 3px solid #96581D; border-bottom: 3px solid #96581D;}
#mainpic2 {float: left; background: url(images/mainpic2.jpg) no-repeat; display: block; width: 736px; height: 180px; margin: 0 7px; border-top: 3px solid #96581D; border-bottom: 3px solid #96581D;}
#mainpic3 {float: left; background: url(images/mainpic3.jpg) no-repeat; display: block; width: 736px; height: 180px; margin: 0 7px; border-top: 3px solid #96581D; border-bottom: 3px solid #96581D;}
#mainpic4 {float: left; background: url(images/mainpic4.jpg) no-repeat; display: block; width: 736px; height: 180px; margin: 0 7px; border-top: 3px solid #96581D; border-bottom: 3px solid #96581D;}
#mainpic5 {float: left; background: url(images/mainpic5.jpg) no-repeat; display: block; width: 736px; height: 180px; margin: 0 7px; border-top: 3px solid #96581D; border-bottom: 3px solid #96581D;}
#mainpic6 {float: left; background: url(images/mainpic6.jpg) no-repeat; display: block; width: 736px; height: 180px; margin: 0 7px; border-top: 3px solid #96581D; border-bottom: 3px solid #96581D;}

/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5; text-align: center;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}

/* The Content */

.date {
	float:left;
	width:31px;
	padding:11px 4px 0 6px;
	height:35px;
	background:url(images/date.gif);
	margin-top:17px;
	text-align:center;
	font-weight:bold;
	}
.month {
	color:#000;
	font-size:10px;
	text-transform:uppercase;
	}
.day {
	color:#2e4e74;
	}
.postinfo {
	float:left;
	padding:0 0 0 5px;
	margin-top:17px;
	}
.postinfo h2 {
	margin:0 0 5px 0;
	font-size:15px;
	color:#2e4e74;
	}
.author {
	float:left;
	background:url(images/by.gif) left no-repeat;
	padding-left:17px;
	padding-right:10px;
	line-height:16px;
	}
.postinfo div.categories {
	float:left;
	background:url(images/in.gif) left no-repeat;
	padding-left:19px;
	line-height:16px;
	}
.post {
	clear:both;
	}
.postcomments {
	height:22px;
	line-height:22px;
	background:url(images/commentsline.gif);
	text-align:right;
	padding:0 15px 0 0;
	}
.postcomments a {
	background:url(images/comments.gif) left no-repeat;
	padding:0 0 0 17px;
	color:#4d4d4d;
	}
.postcomments a:hover {
	color:#2e4e74;
	}