/*
Theme Name: Savoir Inutile
Theme URI: http://blog.savoir-inutile.com
Author: Fabien Maurice
Author URI: http://www.savoir-inutile.com
*/

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font: 70%/150% 'Lucida Grande', 'Microsoft Yahei', Verdana, Arial, Sans-serif;
	color: #333;
	}

/********************************
*	Typo & Basics
*********************************/

p,ol,ul {
	line-height: 160%;
font-size:13px;
	}

ol {
margin-left: 0;
padding-left: 15px;
}

a {
	color: #06c;
	text-decoration: none;
	}
a:hover {
	color: #06c;
	text-decoration: underline;
	}

h1,h2,h3,h4,h5,h6 {
	font-family: "Century Gothic", "Trebuchet MS";
	font-weight: bold;
	}
h1 {font-size: 1.8em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

blockquote {
	margin: 10px 20px 10px 0;
	padding: 5px 20px 5px 60px;
	border: 1px solid #dfeff8;
	background: #f6f9fb url(../img/blockquote.gif) no-repeat 15px 15px;
	color: #93bad0;
	text-align: left;
	}

code {
	margin: 0;
	padding: 0 3px 1px;
	border: 1px dashed #ddd;
	background: #fafafa;
	font: 1em "Courier New", Courier, Fixed;
	text-align: left;
	line-height: 180%;
	color: #777;
	}

blockquote code {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	line-height: 160%;
	}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin: 0 auto;}

.alert {
	font-weight: bold;
	color: #f00;
	}


/********************************
*	Outline
*********************************/

#wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #FFFFFF;
	}

#container {
	width: 930px;
/*	width: 840px = 580px + 260px ! */
	height: 100%;
	margin: 0 auto;
	padding: 0;
	}
.container-inner {
	float: left;
	width: 100%;
	height: 100%;
	background: transparent url(../img/bg-container.png) repeat-y center top;
	margin: 0;
	padding: 0 0 0px 0;
	}


/********************************
*	Header
*********************************/

#header {
	width: 100%;
	height: 140px;
	background: transparent url(../img/bg-header.gif) repeat-x center top;
	overflow: hidden;
	}
.header-inner {
	width: 930px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../img/bg-header-inner.png) no-repeat center bottom;
	position: relative;
	}

/*	Logo or Title	*/
img.logo {
	position: absolute;
	top: 12px;
	left: 20px;
	width: 240px;
	height: 75px;
	border: none;
	}

img.titre-logo {
	position: absolute;
	top: 5px;
	left: 260px;
	width: 200px;
	height: 74px;
	border: none;
	}

#header h1.blog-title {
	position: absolute;
	top: 32px;
	left: 40px;
	margin: 0;
	color: #fff;
	}
#header h1.blog-title a {
	color: #fff;
	}
#header p.blog-tagline {
	position: absolute;
	top: 55px;
	left: 40px;
	margin: 0;
	color: #adf;
	}
#header h1.blog-title a,
#header p.blog-tagline {
		width: 0;
		height: 0;
		display: none;
		}


/*	Site Admin	*/
.admin {
	position: absolute;
	top: 68px;
	right: 270px;
	margin: 0;
	font-weight: bold;
	}
.admin,
.admin a {
	color: #09f;
	}
.admin a:hover {
	color: #0af;
	text-decoration: none;
	}

