html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font-family: verdana, "trebuchet ms", tahoma, calibri, arial, sans-serif; 
	font-size: small; 
	line-height: 150%; 
	color: #3f4857; 
	background: #fff url(images/body.gif) repeat-y 50% 0; 
	border-top: 2px solid #659aac; 
	} 




/* << main structural elements >> */ 


#header  { 
	float: left; 
	width: 100%; 
	height: 100px; 
	background: url(images/h1blue.gif) repeat 50% 0; 
	} 

.inner  { 
	position: relative; 
	width: 910px; 
	margin: 0 auto; 
	} 

#container  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#main  { 
	float: right; 
	width: 690px; 
	} 

#nav  { 
	float: left; 
	width: 200px; 
	background: #cdd7db; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	padding: 10px 0 40px 0; 
	font-size: 90%; 
	font-family: constantia, georgia, serif; 
	line-height: 120%; 
	border-top: 2px solid #659aac; 
	} 

#intro  { 
	float: left; 
	width: 430px; 
	} 

#appreciation  { 
	float: right; 
	width: 240px; 
	margin: 15px 0 0 0; 
	font-family: constantia, georgia, serif; 
	background: #f9f9f9 url(images/quotetop.gif) no-repeat 0 0; 
	} 

#quotes  { 
	float: left; 
	width: 200px; 
	padding: 0 20px 20px 20px; 
	background: url(images/quotebottom.gif) no-repeat 0 100%; 
	} 

body#workshops #intro  { 
	width: 460px; 
	} 

#specialities  { 
	float: right; 
	width: 200px; 
	} 

#workshopthemes  { 
	float: left; 
	width: 330px; 
	} 

#venues  { 
	float: left; 
	width: 690px; 
	} 

body#workshops #venues  { 
	float: right; 
	width: 330px; 
	} 

#readings1  { 
	float: left; 
	width: 330px; 
	} 

#readings2  { 
	float: right; 
	width: 330px; 
	} 

#interviews1  { 
	float: left; 
	width: 230px; 
	} 

#interviews2  { 
	float: right; 
	width: 430px; 
	} 




/* << links >> */ 


a:link  { 
	color: #b43222; /* dark red */ 
	text-decoration: none; 
	} 

a:visited  { 
	color: #986d61; 
	text-decoration: none; 
	} 

a:hover { 
	color: #325fb0; /* blue */ 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #c4bfba; 
	outline: none; 
	} 

a:active  { 
	color: #1706f7; 
	} 

#nav a  { 
	float: left; 
	width: 160px; 
	display: block; 
	margin: 0; 
	padding: 6px 20px; 
	font-family: constantia, georgia, serif; 
	color: #b43222; /* dark red */ 
	text-decoration: none; 
	} 

#nav a:hover  { 
	color: #325fb0; /* blue */ 
	background: #f6f7f8; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index li#navindex a, 
body#publications ul li#navpublications a, 
body#coffee ul li#navcoffee a, 
body#workshops ul li#navworkshops a, 
body#classes ul li#navclasses a, 
body#readings ul li#navreadings a, 
body#world ul li#navworld a, 
body#interviews ul li#navinterviews a, 
body#contact #nav ul li#navcontact a  { 
	color: #325fb0; /* blue */ 
	background: #cdd7db; 
	} 

body#index li#navindex a:hover, 
body#publications ul li#navpublications a:hover, 
body#coffee ul li#navcoffee a:hover, 
body#workshops ul li#navworkshops a:hover, 
body#classes ul li#navclasses a:hover, 
body#readings ul li#navreadings a:hover, 
body#world ul li#navworld a:hover, 
body#interviews ul li#navinterviews a:hover, 
body#contact #nav ul li#navcontact a:hover  { 
	color: #325fb0; 
	background: #cdd7db; 
	cursor: default; 
	} 

body#sitemap li#navsitemap a, 
body#credits li#navcredits a  { 
	color: #3f4857; 
	} 

body#sitemap li#navsitemap a:hover, 
body#credits li#navcredits a:hover  { 
	color: #3f4857; 
	cursor: default; 
	text-decoration: none; 
	} 

h1 a, 
h1 a:hover  { 
	float: left; 
	width: 910px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	text-decoration: none; 
	background: url(images/h1.gif) repeat-x 0 0; 
	} 

li#validhtml a  { 
	float: left; 
	width: 88px; 
	height: 31px; 
	text-indent: -5000px; 
	background: url(images/valid_html.gif) no-repeat 0 0; 
	} 

li#validhtml a:hover  { 
	background: url(images/valid_html.gif) no-repeat 0 -31px; 
	} 

li#validcss a  { 
	float: left; 
	width: 88px; 
	height: 31px; 
	text-indent: -5000px; 
	background: url(images/valid_css.gif) no-repeat 0 0; 
	} 

li#validcss a:hover  { 
	background: url(images/valid_css.gif) no-repeat 0 -31px; 
	} 





/* << headers >> */ 


h1  { 
	float: left; 
	width: 910px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/h1.gif) repeat-x 0 0; 
	} 

