/*
Theme Name: Lablogatoire
Theme URI: http://www.bassoburo.com/
Description: Le thème de Lablogatoire, blogue de <a href="http://www.lablogatoire.com">Samuel Bouchard</a>
Version: 1.0
Author: Sébastien Morin, intégré par Pierre-Luc Babin
Author URI: http://www.bassoburo.com/ 
*/
/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 100% to 10px */
	font-family: 'Lucida Grande',  Arial, Sans-Serif;
	color: #333;
	background: #D0D1C9 url(images/background.jpg) repeat-x left 50px;
}
hr{
	display:none;
}

h1.header{
    background: url(images/bg-h1.gif) repeat-y top center;
    display:block;
    height:57px;
	padding-top:23px;
    width:100%;
	position:relative;
	margin-top:25px;
}
h1.header a{
	position:absolute;
	left:50%;
	margin-left:-400px;
	display:block;
	width:390px;
	height:36px;
	text-indent:-999999px;
	background:url(images/lelablogatoire.gif) no-repeat top left;
}

a{
    color:#7c6541;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

p{
	color:#7c6542;
}

/* Begin Toolbar */
div#toolbar{
	background:#46483e;
	width:100%;
	height:50px;
	line-height:50px;
}
div#toolbar div.wrapper{
	margin:0 auto;
	width:840px;
	text-align:right;
}
div#toolbar a.rss{
	color:#F3821C;
	font-size:120%;
	background:url(images/rss.jpg) no-repeat right center;
	padding-right:35px;
	display:block;
	line-height:25px;
	height:25px;
	float:right;
	margin-top:12px;
}

/* Begin Page */
div#page{
	width:100%;
	background: url(images/background-page.jpg) no-repeat center top;
}

/* Begin Header */
div#header{
	width:840px;
	margin:0 auto;
	height:190px;
	position:relative;
}
div#header h2{
	font-size:25px;
	color:#f5f5e9;
	text-transform:uppercase;
	margin:20px 0 20px 28px;
	background:url(images/titre/header.gif);
	text-indent:-99999px;
	width:499px;
	height:37px;
}
div#header h3{
	font-size:200%;
	color:#b0b0a3;
	text-transform:uppercase;
	margin:0 0 16px 310px;
	display:none;
}
div#header p{
	border-top:1px solid #96968c;
	padding:28px 0 28px 28px;
	width:470px;
	color:#f3f4e9;
	font-size:120%;
}
div#header p a{
	font-weight:bold;
	color:#f3f4e9;
}

/* Begin Content general */
div#content{
	width:840px;
	margin:0 auto;
	background:#f5f5e9;
	padding:30px 0 0 0;
	font-size:120%;
}

/* Begin Content maincol */
div#content div#maincol{
	width:500px;
	padding:0 40px 0 20px;
	float:left;
}
div#maincol div.post{
	border-top:1px solid #e9e8db;
	padding:15px 0;
	float:left;
	width:500px;
}
div#maincol div.post a{
	color:#68BCC4;
}
div#maincol div.post a:hover{
	color:#3F99A4;
}
div#maincol div.post a.more-link{
	font-weight:bold;
	display:block;
	margin-top:20px;
	width:100px;
}
div#maincol div.post div.posthead h2 a, div#maincol div.post div.posthead h3 a{
	float:left;
	width:360px;
	color:#10b8c2;
    font-size:140%;
    text-transform:uppercase;
}
div#maincol div.post div.posthead p{
	float:right;
	color:#d7d7c6;
	font-size:140%;
	font-weight:bold;
}

div#maincol div.post div.entry{
	display:none;
	clear:both;
}
div#maincol div.post div.entry li{
	color:#7C6542;
	margin-left:17px;
	margin-bottom:10px;
	
}
div#maincol div.post div.entry ol{
	list-style-type:decimal;
}
div#maincol div.post div.entry ul{
	list-style-type:circle;
}
div#maincol div.first{
    border:none;
	padding:0;
}
div#maincol div.first div.posthead h2 a, div#maincol div.single h2, div#maincol h2.pagetitle{
	color:#7c6541;
	font-size:180%;
	text-transform:uppercase;
}
div#maincol h2.pagetitle{
	margin-bottom:20px;
}
div#maincol div.first div.entry{
	display:block;
}
div#maincol div.entry p{
	padding:10px 0;
}

