@charset "utf-8";

/*

Theme Name: Open Form Architecture

Description: Adaptation libre de Tanzaku par Tripleships

Version: 1.0.0

Author: Francis Bélisle - Blackstudio.ca

Author URI: http://blackstudio.ca/

Tags: Super Grid Layout





Index:

  - Basic Elements

  - Basic Styling

  - Layout

  - Grid Items, Single Item and Comments

  - Navigation and Sidebar Widget

  - Form Elements



*/



/* ---------- Basic Elements ---------- */



body {

	background-color: #ffffff;

	margin: 0;

	padding: 0;

	color: #000000;

	font-family: Arial,Verdana,Baskerville,Palatino,Times;

	font-size: 12px;

	line-height: 1.5;
         background: url(images/bg_body.gif) transparent top left repeat-x;

}



body.logo-bg {background : url(images/bg_body.jpg) #ffffff center center no-repeat;}



a {

	text-decoration: underline;

	

}



a img {

	border: none;
        outline:none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 1em 0;

}

h1 {

	font-size: 28px;

	font-weight: normal;

}

h2,

h3,

h4,

h5,

h6 {

	font-size: 12px;

	margin-top: 2em;

	padding-left: 5px;

	border-left: 5px solid #c4c4c4;

}

ul {margin:10px 0;padding:0;list-style-position: inside;list-style-type: none;}



blockquote {

	margin: 0;

	padding: 10px;

	border-left: 5px solid #e9e9e9;

	background-color: #f9f9f9;

	color: #666666;

}



pre {

	overflow: auto;

	margin: 0;

	padding: 10px;

	background-color: #f9f9f9;

	color: #666666;

}



fieldset {

	border: 1px solid #cccccc;

	padding: 10px;

}



table {

	margin: 1em 0;

	border: 1px solid #999999;

}

th, td {

	padding: 2px 4px;

	/*border: 1px solid #e9e9e9;*/

}

th {

	background-color: #d9d9d9;

	font-weight: normal;

}

td {

	background-color: #d9d9d9;

}



/* ---------- Basic Styling ---------- */



.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignright {

	float: right;

	margin: 0 0 2px 10px;

}



.alignleft {

	float: left;

	margin: 0 10px 2px 0;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	padding: 5px;

	display: inline;

}



img.alignleft {

	padding: 5px;

	display: inline;

}



.caution {

	padding: 10px;

	color: #e9e9e9;

	text-align: center;

	background-color: #cc0000;

}

noscript .caution {

	margin: 0;

}



.wp-caption {

	width: 100%;

	border: 1px solid #e3e3e3;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-khtml-border-radius: 4px;

	-webkit-border-radius: 4px;

	background-color: #ffffff;

	text-align: center;

}

.wp-caption img {

	padding-top: 5px;

}



.wp-caption-text {

	margin: 5px 0;

	text-align: center;

	font-size: smaller;

	color: #666666;

}



code strong {

	color: #cc3366;

	font-weight: normal;

}





/* ---------- Layout ---------- */



#top-container {

	margin: 0 auto;

	padding: 5px;

	background: white;

}



#container {

	margin: 0 auto;

	padding: 0;

}



	#header {

		margin: 25px 0px 0px 0px;

                display:block;

                visibility: hidden;

	}

	#header h1 {

		margin: 0;

		color: #000000;

	}

	#header h1 a{

		margin: 0;

		color: #000000;

	}

	#header p {

		margin: 0;

	}

	#r-box {width:170px;float:right;font-size:9px;text-align:right;color:#fff;}

	#logo {padding-bottom:5px;display:block;width:59px;height:51px;}



        .load-spin {

            position:absolute;



        }

	

	ul#nav-filter {

		display:block;

		margin:0;

		padding:0;

		width:100%;

		padding-top:15px;

		float:left;

		list-style-position:inside;

		margin-bottom:15px;

		

		}

	

	ul#nav-filter li {

		display:block;

		width:147px;

		height:21px;

		padding-top:6px;

		padding-left:10px;

		margin-right:2px;

		margin-bottom:1px;

		float:left;

		background-color:#666666;

		font-size:11px;

		text-transform:uppercase;

		line-height:16px;

                font: 11px/16px Arial, sans-serif;letter-spacing: 0;

                

		

		}

		

	

	ul#nav-filter li a:link, ul#nav-filter li a:visited {color:#fff;text-decoration:none;}

	ul#nav-filter li a:hover, ul#nav-filter li a:active {color:#fff;text-decoration:none;font-weight:bold;}

	

        ul#nav-filter li.cat-item-black {background-color:#000;}



        #grid-wrapper {

		margin: 0;

		padding: 0;

		padding-top: 1000px; /* Prevent flicker in grid area. Check header.php. */

		height:auto;

	}



	



	#fr, #en {

		display:block;

		width:290px;


	}

	

	#fr {float:left;text-align:justify;}

	#en {float:right;text-align:justify;}

        #fr a, #en a {color:inherit; }