h2  { 
	margin: 0 0 10px 0; 
	padding: 20px 0 5px 0; 
	font-size: 190%; 
	line-height: 150%; 
	font-weight: normal; 
	font-family: constantia, georgia, serif; 
	color: #f28822; /* orange-brown */ 
	border-bottom: 1px solid #d6dbe0; 
	} 

h3  { 
	margin: 0 0 5px 0; 
	padding: 20px 0 0 0; 
	font-family: constantia, georgia, serif; 
	font-size: 150%; 
	line-height: 150%; 
	font-weight: normal; 
	color: #f28822; /* orange-brown */ 
	border-bottom: 1px solid #d6dbe0; 
	} 

#appreciation h3  { 
	width: 200px; 
	margin: 0; 
	padding: 15px 20px 5px 20px; 
	border: none; 
	} 

#specialities h3  { 
	padding: 15px 0 0 0; 
	border: none; 
	} 





/* << paragraphs >> */ 


p  { 
	margin: 0; 
	padding: 0.8em 0 0 0; 
	} 

#siteinfo p  { 
	float: left; 
	width: 500px; 
	padding: 0.8em 0 0 220px; 
	} 





/* << lists >> */ 


ul  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style-type: disc; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#nav ul  { 
	float: left; 
	width: 200px; 
	margin: 0; 
	padding: 0 0 10px 0; 
	list-style-type: none; 
	} 

#nav ul li  { 
	float: left; 
	padding: 0; 
	} 

body#readings #main ul, 
body#interviews #main ul  { 
	padding: 10px 0 0 20px; 
	} 

body#sitemap #main ul  { 
	float: left; 
	width: 670px; 
	padding: 10px 0 0 20px; 
	} 

#siteinfo ul#validity  { 
	position: relative; 
	float: left; 
	width: 200px; 
	padding: 0; 
	list-style-type: none; 
	} 

#siteinfo ul#validity li#validhtml  { 
	position: absolute; 
	top: 10px; 
	left: 56px; 
	width: 88px; 
	height: 31px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/valid_html.gif) no-repeat 0 0; 
	} 

#siteinfo ul#validity li#validcss  { 
	position: absolute; 
	top: 50px; 
	left: 56px; 
	width: 88px; 
	height: 31px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/valid_css.gif) no-repeat 0 0; 
	} 

#siteinfo ul#minornav  { 
	float: left; 
	width: auto; 
	margin: 1.5em 0 0 0; 
	padding: 0 0 0 220px; 
	list-style-type: none; 
	} 

#siteinfo ul#minornav li  { 
	display: inline; 
	padding: 0 10px 3px 0; 
	} 

#siteinfo ul#minornav li#navcredits  { 
	padding: 0 0 3px 20px; 
	background: url(images/dot.png) no-repeat 0 50%; 
	} 

dl  { 
	float: right; 
	width: 240px; 
	margin: 0; 
	padding: 5px 0; 
	} 

dt  { 
	margin: 15px 0 5px 0; 
	padding: 0; 
	font-size: 140%; 
	font-family: constantia, georgia, serif; 
	color: #f28822; 
	} 

dd  { 
	margin: 0; 
	padding: 0 0 5px 10px; 
	} 





/* << search form >> */ 



#nav form  { 
	float: left; 
	width: 180px; 
	padding: 10px 0 10px 20px; 
	} 

#nav form input  { 
	width: 150px; 
	margin: 0 0 10px 0; 
	} 

#nav form input.submit  { 
	float: left; 
	padding: 0; 
	color: #b43222; /* dark red */ 
	} 

#nav form input.submit:hover  { 
	color: #1706f7; /* blue */ 
	cursor: pointer; 
	} 




/* << contact forms >> */ 



#contactform form  { 
	float: left; 
	width: 400px; 
	margin: 0; 
	padding: 10px 20px; 
	} 

#contactform form div  { 
	margin: 1em 0 0 0; 
	} 

#contactform label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

#contactform label.message  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

#contactform input  { 
	width: 240px; 
	padding: 2px; 
	} 

#contactform input.submitform  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	} 

#contactform input.submitform:hover  { 
	color: #1706f7; /* blue */ 
	cursor: pointer; 
	} 

#contactform textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	} 

#contactform .validation-advice {
	margin: 5px 0; 
	padding: 5px 10px; 
	background-color: #fff; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	border: 1px solid #b43222; 
	} 




/* << minor, decorative elements >> */ 



img  { 
	float: right; 
	margin: 10px 0 10px 15px; 
	padding: 3px; 
	background: #d6dbe0; 
	border: 1px solid #659aac; 
	} 

#nav img  { 
	float: left; 
	margin: 20px 0 20px 12px; 
	border: 1px solid #f6f7f8; 
	} 

img#panel  { 
	float: left; 
	margin: 20px 0 10px 0; 
	} 

img#desk  { 
	margin: 20px 0 10px 0; 
	} 

#siteinfo img  { 
	border: none; 
	} 

body#publications #main img  { 
	float: left; 
	margin: 20px 0 10px 20px; 
	} 

em  { 
	font-style: italic; 
	} 

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

h3+blockquote  { 
	margin: 0 0 5px 0; 
	} 

cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #3f4857; 
	cursor: help; 
	}