@charset "utf-8";
/* *************************
   EDITABLE PART
   ************************* */

	/* Here you can modify the text family, size, color & justification */
	#editable_area {
		font-size:12px;
		font-family:"Times New Roman", Times, serif;
		color:#24211a;
		text-align:justify;
	}
	#editable_area a {
		color:#2f4d57;
	}
	#editable_area a:hover {
		color:#1c7f7a;
	}
	/* Here you can modify the general main container border color */
	#main_container, #main_container #col_right, .horizontal_border {
		border-color:#24211a;
	}
	/* Here you can modify the home main container border color 
	#main_container.home, #main_container.home #col_right {
		border-color:#2e1e11;
	}*/
	/* Here you can modify the general background */
	#main_container, #main_container #col_left .container, #page_title .text_container {
		background-color:#f5f1ea;
		background-image:url(layout/container-background.jpg);
	} /* And this border property must be the same */
	#page_title .text_container {
		border-color:#f5f1ea;
	}
	.text_overflow {color:#f5f1ea;}
	
/* *************************
   END OF THE EDITABLE PART
   ************************* */


body {background:url(layout/body-background.jpg) repeat 0 0;margin:0;padding:0;}
#main_container {width:785px;margin:40px auto 0 auto;border-width:5px;border-style:solid;}

/* Col Left */
#main_container #col_left {float:left;width:270px;}

#col_left #picture {padding:5px; height:383px;}
/* Editable Area */
#editable_area {padding:15px 0;}

/* Col Right */
#main_container #col_right {
	float:left;
	margin:0;
	padding:20px 0 70px 0;
	width:500px;
	border-left-width:5px;
	border-left-style:solid;
	min-height:520px;
	height:auto !important;
	height:520px;
	position:relative;
}
#main_container #col_right .container {width:auto;margin:0 50px;}

/* Home */
#main_container.home #col_left {width:auto;}
#main_container.home #col_right {border:none;width:400px;height:auto;min-height:auto;padding-bottom:0;}
#main_container.home #col_right .container {width:290px;margin:auto;}
#main_container.home #col_left #picture {padding:0;height:auto;}

/* Utils */
br.clear {padding:0;margin:0;line-height:0;font-size:0;clear:both;display:block;height:0px;}
.position {position:absolute;left:0;width:500px;}
.position.bottom {bottom:25px;}
.position.bottom .horizontal_border {width:294px;}

/* Sprites */
.text_container, .text_overflow, .ornament {background-image:url(layout/sprite.png);background-repeat:no-repeat;}
.text_container {display:inline-block;background-position:-5000px -5000px;margin:auto;}
.text_overflow {display:inline-block;overflow:hidden;width:100%;font-size:0px;text-align:right;line-height:0; margin:0; padding:0;}

/* Ornaments */
.horizontal_border {border-bottom-width:1px;border-bottom-style:solid;height:0px;width:100%;margin:0 auto;font-size:0px;display:block;overflow:hidden;line-height:0;padding:0;}
.ornament {width:72px;height:26px;display:block;margin:auto;background-position:0 -30px;clear:both;}
.ornament.top {background-position:0 -60px;}
.ornament.bottom {background-position:0 -30px;}

/* Nav & Subnav */
#nav, #nav li, #subnav, #subnav li, #picture, #catherine_delors {font-size:0;list-style:none;margin:0;padding:0;line-height:0;}
#nav a, #subnav a {text-decoration:none;}

/* Nav */
#nav {width:auto;text-align:center;padding-top:10px;padding-bottom:10px;}
#nav li {overflow:hidden;}

#nav li a {display:block;cursor:pointer;margin-left:-30px;}
#nav li a .text_container {padding-left:30px;margin:auto;}
#nav li a .text_overflow {height:30px;}
#nav li a:hover .text_container {background-position:0 0;}
#nav li.hover a {cursor:default;}
#nav li.hover a:hover .text_container {background:none;}

#nav li.for_the_king a .text_container {width:88px;}
#nav li.for_the_king a .text_overflow {background-position:0 -400px;}
#nav li.for_the_king a:hover .text_overflow, #nav li.for_the_king.hover a .text_overflow {background-position:0 -430px;}

#nav li.mistress_of_the_revolution a .text_container {width:184px;}
#nav li.mistress_of_the_revolution a .text_overflow {background-position:0 -340px;}
#nav li.mistress_of_the_revolution a:hover .text_overflow, #nav li.mistress_of_the_revolution.hover a .text_overflow {background-position:0 -370px;}

#nav li.about_catherine a .text_container {width:116px;}
#nav li.about_catherine a .text_overflow {background-position:0 -280px;}
#nav li.about_catherine a:hover .text_overflow, #nav li.about_catherine.hover a .text_overflow {background-position:0 -310px;}

