/*
Author Name : Jeff Guess
Author Site : http://www.guess.fr
Style Name : my_mod_good
*/

/* for flv embed */
#player1, #player2, #player3 {text-align: center;}

.primary .item .itemtext {
    font-family:georgia; 
    font-size:12px; 
    line-height:18px; 
    color: #333;
}

.pagetitle { /* Used on static pages and archives */
	}


.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	}
    
  
.mytab {                    /* used to make a tab */
    padding-left:100px;
	}
    
.mydate {                    /* used to make a tab */
    float: left;
	}


// wp-syntax plugin /////
.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  //margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  //padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
margin-left: 80px;
}

//////


.givemespace { 
	font-size: 24; 
	margin-left: 50px; 
	margin-bottom: 50px;
	}


.exercise { 
	width: 75%;
	_width: 75%;
	margin-left: 65px;

	padding: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: 1.1em;
	margin-bottom: 30px;
	}

.goleft { 
	float: left; 
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 25px;
	width: 160px;
	}


.cursor {
	cursor: move;
	}

.planning {
	margin-left:55px;
	color: #F5003D; 						
	border-bottom: 1px solid #e1d6c6 !important;
	//padding: 2px;
	}

.planning2 {
	margin-left:75px;
	color: #F5003D; 						
	border-bottom: 1px solid #e1d6c6 !important;
	//padding: 2px;
	}

.primary {
	 /* Contains the main column */
	}

.item {
	/* Each entry is contained within the 'item' class */
	}

.itemtext {
	/* The meat and potatoes of every entry */
	}


    
    
.secondary {
	/* Contains the sidebar */
	}

/*  --------------------------------- THESE TWO PUT SIDEBAR ON LEFT ----------------------------------  */

.primary {
/* Contains the main column */
	width: 65%;
	_width: 65%;
	min-width: 500px;
	float: right;
	padding-right: 40px;
	_padding-right: 40px;
	margin: 0;
	}

.secondary {
	/* Contains the sidebar */
	float: none;
	padding: 0;
	margin-left: 15px;
	margin-right: 0;
	width: 24%;
	/* The following are IE Fixes */
	_margin-left: 0%;
	_margin-right: -3%;
	_width: 28%;
	}

/*  --------------------------------- Images ----------------------------------  */

.primary img {							      
	//margin-left: -5px;
	padding: 4px;
	border: 1px solid #ccc;
	border: 0;										/* Removes square border around images */
	max-width: 100%;
	}


img.left { 
	float: left; 
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 25px;
	}

img.right { 
	float: right; 
	margin-left: 30px;
	margin-bottom: 25px;
	}



/*  --------------------------------- My Boxes ----------------------------------  */

.secondary div {										/* Sidebar box */						
	background-color: #f3f6ed;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: .9em;
	list-style-type: none;
	margin: 15px 0px 0px 0px;
	padding: 10px 5px 8px 16px;
	}

.sb-pagemenu h2 {										/* Sidebar Header Box */				
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 50px 0px 0px -25px;
	padding: 5px;
	text-align: center;
	}


.redbox {														
	background-color: #FFF3D1 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	font-size: .9em;
	margin: 35px 0px 0px 0px;
	padding: 10px 5px 8px 10px;
	}

.redbox h2 {										/* Within post */				
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 50px 0px 0px -25px;
	padding: 5px;
	text-align: center;
	}

.currentbox {														
	background-color: #CCF3FF !important;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	font-size: 1em;
	/*margin: 35px 0px 0px 0px;*/
	/*padding: 10px 5px 8px 10px;*/
	}

.currentbox h2 {										/* Within post */				
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 50px 0px 0px -25px;
	padding: 5px;
	text-align: center;
	}

.currentbox ul {
	margin-left: 10px;
	}

.currentbox ul ul {
	margin-top: 2px;
	}

.currentbox ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.currentbox .current_page_item {
	}

.sb-links {
	background-color: #FFE4DB !important;
	}

.sb-links h2 {										/* Sidebar Header Box */				
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 50px 0px 0px -25px;
	padding: 5px;
	text-align: center;
	}


