/*

Theme Name: Bouletcorp english theme

Theme URI: http://english.bouletcorp.com/

Description: The Boulet french comic maker theme, designed by himself, for the english version

Author: Boulet / CEPCAM

Author URI: cepcam.org

Version: 1.0

.

This them was vritten for exclusive usage on bouletcorp.com

Please do not use it wihthout permission of the site owner

If doing so, watch your back when walking in shadowy alley

.

*/





/***** les petits accord standard *****/

* {

	margin: 0;

	padding: 0;

	border: none;

}



table

{

border-collapse:separate;

border-spacing:0;

}



.clear {

	clear: both;

	height: 2em;

}



body{

  text-align: center;

}





/********** D'abord, le contexte g�n�ral *******************/



#page-wrap {

	margin-right: auto;

/*the browser centers by itself*/

	margin-left: auto;

	width: 1000px;

	background-repeat: no-repeat;

	text-align: left;

}



#top_bck{

  z-index:-1;

  width: 946px;

  height:472px;     

  float: left; 

  _margin-left: -80px;            

  position: absolute;

}

#bottom_bck{

  z-index:-1;

  margin-left: -83px;

  width : 947px;

  height: 372px;

  clear: left;

  position: absolute;

}



#rss {

	float: left;

	position: relative;

	width: 80px;

	margin-left: 10px;

	margin-top: 10px;

}



#flags {

	width: 60px;

	float: left;

	margin-top: 60px;

	margin-left: 25px;

	position: relative;

}

#flags .flag_picto {

	margin-top: 5px;

}



#header{

    width: 780px;

}





#random_quote {

  /*Big warning: this one is tricky in order to */

  /*simplify the html*/

  /*Change it with carrefulness and mindly risk*/

  clear: left;

  padding-top: 4px;

	background-repeat: no-repeat;  

	font-size:1em;

  vertical-align: bottom;

  height: 21px; 

  text-align: center;    

}



#page {

	width: 765px;

/*note: 765/5 = 153*/

	position: relative;

	top: 72px;

	_top: 240px;

	margin-left: 83px;



}





#animaux img {

  margin-left: -1px;

  position: relative;

  /margin-left: -3px;

  -margin-left: -3px;

  float: left;

  vertical-align: baseline;

}

/***********************   Fin de l'environnement g�n�ral **************/



.ui-tabs-panel{

  min-height: 400px;

}

/*********** Ensuite viens la mise en page du calendrier ***************/

/* Attention cependant, IE n�cessite un traitement pariculier          */

/* A cause des "inline" et consorts                                    */



#nav_bar

{

    width: 765px;

    font-size: 1.2em;

    font-weight: bold;

    min-height: 0.9em;

    border-top: 2px #000 solid;	  

    background-color: #c5bf8e;  

    	zoom: 1;

  *display: inline;    

}



#cal_body{

margin-left: 20px;

}



.cal_day{

	margin-left:0.8%;

}

#today{

	font-weight: bold;

        background-color: #333;

        color: #c5bf8e;

        margin-left: 0.7em

}


.this_note_day{
   background-color: red;
}
#nav_bar a{

  background-color: #fcce14;

}

#nav_bar  td{

  min-width: 1.4em;

}

/***********************   Fin du calendrier             **************/





#centered_nav{

	width: 90%;

		margin-top: 4px;

	margin-left: auto;

/*the browser centers by itself*/

	margin-right: auto;

}



#note_browser {

	width: 100%;

	height: 2em;

  border-top: 2px #000 solid;	     

	text-align: center;

}



#note_browser a{

  text-align: center;

  margin: 0 1.5em 0 1.9em;

  letter-spacing: 0.2em;

  font-size: 1em;

  min-width: 10%;

  float: left;

}



#note_browser .brow_tab {

	display: inline-block;

	zoom: 1;

  *display: inline;	

	width: 19%;

}



.storycontent{

  line-height: 0em;

  width: 100%;

}



.storycontent pre{

  line-height: 1em;

	 font-family: "Arial", "Helvetica", sans-serif;

	 font-size: 1.2em;

	 padding : 1em 1em 1em 1em;

	 white-space : normal; 

	 _word-wrap: break-word ;

}

/* Une mise en page sp�cifique pour la recherche */

#result_header{

  width: 765px;

  font-size: 2em;

  padding: 5px 0 5px 0;

  border-bottom: 1px solid #000;

  border-top: 1px solid #000;

}

/*All dat stuff is for Tab navigation     */

.widget {

	width: 100%;

} 



  .ui-tabs-selected{

  background-color: #ddc196;

  

}



.tabnav a{

 position: absolute;

 margin-top: 0.3em;

   margin-left: 0.6em;

  

}

.tabnav{

height: 30px;

}



.tabnav li {

	display: inline-block;

		zoom: 1;

  *display: inline;

	width: 20%;

	list-style: none;

	height: 30px;

	background-image:url('./images/tab_cach.png');



}



#small_nav{

  padding : 5px 5px 5px 5px;

  }

  

#small_nav *{

display:-moz-inline-stack;

display:inline-block;

zoom:1;

*display:inline;

vertical-align: top;



}



.small_nav_right{

  float : right;

  *float: none;

  *margin-left : 200px;  

*display:inline;

}
.less{
  margin-top : -20px;
}