#nav li.from_unpublished_to_published a .text_container {width:220px;}
#nav li.from_unpublished_to_published a .text_overflow {background-position:0 -220px;}
#nav li.from_unpublished_to_published a:hover .text_overflow, #nav li.from_unpublished_to_published.hover a .text_overflow {background-position:0 -250px;}

#nav li.order a .text_container {width:42px;}
#nav li.order a .text_overflow {background-position:0 -160px;}
#nav li.order a:hover .text_overflow, #nav li.order.hover a .text_overflow {background-position:0 -190px;}

#nav li.contact_blog a .text_container {width:104px;}
#nav li.contact_blog a .text_overflow {background-position:0 -100px;}
#nav li.contact_blog a:hover .text_overflow, #nav li.contact_blog.hover a .text_overflow {background-position:0 -130px;}

/* Subnav */
#subnav {clear:both;text-align:center; padding-bottom:10px;}
#subnav.right {text-align:right;}
#subnav li {width:auto;display:inline; padding:0 9px;}
#subnav li a {cursor:pointer;}
#subnav li a .text_container {}
#subnav li a .text_overflow {height:14px;}
#subnav li.excerpt a .text_container {margin:auto;}

#subnav li.excerpt a .text_container {width:39px;}
#subnav li.excerpt a .text_overflow {background-position:-250px -100px;}
#subnav li.excerpt a:hover .text_overflow, #subnav li.excerpt.hover a .text_overflow {background-position:-250px -115px;}

#subnav li.qa a .text_container {width:29px;}
#subnav li.qa a .text_overflow {background-position:-250px -130px;}
#subnav li.qa a:hover .text_overflow, #subnav li.qa.hover a .text_overflow {background-position:-250px -145px;}

#subnav li.resources a .text_container {width:51px;}
#subnav li.resources a .text_overflow {background-position:-250px -160px;}
#subnav li.resources a:hover .text_overflow, #subnav li.resources.hover a .text_overflow {background-position:-250px -175px;}

#subnav li.for_book_groups a .text_container {width:77px;}
#subnav li.for_book_groups a .text_overflow {background-position:-250px -190px;}
#subnav li.for_book_groups a:hover .text_overflow, #subnav li.for_book_groups.hover a .text_overflow {background-position:-250px -205px;}

#subnav li.home a .text_container {width:31px;}
#subnav li.home a .text_overflow {background-position:-250px -220px;}
#subnav li.home a:hover .text_overflow {background-position:-250px -235px;}

#subnav li.the_journey a .text_container {width:62px;}
#subnav li.the_journey a .text_overflow {background-position:-250px -250px;}
#subnav li.the_journey a:hover .text_overflow, #subnav li.the_journey.hover a .text_overflow {background-position:-250px -265px;}

#subnav li.my_query a .text_container {width:52px;}
#subnav li.my_query a .text_overflow {background-position:-250px -280px;}
#subnav li.my_query a:hover .text_overflow, #subnav li.my_query.hover a .text_overflow {background-position:-250px -295px;}

#subnav li.reviews a .text_container {width:43px;}
#subnav li.reviews a .text_overflow {background-position:-250px -310px;}
#subnav li.reviews a:hover .text_overflow, #subnav li.reviews.hover a .text_overflow {background-position:-250px -325px;}

/* Catherine Delors */
#catherine_delors {position:relative;text-align:center;margin:0;padding:0;}
#catherine_delors .horizontal_border {width:294px;margin-top:15px;}
#catherine_delors .text_container {width:294px;}
#catherine_delors .text_overflow {height:30px;background-position:-75px -30px;}

/* Page Title */
#page_title {position:relative;text-align:center;padding-top:15px;}
#page_title .horizontal_border {position:relative;top:12px;}
#page_title .text_container {border-width:20px;border-style:solid;border-top:none;border-bottom:none;position:relative;z-index:1;}
#page_title .text_overflow {height:30px;}

#page_title.for_the_king .text_container {width:130px;}
#page_title.for_the_king .text_overflow {background-position:-450px -100px;}

#page_title.mistress_of_the_revolution .text_container {width:268px;}
#page_title.mistress_of_the_revolution .text_overflow {background-position:-450px -130px;}

#page_title.about_catherine .text_container {width:168px;}
#page_title.about_catherine .text_overflow {background-position:-450px -160px;}

#page_title.from_unpublished_to_published .text_container {width:322px;}
#page_title.from_unpublished_to_published .text_overflow {background-position:-450px -190px;}

#page_title.order .text_container {width:60px;}
#page_title.order .text_overflow {background-position:-450px -220px;}

#page_title.contact_blog .text_container {width:154px;}
#page_title.contact_blog .text_overflow {background-position:-450px -250px;}