.processing {														
	background-color: #f3f6ed;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: .9em;
	list-style-type: none;
	margin: 35px 0px 0px 0px;
	padding: 10px 5px 8px 10px;
	}

.processing2 {													
	background-color: #f3f6ed;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: .9em;
	list-style-type: none;
	margin: 0;
	padding: 5px 5px 5px 12px;
	width: 210px;
	height: 270px;
	}

.processing h2 {										/* Within post */				
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 50px 0px 0px -25px;
	padding: 5px;
	text-align: center;
	}

.alert {
	background: #FFF6BF !important; 							/* background color of alert */
	border-top: 0px !important; 								/* these two override the borders in style.css */
	border-bottom: 0px !important;
	border-left: 2px solid #FFD324 !important; 						/* these two lines set up a border on the left and right */
	border-right: 2px solid #FFD324 !important;
	}


/*  --------------------------------- page ----------------------------------  */

												/* Entire blog width, padding:0 sticks up top, rids white space */

#page {									
	width: 980px;
	//width: 920px; /* Width of entire blog */
	_width: 920px; /* Check in IE and adjust accordingly */
	padding: 0;
	}


/*  --------------------------------- body ----------------------------------  */

												/* Makes surrounding black. Puts the page 20px from top and bottom */

body {									
	background: black;
	padding:20px 0 20px 0;
	}


/*  --------------------------------- .primary ----------------------------------  */    

.primary {											/* Contains the main column */
	width: 65%;
	//width: 750px;
	_width: 750px; /* IE Hack */
	}


/*- Primary Contents */


.bigger { 
	font-size: 1.2em;
	color: #676e04;
	//text-decoration: underline;
	}

.linebox {						/* this inserts boxes into text area */
	//background-color: #FFCCF2;
	background-color: #BDFFA8;
	//border: 1px dotted #A1FF85;
	width: 100%;
	height: 2px;
	}

.lineboxtwo {						/* this inserts boxes into text area */
	//background-color: #FFCCF2;
	background-color: #BDFFA8;
	//border: 1px dotted #A1FF85;
	width: 50%;
	height: 1px;
	}

.primary .item .itemtext .todobox {
	background-color: #FFCCF2;
	color: #333333;
	//border-top: 1px dotted #999999;
	//border-bottom: 1px dotted #999999;
	padding: 12px 20px 17px 12px;
	align: center;
    width: 70%;  //35%;
        //float: right;
        margin-top: 25px;
	//margin-left: 200px;
     
     margin-left: auto ;
     margin-right: auto ;

	font-style: italic;
	font-family: Georgia, Verdana, Arial, serif;
	font-size:11px;
	}

.primary .item .itemtext .specialevents {
	background-color: #B8FFC8;
	color: #333333;
	//border-top: 1px dotted #999999;
	//border-bottom: 1px dotted #999999;
	padding: 12px 20px 17px 12px;
	width: 25%;
        float: left;
        margin-top: 10px;
	margin-right: 20px;
	font-style: italic;
	font-family: Georgia, Verdana, Arial, serif;
	font-size:11px;
	}


li.arrow {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
	}

li.arrow:before {
	//content: "\00BB \0020";
	content: "*  ";
}

/*  --------------------------------- Header ----------------------------------  */

												/* Creates header image, changes height. #38C puts blue beforehand */

#header {								
	//background: url('my_mod_good/my_header.jpg');
	//background: #38C url('my_mod_good/my_header.jpg');
	background: #f3f6ed;
	height: 100px !important;
	margin-bottom: 25px;									/* This controls space between header and sidebar, body */
	
border-width: 1px;
	border-style: solid;
	border-color: #e1d6c6;
	color: #676e04;
	}


h1, h1 a, h1 a:hover, h1 a:visited, #header .description {
	color: #676e04;
	}

/*  --------------------------------- Header Texts ----------------------------------  */

h1 { 												/* H1 is used for the title of your blog */
	font-size: 2.5em; 									/* Change to adjust title size */
	padding-top: 20px;
	margin: 0 0 0 30px;
	font-weight: normal; 									/* Change bold to normal if you prefer that */
}

