/*********************************************************************************************************
1.) Basic Layout and commonly used container classes
**********************************************************************************************************/
/*Small reset*/

#top #nav .current_page_item a{
	font-weight: bold;
}


body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
margin:0;
padding:0;
}

body{
	font-size:15px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height:21px;
	position:relative;
	background:#fff;
}

#top{
width:100%; max-width:1040px;
margin:0 auto;
position:relative;
clear: both;
}

#main{
	clear:both;
	position: relative;
	padding:10px 0 0 0px;
	float:left;
	width:100%;  max-width:1040px;
}

#main-books{
	clear:both;
	position: relative;
	padding:10px 0 0 0px;
	float:left;
	width:100%;  
	max-width:1040px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: center;
    padding-top: 50px;
	padding-bottom: 100px;
}

#main-books.home{
	padding-top: 100px;
	padding-bottom: 100px;
}

#main-work{
	clear:both;
	position: relative;
	float:left;
	width:100%; max-width:1040px;
}

#footer{
	width:100%; max-width:1040px;
	margin:0 auto;
	clear: both;
	padding: 5px 0px 70px;
	font-size: 10px;
	text-align: center;
}

.wrapper{
	clear:both;
	position:relative;
	float:left;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 30px;
}

.wrapper-home{
	clear:both;
	position:relative;
	float:left;
	padding-bottom:0px;
	max-width:1040px;
	width:100%;
}

.wrapper-contact{
	clear:both;
	position:relative;
	float:left;
	padding-bottom:20px;
	max-width:1040px;
	width:100%;
	background-color: #FFFFFF;
	padding-top: 20px;
}

.wrapper_side{
width:300px!important;
float:left;
}



.box{
	position:relative;
	float:left;
	display: block;
	z-index: 1;
}

#top .box3{
border: none;
margin-right:0;
padding-right:0;
}

.box_small{
	width:25%;
	z-index: 2;
	text-align: center;
}

.box_medium{
    width: 100%;
    max-width: 72%;
    padding-right: 2%;
}
.contact-box_medium{
	width:72%;
	padding-right: 20px;
}

#top .box_big{
width:100%; max-width:1040px;
border:none;
}

.box .box1{
margin-right:14px;
}

.box .box2{
margin-right:14px;
}

.box .box3{
padding-right:0;
margin-right:0;
border-right:0;
}

/* Home Boxes */

.home-box{
	position:relative;
	float:left;
	display: block;
	z-index: 1;
	text-align: center;
}

.home-box.lefty{
	   text-align: left;
}

.home-box_small{
max-width:28%;
z-index: 2;
}









/*********************************************************************************************************
2.) Head Area: 
**********************************************************************************************************/	
#head{
	height:60px;
	margin:0 auto;
	position:relative;
	width:100%; max-width:1040px;
	z-index:5;
	padding-top: 10px;
}

.logo, .logo a{
	display:block;
	height:57px;
	max-width:374px;
	width:100%;
}

#top .logo a{
top:0px;
left:-5px;
text-indent:-9999px;
outline:none;
}


/*image slider*/
#featured{
	height:310px;
	clear: both;
	position: relative;
	margin-top: 10px;
}

.featured_item{
position:absolute;
width:292px;
top:100px;
left:318px;
z-index: 1;
overflow: hidden;
cursor: pointer;
}

#top .featured_item_active{
	position:absolute;
	width:519px;
	top:0px;
	left:216px;
	z-index: 3;
}

#top .featured_item_active img{
	width:509px;
}

#top .featured_item_last, #top .featured_item_upcoming{
	width:392px;
	left:50px;
	top:60px;
	z-index: 2;
}



#top #featured .featured_item_upcoming{
left:500px;
}

#top #featured .featured3{
left:647px;
}

#top #featured .featured4{
left:0px;
}

.featured_item img{
width:280px;
}

#top .featured_item_last img, #top .featured_item_upcoming img{
width:380px;
}

.item, .wrapper img{
	margin-top: 10px;
}




.item_shadow{
margin: 0 auto;
}

.featured_item img{
display:block;
position: relative;
}


.additional_info{
position: relative;
clear: both;
padding:25px 0 25px 0;
}

.additional_info h2{
font-size: 24px;
width:760px;
font-weight: normal;
padding:0;
}

.additional_info h2 a{
text-decoration: underline;
}

.additional_info h2 a:hover{
text-decoration: none;
}

#twitterbox{
min-height:66px;
}

#twitterbox h2{
padding:0 0 0 104px;
}

