/*

http://www.colourlovers.com/pattern/172921/Herbal_Medicine
http://www.colourlovers.com/palette/665333/Basil_of_Vongole


Black				0C0806		// stage

Dark Brown			593D21 		// header band, h2
Med Brown			785B3E
Light Brown			988B6E
Lightest Brown 		c9bda3  	// blockquotes

Pink				ffccbb		// borders
Light Pink			edd8d1		// background
Ghosted Pink		95756a

Bright Red			D21919 		// links
Darker Red			960203 		// headline (h2-h4)

Light Blue			79BCDB 		// top band


	Lime Green			7EA10D
	Yellow				B8E622

	Bright Blue			348AB3

*/





/* --------------------------------------------------------------------- */
/* Browser resets
/* --------------------------------------------------------------------- */ 

body, h1, h2, h3, h4, form, fieldset, legend, table, th, tr, td, thead, tbody, tfoot, div {
   margin: 0;
   padding: 0;
} 




/* ------------------------------------------------------------------------ */
/* HTML / Body
/* ------------------------------------------------------------------------ */

html {
}

body {
	font: normal normal normal 1em/1.7 Cambria, Georgia, Times, "Times New Roman", serif;
	background: #edd8d1 url(/sup/images/template/background_screen.gif) repeat;
	border: none;
}


.clear { clear: both; height: 0; font-size: 1px; }




h1, h2, h3, h4 {
	font-family: Papyrus, Calibri, "Trebuchet MS", sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2.4em;
	line-height: 1;
	color: #593D21;
	margin-bottom: .2em;
	border-bottom: 1px solid #A6896C;
	padding-bottom: .2em;
}

h2 {
	font-size: 1.8em;
	margin: 1em 0 0 0;
	line-height: 1;
	color: #960203;
}

h3 {
	font-size: 1.4em;
	margin: 1em 0 0 0;
	line-height: 1;
	color: #960203;
}

h4 {
	font-size: 1.2em;
	margin: 1em 0 0 0;
	line-height: 1;
	color: #960203;
}




a {
	text-decoration: underline;
	color: #D21919;
}
a:hover { text-decoration: none; }

img { border: none; -ms-interpolation-mode:bicubic; }


p {
	margin: 1em 0 1.2em 0;
}

code { }
pre  { font-size: .9em; }

input, textarea {
}

blockquote {
	float: right;
	width: 240px;
	margin: 0 0 1em 20px;
	padding: 0 20px;
	background-color: #c9bda3;
	border: 1px solid #988B6E;
	color: #593D21;
	font-style: italic;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
blockquote.photo {
	width: 280px;
	font-style: normal;
	border: none;
	padding: 0;
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

ul.captioned { list-style: none; margin: 1.2em 0; padding-left: 0; }
ul.captioned li {
	list-style: none;
	margin: 0; 
	padding: 0 0 .5em 0; 
	font-size: .9em;
	line-height: 1.3;
	font-style: italic;
}
ul.captioned li img { 	border: 1px solid #785B3E; }
#primary-content ul.captioned li { color: #593D21; }
#secondary-content ul.captioned li { color: #95756a; }

p.affiliations img { display: block; float: left; margin-right: 2em; }

a.download {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	min-height: 16px;
}
a.pdf    { background-image: url(/sup/images/icons/pdf_2.gif); }
a.web    { background-image: url(/sup/images/icons/web.gif); }

p.coaching { font-size: .84em; line-height: 1.3; color: #785B3E; font-style: italic; }


/* ------------------------------------------------------------------------ */
/* Frame (structure)
/* ------------------------------------------------------------------------ */

.frame {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border-left: 1px solid #593D21;
	border-right: 1px solid #593D21;
}





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

#header {
	background: #988b6e url(/sup/images/template/background_header_6.jpg) no-repeat top center;
	padding: 0;
}
	#home #header {
		background: #988b6e url(/sup/images/template/background_header_5.jpg) no-repeat top center;
	}

	#header #logo { 
		float: left; 
		width: 320px;
	}
	
	#header #major-navigation {
		font-size: .94em;
		float: right; 
		font-family: Calibri, "Trebuchet MS", sans-serif;
		vertical-align: bottom;
	}
	#header #major-navigation ul {
		vertical-align: bottom;
		margin: 2em 0 0 0;
		padding: 0;
		list-style: none;
	}
	#header #major-navigation ul li {
		padding-top: 30px;
		margin: 0;
		list-style: none;
		float: left;
		padding-right: 1px;
		font-size: 1.1em;
	}
	#header #major-navigation ul li a {
		display: block;
		padding: .4em .8em;
		background-color: #988b6e;
		text-decoration: none;
		color: #edd8d1;
	}
	#header #major-navigation ul li a:hover { background-color: #785B3E; }
	
	#header #major-navigation ul li.active a,
		#header #major-navigation ul li.active a:hover { background-color: #593D21; }

	#header #major-navigation ul li#nav-contact { border: none; padding-right: 0; }




/* ------------------------------------------------------------------------ */
/* Torso
/* ------------------------------------------------------------------------ */

#torso {
	clear: both;
	border-left: 1px solid #593D21;
	border-right: 1px solid #593D21;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background-color: #fff;
}



/* ------------------------------------------------------------------------ */
/* Stage
/* ------------------------------------------------------------------------ */