/* Begin Content navigaton link */
div#maincol div.navigation{
	background:url(images/bg-navigation.gif) repeat-x top left;
	float:left;
	width:500px;
	height:140px;
}
div#maincol div.navigation div.alignleft{
	float:left;
	width:229px;
	text-align:right;
	padding-right:20px;
	border-right:1px solid #d8d8c5;
	margin-top:25px;
}
div#maincol div.navigation div.alignright{
    float:right;
    width:229px;
	text-align:left;
	padding-left:21px;
	margin-top:25px;
}

div#maincol div.navigation a, div#maincol div.navigation span{
	color:#10b8c2;
	font-size:140%;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	line-height:26px;
	width:200px;
}
div#maincol div.navigation span{
	color:#bfe2d8;
}
div#maincol div.navigation div.alignright a,
div#maincol div.navigation div.alignright span{
	padding-right:23px;
	background:url(images/rightarrow.gif) no-repeat;
	background-position:right top;
	float:left;
}
div#maincol div.navigation div.alignleft a,
div#maincol div.navigation div.alignleft span{
    padding-left:20px;
    background:url(images/leftarrow.gif) no-repeat;
    float:right;
}
div#maincol div.navigation div.alignleft a:hover{
	background-position:left bottom;
	text-decoration:none;
}
div#maincol div.navigation div.alignright a:hover{
    background-position:right bottom;
	text-decoration:none;
}

div#maincol div.related-post{
	float:left;
	clear:left;
	width:100%;
	margin:10px 0;
}
div#maincol div.related-post h3{
	color:#7C6542;
	font-size:130%;
	margin-bottom:10px;
}
div#maincol div.related-post ul{
	list-style-type:circle;
	margin-left:15px;
}
div#maincol div.related-post a{
	color:#10B8C2;
}
/* Begin Comment list */
h3#comments{
	float:left;
	font-size:130%;
    color:#7c6542;
    margin:10px 0;
}
ol.commentlist{
	float:left;
	width:100%;
}

/* Begin Comment form */
div#respond{
	float:left;
	margin-top:20px;
}
div#respond h3{
	font-size:130%;
	color:#7c6542;
	margin-bottom:10px;
}
div#respond #commentform{
	float:left;
	width:400px;
	margin-bottom:20px;
}
#commentform p{
	margin:5px 0;
}
#commentform p label{
	display:block;
	font-size:140%;
	margin-bottom:3px;
}
#commentform input.text, #commentform textarea{
	width:250px;
	background:#f0f0e4;
	border:1px solid #d7d7cc;
	padding:6px 4px 2px 4px;
	height:20px;
	font-size:110%;
	color:#57472e;
}
#commentform textarea{
	width:100%;
	height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#57472e;
}
#commentform input.text:hover,#commentform input.text:focus,
#commentform textarea:hover,#commentform textarea:focus{
	border:1px solid #afafa6;
}
/* end comment form */

/* Begin Content sidebar */
div#content div#sidebar{
	float:right;
	width:265px;
}
div#sidebar form label{
	color:#7c6541;
	font-size:140%;
	font-weight:bold;
	display:block;
}
div#sidebar form{
	position:relative;
	width:265px;
	height:80px;
}
div#sidebar form input#s{
	border:1px solid #dfdfd4;
	padding:6px;
	width:188px;
	color:#7c6542;
}
div#sidebar form{
	margin-top:5px;
}
div#sidebar form a#searchsubmit{
	position:absolute;
	right:-53px;
	width:110px;
	font-size:130%;
	text-transform:uppercase;
	height:30px;
	color:#f5f5e9;
	display:block;
	top:0px;
}
div#sidebar form a#searchsubmit span{
    display:none;
	font-size:18px;
}
div#sidebar form a#searchsubmit div.bg{
    position:absolute;
    background:#0a96ab;
    top:0;
    left:0;
    width:110px;
    height:30px;
    z-index:2;
}
div#sidebar #search-tags{
	background:url(images/titre/search-tags.gif) no-repeat top left;
	width:223px;
	height:17px;
	text-indent:-9999px;
}

