/*-----------------------------------------------------------------------------
Main Style Sheet

version:   1.0
author:    patrick picher
email:     patrick@mecano.ca

Notes: 
-----------------------------------------------------------------------------*/

/* =Imports
-----------------------------------------------------------------------------*/
/*@import url(dict.css);*/

 

/* =General / Global
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0; 
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked img */
img {	border: 0;}

html, body{
	height:100%; /* needed for container min-height */
}

.left{float:left;}
.right{float:right;}

.top{	top:0px;}
.bottom{bottom:0px;}


/* =Typography
-----------------------------------------------------------------------------*/
body, td, input {
	color:#283c28;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
}

.sansSerif{font-family: Helvetica, Arial, sans-serif;}
.courier{font-family:"Courier New", Courier, monospace; font-size:16px;}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.mini{font-size:0.8em;}
.normal{font-weight:normal;}

.green{color:#545e24;}


.alignLeft{text-align:left;}
.alignJustify{text-align:justify;}
.alignRight{text-align:right;}

p{margin:0.8em 0;}

h2{
	font-size:20px;
}


/* =Links
-----------------------------------------------------------------------------*/
a{}
a:link { color: #970c10; text-decoration: none; }
a:visited { color: #970c10;	text-decoration: none; }
a:hover, a:active { color: #c32525; text-decoration: none; }

a{outline:none;}

a.invertlink:link { text-decoration: underline; }
a.invertlink:visited { text-decoration: underline; }
a.invertlink:hover, a.invertlink:active { text-decoration:none; }

#sidebar ul li a:hover, #sidebar ul li a:active{color: #CA0300; text-decoration: none;}

.fakelink{color: #A72523;	text-decoration: none;}

.button{
	background-position:top;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
}
.button:hover, a.button:hover{
	background-position:bottom;
}
.title{
	display:block;
	text-indent:-9999px;
}

.search_title{
	color:#466B46;
	font-size:25px;
	margin-top:0px;
}
.search_null{
	color:#970c10;
}

/* =Base Layout
-----------------------------------------------------------------------------*/
body{
	background:url(../img/bg_gradient.png) repeat-x 0 220px;
	background-color:#FFF;
	width:100%;
}

#page{
	background:url(../img/bg_circles.gif) no-repeat center 780px;
	
	
	position:relative;
	width:100%;
	
	/*height control*/
	height:auto !important;
	height:100%; /* ie6.under treaded as min-height*/
	min-height:100%;
	/*width control*/
	min-width:970px;
	/* ie6.under workaround for min/max-width support */
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth :	document.body.clientWidth)
	< 970 ? "970px" : 
	"auto");
}



/* Header
-----------------------------------------------------------------------------*/	
#header{
	background:url(../img/bg_header_blog.jpg) #364927 no-repeat center top;
	height:229px;
	position:relative;
	width:100%;
}
body.home #header{
	background-image:url(../img/bg_header_home.jpg);
	height:402px;
}

#header h1, #header h2{
	margin:0;
	padding:0;
}


#header .title_fr, #header .title_en{
	height:106px;
	left:50%;
	margin-left:-422px;
	position:absolute;
	width:461px;
	top:12px;
}
#header .title_fr{background-image:url(../img/title_fr.png);}
#header .title_en{background-image:url(../img/title_en.png);}


#header .logo_fr, #header .logo_en{
	height:117px;
	left:50%;
	margin-left:214px;
	position:absolute;
	width:191px;
	top:213px;
}
body.home #header .logo_fr, body.home #header .logo_en{
	top:386px;
}
#header .logo_fr{background-image:url(../img/logo_fr.gif);}
#header .logo_en{background-image:url(../img/logo_en.gif);}



#header .b_lang_fr, #header .b_lang_en{
	height:29px;
	left:50%;
	margin-left:305px;
	position:absolute;
	width:108px;
	top:29px;
}
#header .b_lang_fr{background-image:url(../img/b_lang_fr.gif);}
#header .b_lang_en{background-image:url(../img/b_lang_en.gif);}

.sitenav{
	bottom:0px;
	height:39px;
	left:50%;
	margin-left:-422px;
	position:absolute;
	width:400px;
}
.sitenav .b_home_fr, .sitenav .b_home_en{
	height: 39px;
	left:0px;
	position:absolute;
	width: 119px;
}
.sitenav .b_blog_fr, .sitenav .b_blog_en{
	height: 39px;
	left:127px;
	position:absolute;
	width: 264px;
}
.sitenav .b_home_fr{background-image:url(../img/b_home_fr.png);}
.sitenav .b_home_en{background-image:url(../img/b_home_en.png);}
.sitenav .b_blog_fr{background-image:url(../img/b_blog_fr.png);}
.sitenav .b_blog_en{background-image:url(../img/b_blog_en.png);}