#stage {
	background-color: #0c0806;
}
	#stage .visual { 
		float: left;
		width: 320px;
	}
	#stage .message { 
		float: right; 
		width: 600px; 
		padding-top: 30px;
		padding-right: 20px;
		color: #fff;
	}
	#stage .message h1 {
		font-family: Calibri, "Trebuchet MS", sans-serif;
		font-size: 2.3em;
		line-height: 1;
		color: #fff;
		margin: 1em 0;
		padding-bottom: 0;
		border: none;
	}
	#stage .message h1 em  { 
		font-size: 110%; 
		font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
		font-style: italic;
	}
	#stage .message h1 a { color: #fff; text-decoration: none; }
	
	#stage .message p {
		font-size: 1.1em;
		font-style: italic;
		color: #edd8d1;
	}	
	#stage .message p a { color: #edd8d1; text-decoration: none; }





/* ------------------------------------------------------------------------ */
/* Primary Content
/* ------------------------------------------------------------------------ */

#primary-content {
	background-color: #fff;
	float: left;
	width: 600px;
	padding: 2em 20px;
}




/* ------------------------------------------------------------------------ */
/* Secondary Content
/* ------------------------------------------------------------------------ */

#secondary-content {
	background-color: #edd8d1;
	float: right;
	width: 280px;
	padding: 2em 20px;
	text-align: left;
}




/* ------------------------------------------------------------------------ */
/* Footer
/* ------------------------------------------------------------------------ */

#footer {
	padding: 1em 0;
	background: #2e2e2e;
	color: #ccc;
	font-size: .94em;
}
	#footer a { color: #fff; }
	
	#footer ul {
		margin: 0;
		padding: 0 20px;
		float: left;
		list-style: none;
	}
	#footer ul li { float: left; padding-right: 20px; }
	
	#footer p {
		clear: both;
		padding: 1em 20px 0 20px;
		font-size: .84em;
	}





/* ------------------------------------------------------------------------ */
/* Home
/* ------------------------------------------------------------------------ */
#home #torso {
	width: 100%;
	background-color: transparent;
	border: none;
}
#home #primary-content {
	float: right;
	width: 600px;
	padding-top: 0;
	padding-left: 20px;
	padding-right: 20px;
}
#home #secondary-content {
	float: left;
	width: 280px;
	font-size: .9em;
}
.frame.home { background-color: #fff; }

#home #primary-content h3 {
	font-family: Calibri, "Trebuchet MS", sans-serif;
	margin: 0 -20px;
	padding: 10px 20px;
	color: #593D21;
	background-color: #988B6E;
	font-size: .9em;
	line-height: 1.4;
	margin-bottom: 2em;
}

#home #primary-content .highlight { clear: both; padding-top: 3em; }
#home #primary-content .highlight.first { padding-top: 0; }
#home #primary-content .visual { float: left; width: 280px; margin: 1em 20px 1em 0; }
#home #primary-content .visual img { border: 1px solid #785B3E; }
#home #primary-content ul { list-style: none; margin-left: 0; padding-left: 0; font-size: .94em; }
#home #primary-content ul li { list-style: none; margin-left: 0; padding-left: 0; }


/* --------------------------------------------------------------------- */
/* Contact
/* --------------------------------------------------------------------- */

#contact .contact_info {
	font-size: 1.5em;
	line-height: 1.1;
}

#contact .contact_info strong {
	display: block;
	font-weight: normal;
	font-style: italic;
	font-size: .65em;
	line-height: 1.4;
	color: #593D21;
}

#contact .contact_info.email { color: #000; }
#contact .contact_info.email a { text-decoration: none; color: #000; }
#contact .contact_info.email a:hover { text-decoration: none; color: #fff; background-color: #593D21; }

#contact .contact_info.phone { color: #000; }

#contact blockquote { margin-top: 2em; }
#contact blockquote p { line-height: 1.4; }
#contact blockquote p.button { float: left;}
#contact blockquote p.content { margin-left: 85px; }
#contact blockquote p a strong { font-size: 1.1em; display: block; }





/* --------------------------------------------------------------------- */
/* Resources
/* --------------------------------------------------------------------- */

#resources #secondary-content ul { 
	margin: .2em 0 1em 0;
	border-top: 1px solid #ffccbb;
	padding: 0;
}
#resources #secondary-content ul li {
	margin: 0;
	padding: .5em 0;
	font-size: .9em;
	list-style: none;
	border-bottom: 1px solid #ffccbb;
}

.book { clear: both; padding-top: 2em; }
.book img.cover { float: left; margin: 0 1em 20px 0; } 
.book p { margin-left: 160px; }	
.book p.title { margin-top: 0; margin-bottom: 0; font-size: 1.2em; line-height: 1.4; }
.book p.author { margin-top: 0; margin-bottom: 0; font-style: italic; line-height: 1.2; color: #785B3E; }





/* --------------------------------------------------------------------- */
/* Photo Gallery
/* --------------------------------------------------------------------- */

#photos #primary-content { 
	float: none;
	width: 920px;
	padding: 2em 20px;
}

#photos ul.gallery {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
#photos ul.gallery li {
	list-style: none;
	margin: 0; 
	padding: 0 0 3em 0; 
}
#photos ul.gallery li img {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 6px solid #785B3E;
}