#social_network{

/*  _width: 480px;*/

}



#social_network li{

display:-moz-inline-stack;

display:inline-block;

zoom:1;

*display:inline;

margin-right : 15px;

}





#network_social li{

	display: inline;         

}



.ui-tabs-hide {

	display: none;

}



.widget-title{

display: none;

}

/*Attention : la double mise en page tabdiv/tab_encaps est necessaire pour ne pas avoir de marge sur les notes mais en avoir sur le reste*/ 

.tabdiv{

  padding:20px 0 20px 0;



}



.com_color{

  min-height: 400px;

  _margin-right: 30px; 

  _margin-left: 40px; 

}

.tabdiv > *{

 margin: 20px 40px 20px 40px;

 

 }

#cleanit {

	height: 10px;

}



/* les petits liens en bas*/

#small_links   {

  border-top: 1px solid #333;

  border-bottom: 1px solid #333;  

}



#comment_button{

  color: #AAA;

  background-color: #333;

  float: right;

}

/*The comments: lets make'em clean*/



#bonus{

	text-align: center;

}

#com .url

{

  color: #7BB9A0;

  font-weight: bold;

}

#com li {

	margin-top: 10px;

}



/* le petit pave de texte en haut des commentaires */

#comment_intro p{

     margin-bottom: 2em;

}

#comment_form #submit{

  float: right;

  margin-right:2px;

  _margin-right:15px;  

}



#comment{

  margin-top: 3em;

   white-space : pre-wrap; 

  _white-space : normal;    

   word-wrap: break-word ;

}



#comment li br{

  height: 10px;

}

/*Les commentaires de Wordpress par d�faut sont pas super beaux alors on va remettre en forme*/

/*d�ja, on cahce tout le pav� pourri pour les geeks*/

#com .form-allowed-tags{

  display: none;

  font-size: 4em;

}

#com .comment-form-comment{

  display: block;

  }

  

/*hide da fucking comments notes*/

.comment-notes{

  display: none;

}



#author {

  width: 190px;;

}



#email{

width: 300px;

}



#comment_form{

  margin-left: 5px;

  margin-top: 10px;

}

#commenttext{

  width: 650px;

  height: 250px;

}





#url{

  width: 570px;

}

/*un peu de travail sur els archives */

#archives p{

  margin-bottom: 40px;

} 



/*Fucking IE*/

.archives_color{

  _margin-right: 30px; 

  _margin-left: 40px; 

  }

/*dont le plugin  clean archives*/

.car-container{

  margin-left: 2em;

}

.car-yearmonth{

  font-size: 1.3em;

  font-weight: bold;

}

.car-monthlisting{

  margin: 1em 0 1em 2em;

}

/** ***/

/*le champ de rechercher */ 

#search-3{

  font-size : 1.2em;

  margin-bottom: 1em;

}

#search-3 input{

  height: 1.4em;

}



#mail h1{

  text-align: center;

  font-size: 3em;

}



#mail h3

{

  font-size: 1.3em;

	font-family: "Courier new", monospace;

}



#mail_container > *

{

	margin: 2em 0 0 0;

}

#contacts_pro li p{

	display: inline;

  }

#contacts_pro a{

  margin-right : 50px;

  padding : 3px 3px 3px 3px;

  float: right;

} 

#contacts_pro li{

  margin-bottom: .6em;

}



/*Footer*/

#footer{

  text-align: center;

  margin-top: 1em;

  }

#copyright {

	text-align: center;

margin-top: 1em;

}





#img_404{

text-align: center;

}



/*The links*/

.blogroll img {

	float: left;

	width:  140px;

	height: 140px;

  border-right: solid 2px black;	

  margin-top: -0.3em;

  margin-right: 20px;

}

.blogroll {

	margin-bottom: 40px;

}

.blogroll li {

	width: 90%;

	height: 140px;

	margin-left: 20px;

	margin-top: 20px;

}



.blogroll h3 {

	font-size: 2em;

	margin-left: 160px;

	margin-top: 10px;

}

.blogroll p {

	font-size: 1em;

	width: 350px;

	margin-left: 300px;

	margin-top: 5px;

	display: block;

}



.blogroll a{

   display: block;

   font-size: 1.3em ;

   text-align: justify;

   padding : 0.3em 0.5em 0.3em 0;

}







/**** Le formulaire basé sur WP  7 ***/

.wpcf7{

	margin: 1em 0 1em 0;

	background-color: #eee;

	border: 1px solid #333;

}



.wpcf7  p{

	font-size: 1.2em;

	padding: 0.2em 0.2em 0.2em 0.2em;

}

.wpcf7 textarea{

	width: 100%;

}

/**** Un peu d e mise en forme de la FAQ *****/

#questions{

  margin-bottom: 2em;

}

#questions a{

  color: brown;

}

#questions li{

  padding: 6px 0 1px 0;

}

#answers h4{

margin-bottom: 1em;

margin-top: 1em;

color: brown;

font-size: 1.2em;

}


/** Un peu de mise en page special pour les pages qui sortent de l'ordinaire **/
.bigger_note
{
	margin-left : -10%;
}

.medium_note
{
	margin-left : -6%;
}

/**** et toute la tripaille pour les ombres port�es ...  ****/

.shadow

{

 text-shadow: -1px -1px 5px #200; 

}