#bottom-container {

	clear: both;

	width: 100%;

	margin: 0;

	padding: 30px 0 0;

}



	#footer-wrapper {

		background: none;

	}



	#footer {

		margin: 0 auto;

		padding: 40px 0 0 0;

		

	}

	#footer p {

		margin: 0;

		padding: 10px;

	}

#footer  a:link, #footer  a:visited { color:#000000; text-decoration:none;}
#footer  a:hover, #footer  a:active { color:#000000; text-decoration:none;}

	

	



/* ---------- Grid Items, Single Item and Comments ---------- */



/* value = (width * n) + (15+15+5) * (n-1). 

 * ex.

 * width=200 : 200, 425, 650, 875

 * width=250 : 250, 525, 800, 1075

 * width=290 : 290, 615, 940, 1265

 */

div.x1 { width:  316px; }

div.x2 { width:  602px; }

div.x3 { width:  940px; }

div.x4 { width: 1268px; }



div.grid-item,
div.single-item {
	overflow: hidden;
	margin: 1px ;
	padding: 0px;
	border: 0;
	background-color: #000000;
        color:#999999;
}



div.grid-item h2.post-title,

div.single-item h2.post-title {

	margin: 0;

	padding: 8px 13px;

	border-left: 0;

	font-weight:normal;

	font-family: Arial,Verdana,Baskerville,Palatino,Times;

	font-size:13px;

        line-height:18px;

	text-transform:uppercase;

	color:#fff;





}

div.single-wrapper-inner h2.post-title {padding-left: 0;}





div.grid-item h2.post-title a, div.single-item h2.post-title a {color:#fff;font-weight:normal;font-size:18px;margin:0;padding:0;line-height:22px;outline:none;text-decoration:none;}

.small-post-wrap {height:94px;}

h2.post-title-small {

        margin: 0;

	padding: 0px 0px 0px 3px;

	border-left: 0;

	font-weight:normal;

        font-family: Arial,Verdana,Baskerville,Palatino,Times;

	font-size:13px;

	text-transform:uppercase;

	color:#fff;

        height:94px;

        line-height:22px;


        }



h2.post-title-small a {font-weight:bold;margin:0;padding:0;height:50px;display:block;outline:none;text-decoration:none;color:#000000;}



div.grid-item div.grid-image {

	

}



div.grid-item div.grid-image img {width:316px;margin:0;padding:0;border:none;float:left;z-index:50;}

img.img2 {width:316px;margin:0;padding:0;border:none;float:left;position:relative;z-index:999;display:none;}

.rollover {
    position:absolute;
    z-index:999;
    top:0px;
    display: block;
    padding:0;
    margin:0;
    width:316px;
    min-height:188px;
    background: url(images/bg_roll.png) transparent top left no-repeat;
    display:none;
}

.inprogress {
    position:absolute;
    z-index:999;
    top:0px;
    display: block;
    padding:0;
    margin:0;
    width:316px;
    min-height:231px;
    background: url(images/bg_progress.png) transparent top left no-repeat;
    display:none;
}


.rollover h1,.inprogress h1 {
    color:#666;
    margin:0;
    padding:0;
    font-size:11px;
    text-transform: uppercase;
    padding-left: 3px;
    width:225px;

}


.rollover p, .inprogress p {
    margin:0;
    padding:0;
    font-size:13px;
    font-weight:bold;
    text-transform: uppercase;
    padding-left: 3px;
    width:200px;
    color:#000000;

}

.rollover p a, .inprogress p a {color:#000000;text-decoration:none;}

div.grid-item div.wp-caption {

	display: none;

}

.single-wrapper {

                position:relative;

                top:0;

                padding:0;

		margin: 0 0 2px 0;

		top:0;

		width:634px;

                display: block;

                float:left;



	}

.single-wrapper-inner {

    position:relative;

    top:0;

    width:602px;

    padding:15px 15px 20px 15px;

    margin: 0 0 2px 0;

   



}

div.post-body {clear:both;width:100%;font-size:12px;margin-bottom: 0px;}



div.post-body p,

div.comment-body p {

	font-size: 12px;

}



div.post-body p img,

div.post-body p object {

	max-width: 100%;

	padding: 0;

}



.single-wrapper-inner .post-body  a:link, .single-wrapper-inner .post-body  a:link {color:inherit;text-decoration:underline; }

.single-wrapper-inner .post-body  a:hover, .single-wrapper-inner .post-body a:hover {color:inherit;text-decoration:none; }





p.post-meta,

p.comment-meta {

	margin-bottom: 0;

	padding:0;

}


p.post-meta a,

p.comment-meta a {

	margin-bottom: 0;

	padding:0;
        color:inherit;
        text-decoration:none;

}



.comment-list .navigation {

	margin: 10px 0;

}

.comment-list .navigation a {

	margin-right: 10px;

}



.comment-list ol li {

	margin: 10px 0;

}



.comment-list ol li.trackback {

	padding: 5px;

	border: 1px solid #c4c4c4;

}



.comment-list ul.children {

	list-style: none;

}

.comment-list ul.children li {

	border-left: 5px solid #c4c4c4;

	padding-left: 5px;

}



.comment-list li.bypostauthor {

}

.comment-list li.bypostauthor cite.fn {

	text-decoration: underline;

}



.comment-list li.comment .reply {

	margin: 10px 0 20px;

}









/* ---------- Navigation and Sidebar Widget ---------- */



/* Pagination for grid items and paginated posts */

.pagination {

	margin: 50px 0 0;

	font-size: 12px;

}

.pagination .current {

	color: #333333;

	font-weight: bold;

}

.pagination .next, 

.pagination .prev {

}



.pagination .page-numbers,

.pagination .current {

	margin: 0 10px 0 0;

	padding: 10px 15px;

	text-decoration: none;

	background: #d9d9d9;

}

/* page-numbers hover color */

a.page-numbers:hover {

	color: #333333;

	background-color: #eeeeee;

}

#post-pagination {

	margin: 1em 0;

	color: #c4c4c4;

}

#post-pagination .prefix {

	color: #eaeaea;

}



/* Sidebar 

 * In this theme, sidebar is a horizontal line.

 * Sidebar2 is a block on the bottom.

 * See also "Form Elements" section.

 */

#sidebar{

	list-style: none;

	list-style-type: none;

	margin: 50px 0 50px 16px;

	padding-left: 0;

}