div#sidebar form a#searchsubmit span.flir-replaced{
    position:absolute;top:9px;left:15px;z-index:3;display:block;
}

div#sidebar ul#mainnav{
	position:absolute;
	
}


div#sidebar ul#mainnav li{
	margin-bottom:1px;
}
div#sidebar ul#mainnav li a{
	color:#f5f5e9;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:17px;
	height:46px;
	line-height:46px;
	display:block;
	width:300px;
	background:transparent;
	position:relative;
}
div#sidebar ul#mainnav li a.flir span{
	display:none;
}
div#sidebar ul#mainnav li a div.bg{
	position:absolute;
	background:#0a96ab;
	top:0;
	left:0;
	width:317px;
	height:46px;
	z-index:2;
}
div#sidebar ul#mainnav li a span.flir-replaced{
	position:absolute;top:16px;left:17px;z-index:3;display:block;height:17px;line-height:17px;
}
div#sidebar ul#mainnav li a span{
	font-size:21px;
	height:21px;
	display:block;
}
div#sidebar ul#mainnav li a:hover{
	text-decoration:none;
}

div#sidebar ul#mainnav li ul li{
	list-style-type:circle;
	position:static;
	width:235px;
	margin:3px 0 3px 20px;
}
div#sidebar ul#mainnav li ul li a{
	font-size:100%;
    text-transform:capitalize;
    font-weight:normal;
    padding-left:0;
    line-height:normal;
    display:inline;
    width:auto;
    background:transparent;
	color:#846f4c;
}

div#sidebar h2{
	font-size:18px;
	color:#7c6541;
	letter-spacing:1px;
	text-transform:uppercase;
	text-indent:-99999px;
}
div#sidebar h2#lastcomments{
	background:url(images/titre/lastcomments.gif) no-repeat top left;
	width:226px;
	height:14px;	
}

div#sidebar h2#mesprojets{
	background:url(images/titre/mesprojets-h2.gif) no-repeat top left;
	width:226px;
	height:14px;	
}
div#sidebar h2.flir-replaced{
	text-indent:0px;
}
div#sidebar ol{
	margin:20px 20px 0 30px;
}
div#sidebar ol li{
	margin-bottom:20px;
}
div#sidebar ol li p{
	background:url(images/bg-diag.gif) repeat top left;
	padding:18px 19px 23px 27px;
	font-size:110%;
}
div#sidebar ol li p a{
	color:#10b8c2;
	font-weight:bold;
}
div#sidebar ol li h3{
	position:relative;
	background:url(images/bg-diag.gif) repeat top left;
	width:215px;
	margin-bottom:10px;
}
div#sidebar ol li h3 span{
	color:#61bac3;
	font-size:140%;
	text-indent:-99999px;
	display:block;
	position:absolute;
}
div#sidebar ol li.robotiq h3{
    height:55px;
	margin-top:40px;
}
div#sidebar ol li.robotiq h3 span{
	width:168px;
    height:69px;
    background:url(images/logo-robotiq.gif) no-repeat top left;
	left:-30px;
	top:-19px;
}
div#sidebar ol li.duproprio h3{
    height:22px;
	margin-top:40px;
}
div#sidebar ol li.duproprio h3 span{
    width:194px;
    height:55px;
    background:url(images/logo-duproprio.gif) no-repeat top left;
    left:-30px;
	top:-25px;
}
div#sidebar ul.last_comments{
	list-style-type:circle;
	margin:20px 20px 20px 30px;
}

/* Begin Content footer */
div#content div#footer{
	clear:both;
	height:500px;
	background:url(images/bg-footer-big.gif) repeat-x top left;
}
div#content div#footer a{
	color:#10b8c2;
	font-weight:bold;
}
div#content div#footer p {
	background:url(images/bg-footer.gif) no-repeat top center;
	text-align:center;
	padding-top:20px;
	font-size:120%;
	color:#b4b495;
	margin-top:40px;
}