/*  
Theme Name: Mimbo
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress. Traduction Française : <a href="http://www.niss.fr">(niss.fr)</a>.
Version: 2.2
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */

* {margin:0;padding:0;}

body,html {
	min-height:101%;
	}
	
body {
	background: #e8f7fd url(images/bg-header.jpg)top center no-repeat;
	color: #545454;
	padding: 0px 0 0px 0;
	}

body, select, input, textarea {
	font: 100% Tahoma, Arial, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #78C2F1;
	text-decoration:none
	}

a:hover, a:active {
	color:#333;
	text-decoration:underline;
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.95em;
	background:#e1f4f5;
	padding:3px 6px;
	}

img, a:link img, a:visited img {
	border:0
	}
	
		

/* Structure */

#page {
	width:920px;
	margin:0 auto;
	font-size:0.7em;
	padding: 5px  6px 20px;
	background:#fff /*url(images/bg-page.jpg)left bottom no-repeat*/;
    -moz-box-shadow:1px 2px 3px #ddd;
	}

#branding {
	width:625px;
	padding-bottom:15px;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {
	width: 260px;
	float:right;
	background:#fafafa;
	padding:0px 10px 30px;
	min-height:600px
	}
#sidebar ul{
	width:280px;
	margin:0;
	list-style-type:none;
}
#sidebar img{
	margin:0;
}
#recent-article ul, #site-voisin ul, #partenaire  ul{
	width:250px;
	margin:0 5px
}
#recent-article ul li a{
	display:block;
	color:#787878;
	text-decoration:none;
	border-bottom:1px dotted #e6e6e6;
	padding:7px  0px;
	vertical-align:middle;
}
#site-voisin ul li a, #partenaire  ul li a{
color:#787878;
line-height:18px;
text-indent:20px
}
#dernier-com ul li{
	display:block;
	color:#787878;
	border-bottom:1px dotted #e6e6e6;
	padding:7px 0px;
	vertical-align:middle;
	width:250px;
	margin:0 5px
}

#recent-article ul li a:hover, #site-voisin a:hover, #partenaire a:hover, #dernier-com ul li a{
	color:#659fd0;
}
#recent-article, #dernier-com, #site-voisin, #partenaire  {
padding: 0 0px 20px
}
#abonement-news{
	display:block;
	height:50px;
	width:210px;
	background:url(images/sidebar/abonnement-news.jpg);
	padding:0 0 0 60px;
}
#abonement-news a{
	color:#404142;
	text-decoration:none;
	line-height:50px;
}
#abonement-news a:hover,#abonement-rss a:hover{
	color:#659fd0;
}
#abonement-rss{
	display:block;
	height:70px;
	width:210px;
	background:url(images/sidebar/abonnement-rss.jpg) left center no-repeat;
	padding:0 0 0 60px;
}
#abonement-rss a{
	line-height:24px;
	color:#404142;
	text-decoration:none;
}
#abonnement{
	width:300px;
	height:140px;
}
#leftcol {
	width:287px;
	border-right:1px dotted #ccc;
	padding-right:18px;
	}

#leftcol, #rightcol {
	float:left
	}
#rightcol {
	width:277px;
	padding-left:10px;
	margin-top:0px;
	}

#header{
	width:930px;
	height:158px;
	background:;
	margin:0  auto;
}
		
#s{
	background:none;
	border:none;
	padding: 8px 10px;
	color:#181818;
	font-size:12px;
}
/**Header*/
#abnrss{
    position:absolute;
}
#abnrss a{
    font-size:9px;
    color:#000;
    line-height:20px
}
#logo{
	position:absolute;
	margin:14px 0px;
}

#recherche{
	width:160px;
	height:32px;
	background:/*#000 url(images/recherche.jpg) no-repeat*/;
	position:absolute;
	margin:102px 0 0 760px
}

#sous-header{
height:210px;
background:#fff;
border:8px solid #edf7fb;
margin:0px  auto 12px;
width:916px;
-moz-box-shadow:1px 1px 3px #ddd;
}

.sticky{
	width :580px;
	height:210px;
	padding:5px;
	float:left;
}
.sticky h1 a{
	color:#000;
	font-family:"Trebuchet Ms", Tahoma,sans-serif;
	font-size:24px;
	text-decoration:none;
	width:300px;
	display:block;
}
.sticky p{
	color:#5f6465;
	font-size:11px;
	width:240px;
	font-family: Tahoma,sans-serif;
	font-weight:normal;
	text-align:justify;
	line-height:14px
}
.sticky p a{
	font-size:10px;
	color:#659fd0;
	font-weight:bold;
	line-height:30px;
	text-decoration:underline;
}
#content {
	width:605px;
	float:left;
    padding:5px;
    font-size:12px;color:#444;font-family:Tahoma,sans-serif;
	}
