/*

[Table Of Contents] 

	0- Reset & Layout
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body 						{ font-family: Arial, Helvetica, sans-serif; vertical-align: top; font-size:.813em; color: #58595b; line-height:1.4em; background:#DDD;}
.clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
p {margin-bottom:20px;}
blockquote p {margin:0;}

.center {text-align:center; display:inline;}
.noMargin {margin:0;}
.floatleft {float:left; margin:0 20px 0 0;}
div.separator {background:#cbd2d6; height:1px; margin-top:20px; margin-bottom:30px;}
#breadcrumbs {color:#808285; font-weight:bold; font-size:.846em; margin-bottom:40px;}
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover { color:#808285; }
#breadcrumbs a.current:link, #breadcrumbs a.current:visited { text-decoration: none; color: #de6600; }
#breadcrumbs a.current:hover { text-decoration: none; }
.nocrumbs #masthead {
	margin-bottom: 36px;
}
#masthead {
	border-bottom: 1px solid #bac3c8;
}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a			{	color: #de6600; text-decoration:none;}
a:hover 					{	color: #de6600; text-decoration:underline; }
a:visited					{	color: #de6600; }
a.linkDownload {color:#1d81c3; text-decoration:underline; font-size:.923em; display:block; padding:0 0 0 15px; background:url(../images/icon-download-arrow.png) no-repeat left 5px;}
a.altLink {color:#808285;}


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 							{	font: bold 2em Arial, Helvetica, sans-serif; color:#8A1868; line-height:normal; float:left; padding:65px 0 6px 0; width:100%; } 
	h1 img {display:block;}
h2 							{	font: bold 1em Arial, Helvetica, sans-serif; color:#DE6600; line-height:1.3em; text-transform: uppercase;}
h2.alt						{   font-size:1em; font-weight:bold; color:#58595b;	}
h3 							{	font: bold 1em Arial, Helvetica, sans-serif;}
h4 							{	font: bold .875em Arial, Helvetica, sans-serif;}
h5 							{	font: bold .75em Arial, Helvetica, sans-serif; }


/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

	
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#navMain {position: absolute; right: 0; top: 10px; }
#navMain li, #navMain a, #navMain .separator {
	float:left;
}
#navMain li { 
	position: relative;
}
#navMain a {color:#808285;}

#navMain li.selected a, 
#navMain a:hover, 
#navMain li.selected a:hover {
	font-weight:bold; color:#de6600; text-decoration:none;
}
#navMain li li a {
	display: block;
	float: none;
}
#navMain li.selected li a {
	font-weight: normal; color: #808285;
}
#navMain li.selected li a:hover,
#navMain li li.selected a,
#navMain li li.selected a:hover {
	font-weight:bold; color:#de6600;
}

#navMain a:hover {font-weight:normal;}
#navMain .separator {padding:0 4px;}
#navMain li ul {
	position: relative;
	clear: left;
	display: none;
}
#navMain li:hover ul,
#navMain li.selected ul {
		display: block;
}
#navMain li li {
	float: none;
	display: block;
	padding-left: 20px;
	background: transparent url(/images/L.gif) no-repeat 8px 5px;
	zoom: 1;
}

/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#allcontent {background:#fff; padding: 0 10px; position: relative;}

p.feature {font-family:Georgia, "Times New Roman", Times, serif; color:#808285; font-size:1.538em; line-height:1.25em;}

.quoteBoxWide {padding:0 0 0 50px; position:relative; background:url(../images/sprite-quotes.png) no-repeat 0 0; color:#666;}
.quoteBoxWideInner {background:url(../images/sprite-quotes.png) no-repeat right bottom; zoom:1;}
.quoteBoxWideInner p cite { display:block; font-size:.923em;}
.quoteBoxNarrow {position:relative; background:url(../images/sprite-quotes.png) no-repeat 0 0; color:#666; padding:0 0 10px 0;}
.quoteBoxNarrowInner {background:url(../images/sprite-quotes.png) no-repeat right bottom; padding-bottom:0px; zoom:1;}
.quoteBoxNarrowInner p cite { display:block; font-size:.923em; line-height:1.4em;}

.buttonMore {margin:0 auto 20px auto; display:block; padding-top:20px;}
.buttonReturn {padding-top:20px;}

/*#allcontent.keyline {background:#fff url(../images/keyline.png) repeat-x 0 107px; height:auto;}*/

.listBooks {padding:30px 0 0 0;}
.listBooks li {width:112px; float:left; margin-right:24px; font-size:.692em; font-weight:bold;}
.listBooks li.last {margin-right:0;}
.listBooks img {display:block;}
.listBooks a {color:#808285;}
.listBooks a:hover {color: #de6600;}

.grid_10.twoCol {
-moz-column-width: 280px;
-webkit-column-width: 280px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
overflow: visible;
}

.grid_5 ul.twoCol {
-moz-column-width: 130px;
-webkit-column-width: 130px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
}

/*PAGE SPECIFIC RULES*/

	/*HOME*/
	#home h1 {padding:40px 0 3px 0;}
	#home #allcontent.keyline {background-position:0 148px;}
	
	#books .quoteBoxNarrow { padding-bottom: 15px; }
	
	/*VERBAL BRANDING*/
	#brandingAlphabet {color:#808285; font-size:1.833em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.52em; margin-bottom:50px;}
	.color1 {font-weight:bold; color:#8a1868;}
	.color2 {font-weight:bold; color:#de6600;}
	#objets { margin-right: -116px; -webkit-column-break-before: always; }
	
	/*WORKSHOPS*/
	#txtWorkshops {padding-top:138px;}
	
	/*STORYTELLING*/
	#thumbsStorytelling { position: relative; left: -2px; top: 0; }
	#thumbsStorytelling li {margin-right:5px; float:left;}
	#thumbsStorytelling li.last {margin-right:0;}
	#thumbsStorytelling a:link, #thumbsStorytelling a:visited { display: block; border: 2px solid #FFF; }
	#thumbsStorytelling a:hover, #thumbsStorytelling a:active, #thumbsStorytelling a:focus { border-color: #de6600; }
	#thumbsStorytelling img { display: block; }
	#storytelling .quoteBoxNarrowInner p.last { padding-bottom: 10px; }
	#click_to_view { font-size: 75%; }
	
	/*BIO*/
	#contactBox {padding:120px 0 0 0;}
	#contactBox, #contactBox a {color:#808285;}
	#contactBox a:hover {color: #de6600;}

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*
SIFR DON'T TOUCH
*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active .quoteBoxWide h2  {visibility: hidden; font-size:14px; line-height:.1; text-transform: uppercase; }
  .sIFR-active .quoteBoxNarrow h2, .din16px  {visibility: hidden; font-size:16px; line-height:.1; }
  .sIFR-active .quoteBoxWide blockquote {visibility:hidden; font-size:16px;}
  .sIFR-active .quoteBoxNarrow blockquote {visibility:hidden; font-size:18px;}
  .sIFR-active .quoteBoxNarrow.quoteBox18px blockquote {visibility:hidden; font-size:18px;}
}

		
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {padding:15px 0 20px 0; color:#b4b2ad; font-size:.769em;}
#footer p { margin: 0; }