#tweet_follow{
height:64px;
left:0;
position:absolute;
top:28px;
width:64px;
}


#head #searchform{
position: absolute;
right:-4px;
bottom: 5px;
width:264px;
height:30px;
}

/*alternate image slider*/

.featured_alternate{
top:10px;
position: absolute;
z-index: 1;
}

#top .featured_alternate_active{
z-index: 2;
}


/*navigation*/


#top #nav{
	max-width: 420px;
	width:100%;
	float: right;
	margin-top: 15px;
}


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:5;

}


#top #nav a{
height:36px;
display:inline;
padding:0;
text-decoration:none;
text-align:center;
line-height:28px; 
outline:none;
z-index:35;
position:relative;
float:right;
margin: 0 0 0 30px;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}


#top #nav .current_page_item ul a{
font-weight: normal;
}

#top #nav ul a{
line-height:33px; 
}

#top #nav li{
float:right;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
left:-19px;
position:absolute;
top:35px;
width:172px;

}

#top #nav li ul a{
width:128px;
height:auto;
float:left;
text-align:left;
padding:0 21px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul {
left:171px;
top:-1px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{
border-top:none;
}


/*********************************************************************************************************
3.) Additional info Area: 
**********************************************************************************************************/	

.advanced_button{
height:72px;
width:222px;
display: block;
text-indent: -9999px;
}

.get_in_touch{
position:absolute;
right:0;
top:20px;
outline: none;
}

/*********************************************************************************************************
4.) Content Area: 
**********************************************************************************************************/	

.entry {
	max-width:615px;
	width:100%;
	float:left;
	clear:both;
	padding-bottom:10px;
	position: relative;
}

.about-entry{
	max-width:100%;
}

.entry-head{
display: block;
position: relative;
top:-12px;
font-size: 10px;
padding:0 0 0 1px;
}

.entry-head a{
text-decoration: none;
}
.entry-head a:hover{
text-decoration: underline;
}

.entry-head span{
padding:0 5px;
}

.entry-head .categories{
padding:0 5px 0 0;
}

.entry li {
padding:3px 10px;
}

.entry ul, .entry ol {
list-style-position:inside;
list-style-type:disc;
margin:0;
padding:0 0 20px;
}

#top .entry ol {
list-style-type:decimal;
}



/*********************************************************************************************************
5.) Sidebar area
**********************************************************************************************************/	

.book-side-1 {
	float:left;
	width:100px;
	font-size: 12px;
	padding-right: 20px;
}

.book-side-2 {
	height:150px;
	width:185px;
	font-size: 12px;
}

.widget ul{
list-style-position: outside;
list-style-type: none;
padding: 0;
margin: 0;
}

#top #latest_news .post_name{
	font-size: 13px;
	display: block;
}



#top #latest_news a, .widget a{
	padding:10px 3px;
	text-decoration: none;
}

.latest_news {
	margin-top: 15px;
}



.meta_sub{
padding-right:4px;
}

#top .widget a{
}

.widget{
	width:292px;
	float:left;
	clear:both;
	padding-bottom:5px;
	
}

.latest-books{
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.latest_books_box , .box_small{
	width:25%;
	padding: 10px 10px 20px 10px;
}

.latest-books img , .box_small img {
	max-width: 80%;
width: auto;
height: auto;
}

/*generic*/


blockquote {
font-size:12px;
font-style:italic;
margin:0 0 20px;
padding:10px 20px 10px 41px;
}

a{
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

a img{
border:none;
}

p{ padding: 0 0 1em ; clear:both;}


ul, ol{
list-style-position:outside;
margin-left:20px;
}

#sidebar ul, #sidebar ol{
margin-left:0px;
}

#sidebar li{
list-style-type:none;	
}


h1,h2,h3,h4,h5,h6, legend{
font-weight:normal;
padding-bottom:5px;
line-height:1.4em;
}

h1{clear:both; font-size:32px;font-weight:bold;}
h2{font-size:24px; clear:both;}
h3, legend{
	font-size:18px;
	clear:both;
}
h4{font-size:16px; clear:both;}
h5{font-size:14px; clear:both;}
h6{font-size:13px; clear:both;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
text-decoration:none;
} 



blockquote p{
padding:11px 0px;
}