/*	Top Menu	*/
ul.topmenu {
	position: absolute;
	top: 3px;
	right: 13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul.topmenu li {
	float: left;
	padding: 0 10px 0 7px;
	font-weight: bold;
	}
ul.topmenu li a {
	}
ul.topmenu li a:hover,
ul.topmenu li.current_page_item a {
	text-decoration: none;
	border-bottom: 1px dotted #0066CC;
	}

/*	Search	*/
.search {
	position: absolute;
	right: 35px;
	top: 76px !important;
	top: 75px;
	}
.search input {
	width: 269px;
	height: 16px;
	padding: 2px 5px;
	border: 2px solid #e3e3e3;
	background: #fafafa url(../img/bg-input.gif) repeat-x 0 0;
	color: #ddd;
	}
.search input:focus {
	border: 2px solid #76bcff;
	background: #fcfeff none;
	color: #76bcff;
	}

/*	Navigation	*/
.navigation {
	position: absolute;
	top: 102px;
	left: 0;
	width: 520px;
	margin: 0 0 0 40px;
	font-weight: bold;
	color: #999;
	}
.navigation p {
	margin: 0;
	}
.navigation p a,
.navigation p a:hover {
	color: #999;
	}

/********************************
*	Content
*********************************/


#content {
	float: left;
/*	width: 520px + 20px + 40px = 580px ! */
	width: 529px;
	height: 100%;
	margin: 0;
	padding: 0 20px 0 40px;
	overflow: hidden;
	}

.paged {
	padding: 15px 0 5px;
	text-align: center;
	}
.paged a {
	line-height: 20px;
	border: 1px solid #ddd;
	background: #f2f2f2 none;
	color: #aaa;
	padding: 1px 5px;
	}
.paged a:hover {
	border: 1px solid #ddd;
	background: #eee none;
	text-decoration: none;
	color: #999;
	}





.post {
	padding: 15px 0 25px;
	background: transparent url(../img/sep-post.gif) no-repeat center bottom;
	}


/*	Post Date	*/
.post-date {
	float: left;
	margin: 0 12px 10px 0;
	}
.post-date .month {
		width: 48px;
		height: 16px;
		display: block;
		margin: 0;
		background: #000 url(../img/post-month.gif) no-repeat 0 0;
		color: #fff;
		text-align: center;
		line-height: 16px;
		}
.post-date .day {
		width: 48px;
		height: 28px;
		margin: 1px 0 0 0;
		display: block;
		background: #42a4dc url(../img/post-day.gif) no-repeat 0 0;
		color: #fff;
		text-align: center;
		line-height: 28px;
		font-size: 20px;
		}

/*	Post Title	*/
.post-title {
	margin: 0;
	padding: 1px 0 5px 0;
	}
.post-title,
.post-title a {
	color: #F14C4C;
	}
.post-title a:hover {
	text-decoration: underline;
/*	background: #fff2da;
*/	color: #F14C4C;
	}

/*	Post Meta	*/
.post-meta {
	line-height: 22px;
	margin: 0 0 0 60px;
	}
.post-meta a {
	border: 1px solid #ddd;
	background: #f2f2f2 none;
	color: #aaa;
	padding: 1px 5px;
	}
.post-meta a:hover {
	border: 1px solid #ddd;
	background: #eee none;
	text-decoration: none;
	color: #999;
	}

.post-cmt a {
		padding-left: 18px;
		background: #f2f2f2 url(../img/post-cmt.gif) no-repeat 1px 0 !important;
		background: #f2f2f2 url(../img/post-cmt.gif) no-repeat 1px 1px;
		}
.post-cmt a:hover {
		border: 1px solid #a7dbff;
		background: #edf8ff url(../img/post-cmt.gif) no-repeat 1px -16px !important;
		background: #edf8ff url(../img/post-cmt.gif) no-repeat 1px -15px;
		color: #76b6e2;
		}

.post-cat a {
		padding-left: 18px;
		background: #f2f2f2 url(../img/post-cat.gif) no-repeat 1px 0 !important;
		background: #f2f2f2 url(../img/post-cat.gif) no-repeat 1px 1px;
		}
.post-cat a:hover {
		border: 1px solid #f7e99e;
		background: #fefbeb url(../img/post-cat.gif) no-repeat 1px -16px !important;
		background: #fefbeb url(../img/post-cat.gif) no-repeat 1px -15px;
		color: #dcc666;
		}

.post-tag a {
		padding-left: 18px;
		background: #f2f2f2 url(../img/post-tag.gif) no-repeat 1px 0 !important;
		background: #f2f2f2 url(../img/post-tag.gif) no-repeat 1px 1px;
		}