/* mainWrapper
-----------------------------------------------------------------------------*/
#mainWrapper{
	margin:0 auto;
	position:relative;
	width: 898px !important;
	width:900px; /*ie6 fix*/
}

/* Content
-----------------------------------------------------------------------------*/	

#main{
	float:left;
	width:590px;
}
#main .content{
	padding: 35px 10px;
}

#main .post{
	background-image:url(../img/split_main_h.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:20px;
	position:relative;
	margin-bottom:18px;
}

#main .post .date{
	color: #898989;
	font-size:11px;
}
#main .post h2{margin:3px 0;}
#main .post .author{
	color: #466b46;
	font-size:13px;
}

#main .post .postmetadata{
	float:left; /*ie6 workaround*/
	margin-top:0px;
}
#main .snap_noshots{
	bottom:28px;
	position:absolute;
	right:0px;
}
#main .linkers{
	float:right; /*ie6 workaround*/
	height:20px;
	margin-top: 9px;
	text-align:right;
	width:200px;
}
#main .linkers .lblShare{
	color:#9dbd9d;
	font-size:12px;
	font-weight:bold;
	line-height:7px;
	vertical-align:text-top;
}


#main .post .entry{
	line-height:24px;
}

#main .post .split{
	background:url(../img/split_post.gif);
	height:9px;
	line-height:1px;
	font-size:1px;
}


/*  home
-------------------------------------------*/
body.home #main{
	padding-left:23px;
	width:570px;
}

body.home #main h2{
	height:86px;
	margin:0 0 0 -32px;
	width:450px;
	background-repeat:no-repeat;
}


#main .mission li{
	background:url(../img/bg_mission_li.gif) no-repeat;
	display:block;
	height:40px;
	list-style-type: none;
	list-style-image: none;
	margin: 6px 0;
	padding: 20px 10px 0 50px;
	width:438px;
}
#main .mission li.double{
	height:46px;
	padding-top:14px;
}

#main .mission li.triple{
	height:49px;
	line-height:13px;
	padding-top:11px;
}



#main .mission li.red{
	background-image:url(../img/bg_mission_red.gif);
	color:#FFF;
	
}

#main .who li{
	background:url(../img/bullet_star.gif) no-repeat left center;
	list-style-type: none;
	list-style-image: none;
	margin: 6px 0 0 -20px;
	padding: 0 0 0 20px;
}

.t_why_care_en, .t_why_care_fr {
	margin-bottom:-10px;
}

.t_mission_fr{ background-image:url(../img/t_mission_fr.gif)}
.t_mission_en{ background-image:url(../img/t_mission_en.gif)}
.t_why_care_fr{ background-image:url(../img/t_why_care_fr.gif); background-repeat:no-repeat; background-position:bottom left;}
.t_why_care_en{ background-image:url(../img/t_why_care_en.gif); background-repeat:no-repeat; background-position:bottom left;}
.t_who_fr{ background-image:url(../img/t_who_fr.gif)}
.t_who_en{ background-image:url(../img/t_who_en.gif)}
.t_action_fr{ background-image:url(../img/t_action_fr.gif)}
.t_action_en{ background-image:url(../img/t_action_en.gif)}

.entry{
	overflow:hidden;
	width:590px;
}
.entry .wrap{
	overflow:hidden;
	width:556px;
}

.br_tl, .br_t, .br_tr, .br_l, .br_r, .br_bl, .br_b, .br_br{position:absolute;}
.br_tl{
	background-image:url(../img/br_tl.gif);
	height:16px;
	left:0px; 
	top:0px;
	width:16px;
}
.br_t{
	background-image:url(../img/br_t.gif);
	height:16px;
	left:16px; 
	top:0px;
}
.br_tr{
	background-image:url(../img/br_tr.gif);
	height:16px;
	right:0px; 
	top:0px;
	width:18px;
}
.br_l{
	background-image:url(../img/br_l.gif);
	left:0px; 
	top:16px;
	width:16px;
}
.br_r{
	background-image:url(../img/br_r.gif);
	right:0px; 
	top:16px;
	width:18px;
}
.br_bl{
	background-image:url(../img/br_bl.gif);
	bottom:0px; 
	height:20px;
	left:0px;
	width:16px;
}
.br_b{
	background-image:url(../img/br_b.gif);
	height:20px;
	bottom:0px; 
	left:16px;
}
.br_br{
	background-image:url(../img/br_br.gif);
	bottom:0px; 
	height:20px;
	right:0px;
	width:18px;
}



/* Comment Form
----------------------------------------------------------------------------------------------*/
#main .comments{
	display:none;
	padding-bottom:20px;
}
/* ie workaround - prevent flickering onOver b_comment when comments are opened  */
* html #main .comments{margin-top:14px;}
* + html #main .comments{margin-top:14px;}