blockquote{
margin:0 0 22px 5px;
padding:0 15px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clearboth{
clear:both;
}

.alignleft{
	padding: 0px 15px 15px 0px;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

#top .wp-smiley{
border:none;
padding:0;
}

.meta{
display:block;
position:relative;
top:3px;
font-size:11px;
line-height:14px;
}


.more-link {
clear:both;
display:block;
line-height:20px;
padding:0 0 0 16px;
text-decoration:none;
width:75px;
}



/*CONTACT FORM*/	



#searchsubmit, #send, #top #submit{
	cursor:pointer;
	}



#s{
height:16px;
position:absolute;
bottom:2px;
}

	
#s, .text_input, .text_area{
padding:4px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:200px;
font-size:11.5px;
}

#searchsubmit, #send, #submit{
padding:4px 20px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
font-size:11.5px;
}

.hidden{
	display:none;
	}
#commentform{
	padding-bottom:20px;
	}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
	padding-left:7px;
	}
.blocklabel{
	display:block;
	padding:10px 0 0 0;
}

#top .text_area{
	width:450px;
	}
	
/*CONTACT FORM*/	
#send, #top #submit{
	cursor:pointer;
	
	}
	

	
#searchsubmit{
width: 53px;
height:34px;
padding:0;
margin:0;
cursor: pointer;
text-indent: -9999px;
border: none;
position: absolute;
bottom:-2px;
right:0;
}


.ajax_form{
padding-bottom:30px;
}

.image-blank {

border:none; 
padding:0;
}

.latest_books_left {
	float: left;
	width: 100px;
	padding-right: 17px;
}
.latest_books_right {
	float: right;
	width: 283px;
}
.latest_books_box {
	clear:both;
	margin-bottom: 5px;
	
	padding-bottom: 5px;
	text-align:center;
	margin: 30px 0;
}

.menu-icon{
	display:none;
}

#contact-wrapper img{
	max-width:100%;
	width:auto;
	height:auto;
}

img.float-left , img.float-right{
	max-width:100%;
	height:auto;
	width:auto;
	
	max-width:300px;
}

img.float-left {
	float:left;
	margin: 0px 20px 0 0;
}
img.float-right {
	float:left;
	margin: 0px 0px 0 20px;
}

.entry h3{
	margin: 20px 0;
}

.flex--threecol{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

}
.flex--threecol p {
	max-width:50%;
	-ms-flex-item-align: start;
	    align-self: flex-start;
}

.flex--threecol img{
	max-width:25%;
	-ms-flex-item-align: start;
	    align-self: flex-start;
}

.responsive-img{
	max-width:100%;
	width:auto;
	height:auto;
}

@media only screen and (max-width:800px){

	h1.main-title{
		text-align:center;
	}

	#main-books.home{
		padding-top:50px;
	}

	.menu-icon{
		display:block;
	}

	#top #nav{
		display:none;
		transform: rotate(
180deg
);
	}

	#top #nav li {
	    display:block;
		float: none;
		transform: rotate(
180deg
);
	}

	#top #nav a{
		float:none;
	}

	body #christiane_dorion{
		max-width:80%;
	}

	.menu-icon{
		position:absolute; 
		top:15px;
		right:5px;
	}

	.latest_books_box {
		width:50%;
	}

	.latest-books img {
		max-width: 100%;
	}

	.box_small {
		width: 50%;
	}

	#contact-wrapper{
		margin-top:50px;
	}

	img.float-left , img.float-right{
		max-width:100%;
		height:auto;
		width:auto;
		margin: 20px 0;
	}

	.flex--threecol{
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}

	.flex--threecol p , .flex--threecol img{
		max-width:100%;
		-ms-flex-item-align: start;
		    align-self: flex-start;
	}

	.box_medium, .home-box_small , .contact-box_medium{
		max-width:100%;
		text-align:center;
		width:100%;
		padding-right:0px;
	}


	.contact-box_medium{
		margin-bottom:30px;
	}

}

.button { 
	background: #94ab59;
    color: white;
    padding: 5px 20px;
    display: inline-block;
    text-decoration: none;
	border:2px solid #94ab59;
}

.button:hover { 
	color: white;
    background: #3d4788;
}

h1.main-title{
    clear: both;
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: 400;
    text-transform: uppercase;
	letter-spacing: 3px;
	width:100%;
}


@media only screen and (min-width:800px){ 

	#head {
		padding-top:40px;
	}


}


.book-details{
	float: left;
width: 100%;
height: auto;
}

.book-details img{
	display: block;
	margin: 20px auto;
	max-width: 100%;
    height: auto;
}

.back-button{
	margin-top: 20px;
    background: grey;
    border: grey;
}