#sidebar2 {

	list-style: none;

	list-style-type: none;

	margin: 50px 0;

	padding-left: 0;

}

#sidebar li {

	margin: 2px 0;

}

#sidebar li.widget h2.widgettitle {

	display: none;

}



#sidebar li.widget ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



#sidebar li.widget ul li {

	display: inline;

	padding-right: 5px;

}



li.current-cat {

	font-weight: bold;

}



#sidebar2 li.widget {

	display: block;

	overflow: hidden;

	float: left;

	margin: 0 5px 5px 0;

	width: 320px;

	padding: 5px 0 0 0;

	border: 0;

}



#sidebar2 h2.widgettitle {

	margin-top: 0;

	padding: 5px 10px;

	color: #333333;

	background-color: #d9d9d9;

}



#sidebar2 li.widget div {

	padding: 0 10px;

	font-size: 12px;

}



#sidebar2 li.widget ul {

	margin: 0;

	padding: 0 10px;

	font-size: 12px;

}



#sidebar2 li.widget ul li {

	list-style: none;

}

#sidebar2 ul.children ul li {

	list-style: none;

}



#wp-calendar {

	margin: 1em 0;

	border: none;

}

#wp-calendar caption{

	text-align: left;

	margin: 2px 0 0 0;

	padding: 0;

}

#wp-calendar td {

	text-align: center;

}



/* ---------- Form Elements ---------- */



div.comment-form {

	margin: 0;

	padding: 0;

}



#commentform {

	margin: 0;

	padding: 0;

}

#commentform textarea {

	width: 99%;

	max-width: 640px;

}



/* for sidebar widget */



#searchform {

    width: 300px;

}

#searchform div {

	padding: 0;

	font-size: 12px;

}

#searchform label.screen-reader-text {

	display: none;

}

#searchsubmit {

	display: inline;

}



#s { /* #searchform input#s */

	width: 170px;

	margin: 0;

}



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */



.clearfix:after {

	clear: both;

	content: ' ';

	display: block;

	font-size: 0;

	line-height: 0;

	visibility: hidden;

	width: 0;

	height: 0;

}



.clearfix {

	display: inline-block;

}



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

        margin-bottom: 0;

        padding-bottom: 0;

}



object {display:block; float:left;}

#contact-btn {
width:146px;
height:22px;
background-color:#f5f5f5;
position:absolute;
top:0px;left:0;
margin:0px;
text-align:left;
font-size:10px;
color:#444;
padding:8px 0 0 10px;
text-transform:uppercase;font-size:11px;
}