@charset "UTF-8";
/* CSS Document */

html,body {
	background:rgb(212,22,4) url(../images/page_background.png) no-repeat 0 0  ;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#header {
	background:#000 url(../images/header_background.jpg) repeat-x;
	width:100%;
}
#banner {
	width:800px;
	margin: 0 auto;
	overflow:auto;
}
.quote_author {
	font-style:normal;
	line-height:167%;
}
#contentWrapper {
	position:relative;
	width:800px;
	margin:0 auto;
	top:20px;
}
/*
	@NAVIGATION
 */
#nav {
	background:rgb(235,235,235);
	height:36px;
	list-style-type:none;
	text-align:center;
	padding-left:10px;
}
ul#nav li {
	float:left;
	display:inline;
	margin: 0 auto;
	padding:10px 0;
}
ul#nav li a.last {
	border-right:none;
}
ul#nav li a {
	display:block;
	border-right:solid 2px #666;
	padding:0 1em;
	margin:0 auto;
	text-align:center;
}
ul#nav li a:hover {
	color:rgb(171,26,11);
}
			/*
			 	@CONTENT
			 */

#primaryContent  {
	float:right;
	margin:0;
	padding:0;
	width:600px;
	clear:right;
	position:relative;
}
#mainContent  {
	float:left;
	margin:0 0 0 15px;
	padding:0;
	width:370px;
	position:relative;
}
#footer {
	font-size:10px;
	position:relative;
	clear:both;
}
#footer, #footer p {padding: .5em;}
/* @Headers */
h1 {font-size:16px;color:rgb(171,26,11);margin:1em .2em;padding:.5em .2em;}
.book_title {font-size:14px;font-style:italic;}
h2 {font-size:16px;color:#474747;margin:.5em .2em;padding:.3em .2em;}
			
/* @Links */
a {
	color:#000;
	text-decoration:none
}
/* @decoration */
.drop_shadow {
	-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,0.35);
	-moz-box-shadow:0 5px 5px -3px rgba(0,0,0,0.35);
	box-shadow:0 5px 5px -3px rgba(0,0,0,0.35);
}
.rounded_corners {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* -- Homepage -- */
#content {
	margin-top:30px;
	width:100%;
	background:rgb(235,235,235);
	overflow:auto;
	height:100%;
}
#banner img {
	float:left;
}
#banner blockquote {
	float:right;
	color:#fff;
	margin: 50px 0 0 0;
	font-size: 12px;
	font-style: italic;
	line-height: 143%;
	width:450px;
}
#mainContent blockquote {margin:1em auto;}
#secondaryLinks_colA {
	float:left;
	width:185px;
	margin:0 0 13px 10px;
	padding:0;
	list-style:none;
	clear:left;
	position:relative;
}
#secondaryLinks_colB {
	float:right;
	width:185px;
	margin:0 15px 0 0;
	padding:0;
	list-style:none;
	clear:right;
	position:relative;
}
#secondaryLinks_colA li, #secondaryLinks_colB li {;margin:13px 0 0 0;}
.outset_borders {border:outset 2px #ccc;}
img.outset_borders:hover, h1.outset_borders:hover {border-right:solid 2px rgb(171,26,11);border-bottom:solid 2px #ab1a0b;}

/* -- About Peter -- */
.homepage #primaryContent  {
	float:right;
	margin:0;
	padding:0;
	width:600px;
	clear:right;
	position:relative;
}
#primaryContent {
	float:none;
	display:block;
	width:90%;
	margin:10px auto;
}
dl.pb_staff {
	overflow:auto;
	margin:1em 0;
}
dl.pb_staff dt {width:12%;float:left;padding-right:15px;}
dl.pb_staff dd {width:80%;float:left;}
dd {margin-bottom:3em;}
a[href*="mailto:"] {text-decoration:underline;}
#primaryContent a[href*="http://"], #primaryContent a[href*="https://"] {color:rgb(171,26,11);text-decoration:underline;}
#primaryContent p {margin-bottom:10px;}
/* -- EVENTS -- */
.event {margin:3em 0}
.date, .title {font-weight:bold;}
.date {font-size:13px;}
/* -- ORGANIZATIONS -- */

/* -- CONTACT -- */
sup {vertical-align:top;}
#contactForm {width:95%;margin:auto;float:left;}
#contactForm ul li {margin:1.2em;}
div#content fieldset {width:90%;margin:0 5% 20px 5%;float:left;}
fieldset #contactDetails strong {font-size:.8em;}
fieldset.msg {padding-top:25px;}
fieldset ul {list-style-type:none;}
fieldset ul li {line-height:25px;margin-bottom:5px;}
fieldset ul li label {float:left;margin-right:.4em;text-align:left;width:6.7em}
legend {font-family: Times, "Times New Roman";font-size: 1.5em;font-weight: 700;}
legend strong {font-size:.9em;}
fieldset input[text]:focus {background:#FFFFCC;}
fieldset.submit {border-style:none;padding:1em 0 .5em 0;width:auto;border: 0 none #fff;text-align:center;}
fieldset.submit legend {display: none;}
filedset + fieldset {margin-top:25px;}
.go_home {text-align:center;padding-bottom:2em;text-decoration:underline;} 
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
	font-size: .8em;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
/* -- PEOPLE -- */
.people #primaryContent ul,.recordings #primaryContent ul, .new_writing #primaryContent ul li {margin:1.5em auto;}
.person {font-weight:bold}
/* -- COMMUNITY -- */
.community_header {color:#000;}

.print {
	margin:1.5em auto;
	line-height:16px;
	text-align:center;
}
.print_title {display:none;}