#main .comments .split{
	margin-bottom:15px;
}

#main .t_comment{
	background-image:url(../img/t_comment.gif);
	background-repeat:no-repeat;
	display:block;
	height:16px;
	width:182px;
}
#main .t_comment span{left:-9000px;position:absolute;}

#main .comments .LV_validation_message{
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	height:20px;
	left:-20px;
	margin-top:-23px;
	position:absolute;
	width:20px;
}
#main .comments .LV_valid{background-image:url(../img/LV_valid.gif);}
#main .comments .LV_invalid{background-image:url(../img/LV_invalid.gif);}
#main .comments .textarea .LV_validation_message{margin-top:-214px;}

* html #main .comments .LV_validation_message{margin-top:0px;}
* + html #main .comments .LV_validation_message{margin-top:0px;}
* html #main .comments .textarea .LV_validation_message{margin-top:0px;}
* + html #main .comments .textarea .LV_validation_message{margin-top:0px;}

#main .comments .name{
	margin-top: 6px;
}

#main .comments .email{
	margin-top: 22px;
}

#main .comments .msg{
	margin-top: 33px;
}

#main .b_comment, #main .b_submit_comment{
	background-image:url(../img/b_comment.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	padding-top:9px;
	text-align:center;
	text-indent:0;
	text-decoration:none;
	width:134px;
}

#main .b_comment:hover, #main a.b_comment:hover, #main .b_submit_comment:hover, #main a.b_submit_comment:hover{ background-position:bottom;}

#main .b_comment .open{display:inline;}
#main .b_comment .close{display:none;}
#main .b_close .open{display:none;}
#main .b_close .close{display:inline;}

#main .ajaxloader{
	background-image:url(../img/ajax_loader.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:none;
	height:33px;
	padding-top:9px;
	width:134px;
}
#main .ajaxloader .span{display:none;}



.commentformWrapper{
	background-image:url(../img/commentform_bg.gif);
	background-repeat:no-repeat;
	color: #898989;
	height:400px;
	margin: 0 0 0 0px;
	width:565px;
}
.commentformWrapper form{margin:0; padding:0; height:340px;}
.commentformWrapper p{margin:0 0 10px 8px;}
* html .commentformWrapper p {margin-bottom:8px;}
* + html .commentformWrapper p {margin-bottom:8px;}

.commentformWrapper p .name{margin-top:4px;}

#main .fldInput{
	background-color:transparent;
	border:0px;
	color:#8c8c8c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:23px; 
	width:230px; 
}

#main .fldTextarea{
	background-color:transparent;
	border:0px;
	color:#8c8c8c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:213px;
	margin-top:-1px;
	width:100%;
	/*scrollbars*/
	overflow: scroll;
	overflow-y: auto;
	overflow-x: hidden;
	/* safari */
	resize:none;
}

#main .b_submit_comment{
	border:0px;
	cursor:pointer;
	float:right;
	height:33px;
	margin-top:2px;
	padding:0;
}

#main .commentformWrapper .ajaxloader{
	float:right;
	height:33px;
	margin-top:2px;
}




/* Sidebar
-----------------------------------------------------------------------------*/	
#sidebar{
	float:right;
	margin:114px 0 0;
	width:274px;
}

#sidebar h3{
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}
#sidebar form{
	margin:0;
	padding:0;
}

#sidebar .top{
	background:url(../img/bg_sidebar_top.gif) no-repeat;
	height:223px;
	position:relative;
	z-index:200;
}
body.home #sidebar .top{
	background:url(../img/bg_sidebar_home.gif) no-repeat;
	height:310px;
}
#sidebar .stretch{
	background:url(../img/bg_sidebar_stretch.gif) repeat-y;
	margin-top:-1px;
	padding-bottom:20px;
	position:relative;
}
#sidebar .bottom{
	background:url(../img/bg_sidebar_bottom.gif) no-repeat;
	height:194px;
	position:relative;
}



#sidebar .categories{
	left:38px;
	position:absolute;
	top:103px;
}




#sidebar ul{
	margin: 0 0 0 54px;
	padding: 0;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: -2px;
	margin-left:9px;
}

#sidebar ul li a{
	color:#eac7c7;
	font-size:13px;
}
#sidebar ul li a:hover{
	color:#ffffff;
}


#sidebar .searchform{
	left:68px;
	margin:0;
	padding:0;
	position:absolute;
	top:67px;
}

#sidebar .searchform .fldSearch{
	background:url(../img/bg_search.gif) no-repeat;
	border:0px;
	height:34px;
	padding:8px 29px 0px 10px;
	width:144px;	
}

#sidebar .searchform label, #sidebar .searchform .submit{display:none;}