#content h2{ font-size:24px;color:#000;display:block;margin-bottom:5px;padding-bottom:5px;}
.post small {color:#222; background:#c1d6f8;}
.post small a{color:#222}
.post p{line-height:21px; text-align:justify;}
.post ul, .post ol {margin:10px 30px;}
.post ul li{line-height:21px;font-size:12px;color:#222;text-align:justify;list-style-type:square;}
.post a{text-decoration:underline}
#related-post{margin:20px 20px 30px;}
#related-post ul{margin:10px 30px;}
#related-post ul li{line-height:20px;}
#related-post ul li a{text-decoration:underline}
#subs{border-top:1px dotted #999;border-bottom:1px dotted #999; padding:10px;background:#efefef;margin: 0 0 20px;}
#subs a{color:#161923;font-weight:bold;}
#share{margin:20px;}
#share p{text-indent:20px;}
#share a{font-size:13px;color:#333;}
#trackbacks{display:block;}
.trackbacklist, .commentlist{list-style-type:none;}
ol.trackbacklist li, ol.commentlist li{border-bottom:1px dotted #ccc;padding:10px 0;font-size:11px;color:#444;line-height:18px;text-indent:10px;}
span.comment-author, span.comment-author a{font-size:16px;color:#161923;font-family:Tahoma,sans-serif;font-weight:bold}
a.comment-date {font-size:9px;color:#666;}
h3 a{color:#000;}
a.title{
color:#000;
font-family:"Trebuchet Ms", Tahoma,sans-serif;
font-size:14px;
font-weight:bold;
}
.nbcom{
background:#1a1a1a;
padding:2px 5px;
color: #fff;
}
	
.icone-min{
background:url(images/bg-mignature.png);
padding:10px
}
/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
	


/* Footer*/
#sup-footer{margin:0 auto;width:100%;height:440px;background:#e8f7fd url(images/footer.jpg) top center no-repeat;}
#footer {
	margin: 0 auto;
	font-size:0.7em;
    width:920px;
	padding:60px 0px 0 ;
	color:#222;
	height:381px;
	text-align:center;
	border-bottom:1px solid #ddd
	}
#footer a {color:#222;}

/**/ 
#archlinux .post{min-height:200px;}
#leftcol .min, #rightcol .min, #archlinux .min{background:url(images/bg-miniature.png);width:90px;height:84px;text-align:center;padding-top:3px;float:left;margin:0 5px 5px 0px}
#leftcol .cat, #rightcol .cat {border-bottom:1px dotted #ccc;padding-bottom:10px;width:300px}
#leftcol .cat h3 a, #rightcol .cat h3 a{font-family:Tahoma,sans-serif;line-height:30px;font-size:14px;color:#0b5185;text-decoration:underline}
#leftcol .titre, #rightcol .titre{font-family:"Trebuchet Ms", Tahoma,sans-serif;font-size:14px;color:#000;text-decoration:none;font-weight:bold;}
#leftcol .resum, #rightcol .resum{font-family:Tahoma,sans-serif;font-size:10px;color:#5f6465;line-height:14px;text-align:left}
#leftcol .com, #rightcol .com{float:right;background:#414141;padding:2px 5px;color:#fff;font-style:italic;margin:0 0 20px;font-size:10px}
#leftcol .articl, #rightcol .articl{padding-bottom:10px;height:160px;}
#apropos{float:right;width:290px;font-size:10px;padding:5px 5px 0 30px;text-align:justify;background:url(images/bg-propos.jpg)top left no-repeat;height:210px;font-family:Tahoma,sans-serif;color:#5f6465}
#apropos h1{color:#000;font-size:24px;font-family:"Trebuchet Ms", Tahoma,sans-serif;}
#apropos img{margin:16px 0px 2px 5px}
#apropos p{line-height:14px}
#medias{border-top:1px dotted #bbb;height:60px;}
#medias img{margin:0}

#menu-p{position:absolute;width:700px;margin:104px 0 0px  10px;font-size:12px;color:#dff9d7;text-shadow: 1px 0px 0px #296615;}
#menu-p a{color:#FFF;font-size:11px;font-family:Tahoma,sans-serif;line-height:25px;text-shadow: 1px 1px 1px #1f3609;}
#menu-p a:hover{text-decoration:none;color:#254b18;text-shadow: 1px 1px 10px #FFF;}
#rss{color:#e06405}
#respond{font-size:24px;}
.champs{border:none;background:#eee;height:25px;}
#comment{width:550px;height:200px;border:2px solid #eee;background:#eee;}
#submit{background:#e06405;color:#FFF;border:none;width:200px;height:40px;}