#header .description { 										/* Blog description, under blog title */
	font-size: 1em; 									/* Make it larger with something like 1.1em */
	margin: 0 0 0 30px;
}


/*  --------------------------------- Header Menus ----------------------------------  */

												/* Hovering over menu links, border-bottom creates a line */

ul.menu li a:hover{							
	background: none !important; 								/* hover background menu item color */
	color: #ccc !important; 								/* text color when hovered */
	//border-bottom: 5px solid #f8d276;							/* just a hover style, not necessary */
	}

ul.menu li a {
	color: #676e04;
	}

												/* Hovering over current menu links, border-bottom creates a line */

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {					
	color: none !important; 								/* active tab hover text color */
	background: none !important; 								/* active tab background color */
	//border-bottom: 5px solid #3388cc;
	}


/* Font default of 1em */

/* ul.menu li a { 							
	font: 1.4em Verdana, Helvetica, Arial, Sans-Serif; /* 11px */
	color: yellow; 										/* default color, non-hover state */
	} */


												/* Places main menu items in header */

ul.menu {								
	background: #676e04;
	font: 1.1em Verdana, Helvetica, Arial, Sans-Serif; /* 11px */
	// color: yellow; 									/* default color, non-hover state */
	margin-bottom: 15px; 									/* you can use margin to control where the padding starts */
	padding-left: 145px; 									/* my menu uses left padding to move it to the center */
	width: 70% !important; 									/* this controls the spacing, my menu uses 70% */
	}


/*  --------------------------------- eng, fr tabs ----------------------------------  */

.englishtab {
	//padding-left: 300px;
	//padding-right: 50px;
	//width: 70% !important;
	position: absolute;
	right: 70px;
	_right: 70px;
}

.frenchtab {
	//width: 70% !important;
	position: absolute;
	right: 0px;
	_right: 0px;
}

.englishtab .frenchtab a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	margin: 0;
}

.englishtab .frenchtab a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
}

/* ----------------------------- .primarymod, .breadcrumb in page_mod template "oeuvres" ----------------------------- */

.breadcrumb {
	font-size: 2.2em;
	padding-left: 20px;
	padding-top: 20px;
}

.primarymod {
	width: 740px;
	_width: 700px; /* IE Hack */
	float: left;
	padding: 20px 0 10px;
	margin: 0 10px 0 30px;
	_margin: 0 20px 0 15px; /* IE Hack */
	display: inline;
	}
	
.primarymod h3, .primarymod h4, .permalink .primarymod .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}
	
.primarymod .item .itemhead .metalink, .comments .primarymod .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}
	
.primarymod .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.primarymod .item .itemtext {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #444;
	}

.primarymod .item .itemtext p,
.primarymod .item .itemtext ul,
.primarymod .item .itemtext ol,
.primarymod .item .itemtext div,
.primarymod .item .itemtext blockquote {
	margin: 13px 0;
	}

.primarymod .aside .itemtext p,
.primarymod .aside .itemtext ul,
.primarymod .aside .itemtext ol,
.primarymod .aside .itemtext div,
.primarymod .aside .itemtext blockquote {
	margin: 5px 0;
	}
	

/* -------------------------------- footer -------------------------------- */

.footer {
	background: #f3f6ed;
	
	width: 980px;
	_width: 920px; /* Check in IE and adjust accordingly */
	//align: center;
	//padding: 0px;
	//margin-left: 60px;
	//width: 920px; /* Width of entire blog */

	}

/* ----------------------------- other stuff ----------------------------- */

.indentor {
	position:absolute;
	padding-left: 50px;
	margin: 10px 0;
}

.indentor2 {
	position:relative;
	padding-left: 50px;
	margin: 3px 0;
	
}

.dator {
	color: #AAAA22;
}

.indentor3 {
	position:absolute;
	padding-left: 50px;
}

div.main {
	position:absolute;
	width:100%;
	height:auto;
	top: 20px;
}

div.mycontent {
	position:absolute;
}

div.section {
	padding-top:15px;
	padding-bottom:0px;
}



div.myitem {
	padding-left:50px;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #CCCCCC;
	width: 250px;
}

div #map-container {
      width: 200px;
      height: 200px;
}