.post-tag a:hover {
		border: 1px solid #b6f48d;
		background: #f1feea url(../img/post-tag.gif) no-repeat 1px -16px !important;
		background: #f1feea url(../img/post-tag.gif) no-repeat 1px -15px;
		color: #89c87c;
		}

/*	Post Entry	*/
.post-entry {
	clear: both;
	width: 500px;
	margin: 0 0 0 20px;
	overflow: hidden;
	text-align: justify;
	}

.archive .post-entry {
	margin: 0;
	}

.post-entry a {
	color: #06c;
	border-bottom: 1px dotted #06c;
	}
.post-entry a:hover {
	text-decoration: none;
	background: #ffe;
	color: #f83;
	border-bottom: 1px solid #f83;
	}
.post-entry strong {
	color: #444;
	}

.post-entry ul,
.post-entry ol {
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	}

/********************************
*	Sidebar
*********************************/

#sidebar {
	float: left;
/*	width: 200px + 40px + 20px = 260px ! */
	width: 300px;
	height: 100%;
	margin: 0;
	padding: 0 15px;
	background: transparent url(../img/sep-sidebar.png) repeat-y left top;
	color: #999;
	}

#sidebar img{
border:0;
}
#sidebar-bottom {
	float: left;
/*	width: 200px + 40px + 20px = 260px ! */
	width: 300px;
	height: 100%;
	margin: 0;
    margin-left:-1px;
	padding: 0 20px;
	background: transparent url(../img/sidebar-bottom.png) no-repeat left top;
	color: #999;
	}

#sidebar h2 {
	clear: both;
	margin: 10px 0;
	padding-left: 30px;
	color: #666;
	background: transparent url(../img/h2-sidebar.png) no-repeat 5px 0;
	}
#sidebar h2 span {
	color: #aaa;
	}

#sidebar ul {
	clear: both;
	width: 300px;
	margin: 0 0 25px 0;
	padding: 0;
	list-style-type: none;
	}
#sidebar ul ul {
	margin: 0 0 15px 0 !important;
	margin: 0 0 5px 0;
	}
#sidebar ul li {
	clear: both;
	}

ul.sb-widgets {
	clear: both;
	width: 200px;
	}
#sidebar li {
	width: 300px;
	line-height: 22px;
	}
#sidebar li a {
	width: 260px; /* Hello IE6 */
	display: block;
	color: #4187CE;
	border-bottom: 1px dotted #eee;
	padding: 0 0 0 26px;
	}
ul.sb-widgets li a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #efeac5;
	background: #f7fbff;
	color: #f80;
	}


/********************************
*	Comments
*********************************/

h3#comments,
h3#addcomment {
	color: #f80;
	margin-left: 20px;
	}
.cmt-info {
	margin-left: 20px;
	margin-bottom: 20px;
	}

ol#cmt-list {
	width: 520px;
	height: 100%;
	margin: 0;
	padding: 25px 0 0 0;
	list-style-type: none;
	background: transparent url(../img/sep-post.gif) no-repeat center top;
	color: #666;
	}

ol#cmt-list li {
	width: 500px;
	margin: 10px 0;
	padding: 0 0 25px 0;
	background: transparent url(../img/sep-post.gif) no-repeat center bottom;
	}

.cmt-author {
	color: #aaa;
	}
.cmt-author span {
	font-family: "Century Gothic", "Trebuchet MS";
	font-weight: bold;
	}
.cmt-author a {
	color: #f80;
	}
.cmt-author a:hover {
	text-decoration: none;
	background: #fff2da;
	color: #f68300;
	}
.cmt-meta {
	margin-top: 2px;
	font-size: 85%;
	color: #999;
	}
.cmt-info a,
.cmt-meta a,
.cmt-meta span {
	border: 1px solid #ddd;
	background: #f2f2f2 none;
	color: #aaa;
	padding: 1px 5px;
	}
.cmt-info a:hover,
.cmt-meta a:hover {
	border: 1px solid #ddd;
	background: #eee none;
	text-decoration: none;
	color: #999;
	}
.cmt-text {
	clear: both;
	width: 480px;
	overflow: hidden;
	margin: 0 0 0 20px;
	}

.cmt-tbpb {
	margin: 0 0 0 20px;
	width: 500px;
	overflow: hidden;
	}
.cmt-text a,
.cmt-tbpb a {
	color: #589edf;
	border-bottom: 1px dotted #589edf;
	}
.cmt-text a:hover,
.cmt-tbpb a:hover {
	text-decoration: none;
	color: #06c;
	border-bottom: 1px solid #06c;
	}
.cmt-login {
	margin: 0 0 0 20px;
	}

/*	Gravatar	*/
img.avatar {
	float: left;
	width: 36px;
	height: 36px;
	margin: 0 10px 0 0;
	border: 2px solid #f5f5f5;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	}

/* Comment Form	*/
label {
	margin: 0 0 0 5px;
	font-weight: bold;
	color: #999;
	}
input#author,
input#email,
input#url,
textarea#comment {
	width: 180px;
	height: 16px;
	margin: 0 0 0 20px;
	padding: 2px 5px;
	border: 2px solid #e3e3e3;
	background: #fafafa url(../img/bg-input.gif) repeat-x 0 0;
	color: #999;
	}
input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus {
	border: 2px solid #76bcff;
	background: #fcfeff none;
	color: #666;
	}
textarea#comment {
	width: 450px;
	height: 200px;
	margin: 0 0 0 20px;
	overflow: auto;
	}
input#submit {
	margin: 0 0 0 20px;
	}


/********************************
*	Footer
*********************************/

#top-footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 5px;
		height:22px;
	background: #FFFFFF url(../img/bg-footer.png) no-repeat center top;
	}
	
#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #bbb;
	background: #F5F5F5 url(../img/bg-head-footer.gif) repeat-x center top;
	}

.footer-inner {
	width: 800px;
	height: auto;
	margin: 0 auto;
	padding: 2px 0 15px;
	position: relative;
	}

#footer a {
	color: #bbb;
	}
#footer a:hover {
	color: #999;
	text-decoration: none;
	}


/********************************
*	Customized Stuff
*********************************/

/*	RSS Feeds	*/
.subscription {
	width: 293px;
	height: 80px;
	margin: -21px 0 16px 7px;
	padding: 0;
	position: relative;
    text-align: center;
	}
	
.subscription img {
	border:0;
}	
img.feedburner {
		position: absolute;
		top: 6px;
		left: 0;
		border: none;
		}
ul.feeds {
		position: absolute;
		top: 38px;
		left: 0;
		}
ul.feeds li {
		padding: 0 0 0 20px;
		}
ul.feeds li a {
		font-weight: bold;
		border-bottom: 1px dotted #f62;
		color: #f62;
		}
ul.feeds li a:hover {
		text-decoration: none;
		border-bottom: 1px solid #f00;
		color: #f00;
		}

/* Ads	*/
.sb-ads {
	width: 180px;
	margin: 0 auto;
	}
.adsense {
	margin: 10px 0 0 -2px;
	}


/********************************
*	Sidebar Widgets
*********************************/

li.widget {
	clear: both;
	width: 200px;
	}

/*	Drop-Down Menus. btw This is really stupid. */
li select {
	margin: 0 0 0 36px;
	}

/*	Tag Cloud */
li#tag_cloud {
	text-align: justify;
	}
li#tag_cloud a {
	display: inline;
	width: auto;
	border: none;
	background: transparent none;
	padding: 0;
	}
li#tag_cloud a:hover {
	background: #ffe none;
	}

div.textwidget {
	text-align: center;
	}

/*	Archives	*/
li#archives {}
li#archives	a {
	background: transparent url(../img/sb-archives.gif) no-repeat 5px 0;
	}
li#archives	a:hover {
	background: #ffe url(../img/sb-archives.gif) no-repeat 5px -66px;
	}

/*	Categories	*/
li.cat-item {}
li.cat-item	a {
	background: transparent url(../img/sb-category.gif) no-repeat 5px 0;
	}
li.cat-item	a:hover {
	background: #ffe url(../img/sb-category.gif) no-repeat 5px -66px !important;
	}

/*	Pages	*/
li#pages {}
li#pages a {
	background: transparent url(../img/sb-pages.gif) no-repeat 5px 0;
	}
li#pages a:hover {
	background: #ffe url(../img/sb-pages.gif) no-repeat 5px -66px;
	}

/*	Links	*/
li#links {}
li#links a {
	background: transparent url(../img/sb-links.gif) no-repeat 5px 0;
	}
li#links a:hover {
	background: #ffe url(../img/sb-links.gif) no-repeat 5px -66px;
	}

/*	Meta	*/
li#meta {}
li#meta a {
	background: transparent url(../img/sb-meta.gif) no-repeat 5px 0;
	}
li#meta a:hover {
	background: #ffe url(../img/sb-meta.gif) no-repeat 5px -66px;
	}

/*	Recent/Popular Posts	*/
li#recent-posts,
li#popular-posts {}
li#recent-posts a,
li#popular-posts a {
	background: transparent url(../img/sb-posts.gif) no-repeat 5px 0;
	}
#sidebar li a:hover,
li#popular-posts a:hover {
	background: #ffe;
	text-decoration:none;
	}

/********************************
*	Pages
*********************************/

/*	Archives	*/
.tagcloud,
.st-tag-cloud {
	width: 500px;
	margin: 10px 0 0 20px;
	padding: 0 0 10px 0;
	text-align: justify;
	line-height: 180%;
	font-family: "Century Gothic";
	}
.tagcloud a {
	color: #999;
	}
.tagcloud a:hover,
.st-tag-cloud a:hover {
	text-decoration: none;
	background: #f9f9f9;
	color: #444 !important;
	}


/*	Links	*/
.googlemaps {
	width: 500px;
	margin: 20px 0 20px 20px;
	padding: 0;
	background: #fcfcfc;
	}


/********************************
*	Plugins
*********************************/

/* Recent Comment Gravatars	*/

li#recent-cmts-gravt {
	width: 180px;
	margin: 0 0 20px 0;
	padding: 0 10px;
	display: block;
	float: left;
	}

li#recent-cmts-gravt a {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	margin: 2px;
	padding: 2px;
	background: #87b3ed;
	border: none;
	}
li#recent-cmts-gravt a:hover {
	background: #f92;
	}

li#recent-cmts-gravt img {
	width: 28px;
	height: 28px;
	display: block;
	border: none;
	background: #fafafa;
	}

a.lightview,
a.lightview:hover {
	border: none;
	outline: none;
	}
a.lightview img {
	border: 4px solid #eee;
	}
a.lightview img:hover {
	border: 4px solid #ddd;
	}


/*	WP-Pagenavi	*/
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 8px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ddd;
	color: #aaa;
	background: #f2f2f2;
}
.wp-pagenavi a:visited {
	text-decoration: none;
	border: 1px solid #ddd;
	color: #aaa;
	background: #f2f2f2;
}
.wp-pagenavi a:hover {
	text-decoration: none;
	border: 1px solid #b6f48d;
	color: #89c87c;
	background: #f1feea;
}
.wp-pagenavi a:active {
	text-decoration: none;
	border: 1px solid #a7dbff;
	color: #76b6e2;
	background: #edf8ff;
}
.wp-pagenavi span.pages {
	padding: 2px 8px;
	margin: 2px;
	border: 1px solid #a7dbff;
	color: #76b6e2;
	background: #edf8ff;
}
.wp-pagenavi span.current {
	padding: 2px 8px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #a7dbff;
	color: #76b6e2;
	background: #edf8ff;
}
.wp-pagenavi span.extend {
	padding: 2px 8px;
	margin: 2px;
	border: 1px solid #fff;
	background: #fff;
}