#sidebar .b_go{
	background-image:url(../img/b_go.gif);
	height:70px;
	left:166px;
	position:absolute;
	top:114px;
	width:77px;
}




#sidebar .t_categories_fr, #sidebar .t_categories_en{
	height:44px;
	left:18px;
	position:absolute;
	top:21px;
	width:218px;
}
#sidebar .t_categories_fr{background-image:url(../img/t_categories_fr.gif)}
#sidebar .t_categories_en{background-image:url(../img/t_categories_en.gif)}


#sidebar .t_archives_fr, #sidebar .t_archives_en{
	height:14px;
	left:35px;
	position:absolute;
	top:198px;
	width:89px;
}
#sidebar .t_archives_fr{background-image:url(../img/t_archives_fr.gif)}
#sidebar .t_archives_en{background-image:url(../img/t_archives_en.gif)}


#sidebar .t_search_fr, #sidebar .t_search_en{
	height:13px;
	left:67px;
	position:absolute;
	top:39px;
	width:94px;
}
#sidebar .t_search_fr{background-image:url(../img/t_search_fr.gif)}
#sidebar .t_search_en{background-image:url(../img/t_search_en.gif)}



/* Optin
--------------------------------------*/

#sidebar .optin{
	background:url(../img/bg_optin.gif) no-repeat;
	color:#FFF;
	height:445px;
	position:relative;
	width:248px;
}

#sidebar .optin p{
	font-size:12px;
	left:13px;
	line-height:13px;
	position:absolute;
	top:58px;
}

#sidebar .tks_optin{
	display:none;
}

#sidebar .optin form{
	left:17px;
	position:absolute;
	top:103px;
}

#sidebar .optin form ul{
	margin:0;
	padding:0;	
}
#sidebar .optin form li{
	background:url(../img/bg_fld.gif) no-repeat bottom;
	list-style-type: none;
	list-style-image: none;
	margin: 11px 0 0;
	padding: 0 0 6px;
	position:relative;
	width:208px;
}


#sidebar .optin input{
	background:none;
	border:0px;
	display:block;
	margin:5px 0 0 5px;
	width:197px;
}
#sidebar .optin .submit{display:none;}

#sidebar .t_optin_fr, #sidebar .t_optin_en{
	height:39px;
	left:14px;
	position:absolute;
	top:17px;
	width:217px;
}
.t_optin_fr{ background-image:url(../img/t_optin_fr.gif)}
.t_optin_en{ background-image:url(../img/t_optin_en.gif)}

#sidebar .b_optin_fr, #sidebar .b_optin_en{
	height:30px;
	left:106px;
	position:absolute;
	top:396px;
	width:117px;
}
.b_optin_fr{ background-image:url(../img/b_optin_fr.gif)}
.b_optin_en{ background-image:url(../img/b_optin_en.gif)}

#sidebar .optin_err{
	background:url(../img/err_x.gif);
	bottom:7px;
	height:10px;
	position:absolute;
	right:-14px;
	width:10px;
}
#sidebar .optin_err p{display:none;}


/* Footer
-----------------------------------------------------------------------------*/	
#footer{
	background:url(../img/bg_footer.png) no-repeat;
	font-size:10px;
	font-weight:bold;
	height:124px;
	line-height:11px;
	margin-left:-25px;
	padding: 19px 0 0 255px;
	position:relative;
}

#footer .logo_cqts_fr, #footer .logo_cqts_en{
	display:block;
	height:65px;
	left:65px;
	position:absolute;
	top:15px;
	width:143px;
}
#footer .logo_cqts_fr{ background-image:url(../img/logo_cqts_fr.gif)}
#footer .logo_cqts_en{ background-image:url(../img/logo_cqts_en.gif)}

#footer .copyright{
	font-weight:normal;
}



/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
-- KUBRIC
--------------------------------------------------------------------------------
-----------------------------------------------------------------------------*/	

/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/



/* Begin Typography & Colors */

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}


.narrowcolumn .postmetadata {
	text-align: center;
	}




small {
	font-size: 0.9em;
	line-height: 1.5em;
}

/* Comments
----------------------------------------------------------------*/
.commentlist {
	padding: 0 0 1px 0px;
}

.commentlist li{
	margin: 7px 0;
	padding: 11px 0px;
	list-style: none;
	/*border-bottom: 1px solid #525252;*/
}

.commentlist li.alt{
	/*margin: 0;
	padding: 10px;*/
}

.commentlist cite, .commentlist cite a {
	color:#aa2020;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
}

.commentlist p {
	font-weight: normal;
	margin: 11px 0 6px;
	/*margin: 10px 5px 10px 0;*/
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}
	
/* comment form */
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 5px 0;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#commentform #submit {
	margin: 0;
	float: right;
}



code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */


.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}


/*	Begin Headers */

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */