/*
Navy Blue #001C70
Dark brown #4A3214
Grey-brown #C9C6C0
Pastel brown #F5F1E9
*/
* {
margin: 0;
padding: 0;
}
body {
font: 62.5% 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif;
background: #F5F1E9;
color: #4A3214; 
}
a img {
border: none;
}
a:link, a:visited {
color: #001C70;
text-decoration: underline;
}
a:hover, a:active {
color: #001C70;
}

del {
text-decoration: line-through;
}


/* Header */

#header_wrapper {
position: relative;
background: url(images/header-backgrounds/rotate.php) 100% 4.8em no-repeat;
}

#header {
height: 23em; 
background: url(images/rfseal-trans.png) 100% 3.5em no-repeat;
width: auto;
}

	#header-title {
	position: absolute;
	top: 3.5em;
	left: 0;
	width: 100%;
	}
		#header-title h1 {
		font-size: 2em;
		margin: 140px 0 0 1.5em;
		background: url(images/richardflynn-trans.png) left bottom no-repeat;
		text-indent: -10000em;
		display: block;
		height: 43px;
		width: 463px;
		}
			#header-title h1 a {
			display: block;
			height: 43px;
			width: 463px;
			}
	#header ul#navbar {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	height: 2.5em;
	width: 100%;
	background: #001C70;
	font-family: "Gotham", "Gill Sans MT", "Gill Sans", sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 !important;
	padding: 0 !important;
	}
		#header ul#navbar li {
		display: inline;
		}
			#header ul#navbar li a {
			display: block;
			padding: 0.7em 1em 0 1em;
			height: 1.8em; /* = 2.5em (height of ul#navbar) - 0.7em (top padding of ul li a)*/
			float: left;
			color: #F5F1E9 !important;
			background: #001C70;
			text-decoration: none !important;
			text-align: center;
			border-right: 1px solid #F5F1E9;
			}
				#header ul#navbar li:first-child a {
				border-left: 1px solid #F5F1E9;
				margin-left: 3em;
				}
			#header ul#navbar li a:hover, 
			body.home #header ul#navbar li#nav_home a, 
			body.articles #header ul#navbar li#nav_articles a, 
			body.photos #header ul#navbar li#nav_photos a, 
			body.notebook #header ul#navbar li#nav_notebook a, 
			body.design #header ul#navbar li#nav_design a, 
			body.about #header ul#navbar li#nav_about a,
			body.series #header ul#navbar li#nav_series a {
			background: #4A3214; 
			}
	#header-search-form {
	position: absolute;
	top: 0;
	right: 3em;
	padding-top: 0.5em;
	}
/*--------------------------------*/

/*structure of the body_wrapper section*/
#body_wrapper {
margin: 0 3em;
position: relative;
}
	div.structure-wrapper { /*common properties for #content_wrapper, #content-sidebar_wrapper, #site-sidebar_wrapper*/
	margin: 0;
	}
	div.structure-internal { /*common properties for #content, #content-sidebar, #site-sidebar*/
	padding: 15px;
	}
	#content {
	padding-left: 0; /*undoing the settings from .structure-internal; other #content properties are elsewhere*/
	}
	#content_wrapper {
	width: 50%;
	background: url(images/dot-vertical.png) top right repeat-y;
	}
	body.content-page #content_wrapper, body.search-results #content_wrapper {
	width: 75%;
	background: none;
	}
		body.content-page #content_wrapper #content, body.search-results #content_wrapper #content {
		padding-right: 15%;
		}
			body.content-page #content_wrapper #content .content-breakout {
			position: absolute;
			right: 0;
			width: 30%
			}
				body.content-page #content_wrapper #content .content-breakout * {
				max-width: 100%;
				}
	#content-sidebar_wrapper {
	position: absolute;
	background: url(images/dot-vertical.png) top right repeat-y;
	top: 0;
	left: 50%;
	width: 25%;
	}
	body.content-page #content-sidebar_wrapper {
	left: 75%;
	background: none;
	}
	#site-sidebar_wrapper {
	position: absolute;
	top: 0;
	left: 75%;
	width: 25%;
	}
/*--------------------------------*/

/*typography etc. for everything below the header*/
#body_wrapper p {
font-size: 1.3em;
line-height: 1.45em;
margin-bottom: 1em;
text-align: left;
}
abbr, acronym { 
border-bottom: 1px dotted; 
text-transform: uppercase; 
}
.foreignlanguage {
font-style: italic;
}
.clearer {
clear: both;
}

h2, .series-title, .content-page .series-title {
font-family: "Gotham", "Gill Sans MT", "Gill Sans", sans-serif;
color: #001C70;
font-size: 2.1em;
font-style: normal;
line-height: 1.3em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
clear: left;
}
	.content-page h2, .series-section-title {
	font-family: "Anziano", "Hoefler Text", "Times New Roman", Times, serif;
	font-style: italic;
	font-size:  2.8em;
	line-height:  1.2em;
	font-weight: normal;
	color: #001C70;
	text-transform: none;
	letter-spacing: 0;
	}
	.content-page h3 {
	font-family: "Anziano", "Hoefler Text", "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #001C70;
	font-size: 2em;
	line-height: 1.5em;
	text-transform: none;
	margin: 1.5em 0 0.1em 0;	
	}
	.content-page h4 {
	font-family: "Gotham", "Gill Sans MT", "Gill Sans", sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 1.5em 0 0.1em 0;
	}
h3, .landing-page .entry-list-item-text h2 {
font-family: "Anziano", "Hoefler Text", "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
color: #001C70;
font-size: 1.9em;
line-height: 1.5em;
text-transform: none;
margin: 0.75em 0 0.1em 0;
}
h4, .landing-page .entry-list-item-text h3 {
color: #001C70;
font-size: 1.3em;
line-height: 1.3em;
text-transform: none;
}
h5 {
font-weight: bold;
font-style: italic;
font-size: 1.2em;
line-height: 1.35em;
}
.sidebar h3 {
font-size: 1.5em;
line-height: 1.3em;
color: #001C70;
}
h2 a, h3 a, h4 a, h5 a {
color: #001C70;
text-decoration: none !important;
}
.section-title, .sidebar .section-title { /*headings for the individual sections on the homepage and in sidebars*/
font-family: "Gotham", "Gill Sans MT", "Gill Sans", sans-serif;
font-size: 1em;
font-style: normal;
line-height: 1.1em;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.2em;
margin-bottom: 0.4em;
}


#content {

}
	#content p.note {
	margin: 1.5em 1em;
	padding: 1.3em;
	background: #C9C6C0;
	}
	#content ul.section-nav { /*the nav for multi-part site-sections*/
	list-style: none;
	margin: -15px 0 0 0; /*counteracts padding at the top of the .structure-internal content div*/
	padding: 0 0 0 0.5em;
	width: 100%;
	font-size: 1.1em;
	height: 2.5em;
	background: #C9C6C0;
	}
		#content ul.section-nav li {
		float: left;
		}
			#content ul.section-nav li a:link, #content ul.section-nav li a:visited {
			display: block;
			height: 1.45em;
			padding: 0.5em;
			text-decoration: none;
			color: #F5F1E9;
			}
			#content ul.section-nav li a:hover {
			color: #4A3214;
			}
			#content ul.section-nav li.current a {
			background: #F5F1E9;
			color: #4A3214;
			border-top: 0.6em solid #C9C6C0;
			}
	#content #home-article #home-article-body {
	
	}
	ul.older-latest-content, ol.older-latest-content { /*style used for content on landing pages which comes after the big 'latest' whatever; cf. .sidebar ul*/
	list-style: none;
	margin: 0 !important;
	}

	.home #home-photos {
	}
		.home #home-photos #latest-photo {
		max-width: 100%;
		}
			.home #home-photos #latest-photo .gallery-description {
			}
				.home #home-photos #latest-photo .gallery-description p:first-child { /*The unnecessary detail "Richard Flynn updated gallery '[gallery name]'" is in this first paragraph of the RSS/Channel/Item/Description.*/
				display: none;
				}
				.home #home-photos #latest-photo .gallery-description p {
				margin-bottom: 0;
				}
					.home #home-photos #latest-photo .gallery-description p img {
					max-width: 100%;
					max-height: 100%;
					width: auto;
					height: auto;
					}
			.home #home-photos #latest-photo h3 {
			margin: 0 0 1em 0 !important;
			padding: 0 !important;
			}
		.home #home-photos ol#three-older-photos {
		border-top: 1px solid #C9C6C0 !important;
		padding: 1em 0;
		}
			.home #home-photos ol#three-older-photos li.gallery-description {
			padding: 0 5% 0 0;
			display: inline;
			float: left;
			}

					.home #home-photos ol#three-older-photos li.gallery-description p:first-child {
					display: none;
					}
				.home #home-photos ol#three-older-photos li.gallery-description img {
				display: inline;
				text-indent: 0;
				}
	.home #home-articles {
	padding-top: 4em;
	background: url(images/dot-horizontal.png) 0 3em repeat-x; /*because the other-recent-photos are floating, the height of the #home-photos div doesn't include them; therefore adding a margin to the top of this div won't separate the dotted-border-background from the underside of the photos. Therefore extra padding on this div, with the dots positioned into the padding. */
	clear: both;
	}
	.home #home-articles img {
	display: none;
	}
	.home ol#three-older-articles {
	}
		.home ol#three-older-articles li {
		border-top: 1px solid #C9C6C0 !important;
		}
	.home #homepage-randomfeaturedphotos { /*div in the sidebar of the homepage containing a random selection of five photos tagged 'featured', pulled from an RSS feed */
	}
		.home #homepage-randomfeaturedphotos div.individualfeaturedphoto p:first-child {
		display: none;
		}
		.home #homepage-randomfeaturedphotos div.individualfeaturedphoto p {
		display: inline;
		float: left;
		margin: 0 0.5em 0.5em 0;
		}
	.home sup.footnote, .landing-page sup.footnote { /*footnote references in article and notebook-entry summaries on home and landing pages, which shouldn’t be displayed*/
	display: none;
	}
	.landing-page div.entry-list-item {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #C9C6C0;
	clear: both;
	}
		.landing-page div.entry-list-item.first-entry {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
		}
	
	p.readlink {
	clear: left;
	text-align: right !important;
	}
	p.entrydate {
	color: #001C70;
	}
	#content p.pagination-links {
	border-top: 1px solid #C9C6C0;
	margin-top: 0.5em;
	padding-top: 0.5em;
	clear: both;
	}
	blockquote { 
	font-style: normal;
	color: #4A3214;
	margin: 0 2em 1.5em 2em; 
	padding: 0 0 0 10px; 
	border-left: 1px solid #C9C6C0; 
	}
		blockquote cite {
		text-align: right;
		font-style: normal;
		}
			blockquote cite cite {
			font-style: italic;
			}
	#content ul, #content ol, .series #recent-content ul, .series #recent-content ol { 
	margin: 0 0 1.5em 40px; 
	}
	#content ul, .series #recent-content ul { 
	list-style-type: square; 
	}
		#content li, .series #recent-content li { 
		margin: 0 0 0.5em 0; 
		}
	#content ul.contentlist, #content ol.contentlist, .series #recent-content ul.contentlist, .series #recent-content ol.contentlist {
	font-size: 1.3em;
	line-height: 1.45em;
	}
		ul.contentlist p, ol.contentlist p {
		font-size: 1em;
		}
		#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { 
		margin: 0.5em 0 0.5em 30px; 
		}
	dl.essay-details {
	font-size: 1.2em;
	line-height: 1.35em;
	}
		dl.essay-details dt {
		width: 25%;
		font-weight: bold;
		float: left;
		clear: right;
		padding-bottom: 1em;
		}
			dl.essay-details dt:first-child { /*we only want the second line of the def-list to have the padding at the bottom, which compensates for the fact that because these items are floating the ordinary padding properties of the entry div have been shot to pieces*/
			padding-bottom: 0;
			}
		dl.essay-details dd {
		width: 75%;
		float: right;
		}
	div.item-in-article { /*most commonly used for boxed-out images in articles*/
	margin-right: -50%;
	float: right;
	clear:  right;
	}
	
	img.explicatory-image {
	display: block;
	margin: 0.3em 0;
	border: 0;
	text-align: left;
	}
	#comments {
	padding-top: 2em;
	}
		#content #comments h4#respond {
		font-size: 1.3em !important;
		}
		#content #comments ol.commentlist {
		padding: 0;
		margin: 0;
		list-style: none;
		}
			#content #comments ol.commentlist li {
			padding: 1em 0;
			margin: 1em 0;
			border-top: 1px solid #C9C6C0;
			}
			#content #comments ol.commentlist li.richardcomment {
			background: url(images/seal-corner-top-right-trans.png) top right no-repeat;
			}
				#content #comments ol.commentlist li h4 {
				float: left;
				}
				#content #comments ol.commentlist li p.commentdate {
				float: right;
				color: #C9C6C0;
				}
				#content #comments ol.commentlist li div.commentcontent {
				clear: both;
				}
		form#comment_form, form#contact_form {
		}
			form#comment_form p, form#contact_form p { 
			margin: 0; 
			}
				form#comment_form p.legend, form#contact_form p.legend {
				font-size: 1.2em !important;
				}
				form#comment_form p.note, form#contact_form p.note { 
				margin: 0 0 0.5em 0; 
				padding: 0;
				background: none;
				color: #333; 
				}
			form#comment_form fieldset, form#contact_form fieldset { 
			margin: 10px 0; 
			padding: 10px; 
			border: #DDD 1px solid; 
			}
				form#comment_form fieldset div, form#contact_form fieldset div { 
				padding: 0.25em 0; 
				}
			form#comment_form legend, form#contact_form legend { 
			font-weight: bold;
			font-size: 1.3em; 
			}
			form#comment_form input.text, form#comment_form textarea, form#contact_form input.text, form#contact_form textarea {
			width: 100%;
			margin-bottom: 0.5em;
			}
			form#comment_form dl, form#contact_form dl {
			
			}
				form#comment_form dl dt, form#contact_form dl dt {
				width: 20%;
				float: left;
				clear: both;
				padding-bottom: 0.5em;
				}
				form#comment_form dl dd, form#contact_form dl dd {
				width: 79%;
				float: right;
				display: block;
				}
				form#comment_form div.submit, form#contact_form div.submit {
				text-align: right;
				}
		#content sup.footnote {
		font-size: 0.4em;
		line-height: 1em;
		}
		#content ol#footnotes {
		font-size: 1.15em;
		line-height: 1.3em;
		margin: 0;
		padding: 0 0 0 15px;
		}
			#content ol#footnotes li {
			padding: 0.5em 0;
			}
				#content ol#footnotes li blockquote {
				}
					#content ol#footnotes li blockquote p {
					font-size: 1em;
					}
.series {
}
	.series #series-running-heading {
	margin: 0 3em;
	position: relative;
	}
	.series ul#series-nav {
	list-style: none;
	height: 2.5em;
	width: 100%;
	font-family: "Gotham", "Gill Sans MT", "Gill Sans", sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	}
		.series ul#series-nav li {
		display: inline;
		}
			.series ul#series-nav li a {
			display: block;
			padding: 0.3em 1em 0 1em;
			height: 1.4em;
			float: left;
			text-decoration: none !important;
			text-align: center;
			border-left: 1px solid #001c70;
			}
				.series ul#series-nav li:first-child a{
				padding-left: 0;
				border-left: none;
				}
	.series #recent-content {
	position: relative;
	background: url(images/dot-vertical.png) top center repeat-y;
	}
		.series #recent-content #recent-writings {
		width: 48%;
		position: absolute;
		left: 0;
		top: 0;
		}
			.series #recent-content.no-photos #recent-writings {
width: 75%;
}
		.series #recent-content #recent-photos {
		width:  48%;
		position: absolute;
		right: 0;
		top:  0;
		}
			.series #recent-content #recent-photos ol#recent-series-photos {
			}
				.series #recent-content ol#recent-series-photos li.gallery-description {
				padding: 0 10px 0 0;
				display: inline;
				float: left;
				}
						.series #recent-content ol#recent-series-photos li.gallery-description p:first-child {
						display: none;
						}
					.series #recent-content ol#recent-series-photos li.gallery-description img {
					display: inline;
					text-indent: 0;
					}

#body_wrapper .sidebar {

}
	#body_wrapper .sidebar p {
	font-size: 1.15em;
	line-height: 1.45em;
	margin-bottom: 1em;
	text-align: left;
	}
	.sidebar div.sidebaritem {
	clear: both;
	padding: 0.5em 0;
	border-top: 1px solid #C9C6C0;
	}
		.sidebar div.sidebaritem.first-entry {
		border-top: none;
		}
	.sidebar blockquote {
	margin-left: 0.5em;
	}
	.sidebar h2 {
	margin-top: 1.5em;
	}
		.sidebar h2:first-child {
		margin-top: 0;
		}
	.sidebar ul {
	list-style: none;
	margin: 0 0 1em 0;
	}
		.sidebar ul li {
		}
			.sidebar ul li a {
			display: block;
			border-bottom: 1px solid #C9C6C0 !important;
			padding: 0.5em;
			margin: 0 -0.5em;
			color: #4A3214 !important;
			text-decoration: none;
			}
				.sidebar ul li a:hover, .sidebar ul li a.selected {
				color: #001C70;
				background: #C9C6C0;
				}
	.sidebar ul.contentlist, .sidebar ol.contentlist {
	font-size: 1.15em;
	line-height: 1.45em;
	margin-left: 15px;
	}
		.sidebar .contentlist p {
		font-size: 1em;
		line-height: 1.45em;
		}

	.sidebar ul.sidebar-photo-list {
	margin: 1em 0;
	}
		.sidebar ul.sidebar-photo-list li {
		display: inline;
		float: left;
		padding: 0 0.5em 0.5em 0;
		}
			.sidebar ul.sidebar-photo-list li a {
			display: inline;
			border-bottom: none !important;
			padding: 0;
			margin: 0;
			}
				.sidebar ul.sidebar-photo-list li a:hover {
				color: inherit;
				background: inherit;
				}
	.sidebar object { /*removing YouTube videos etc. from sidebar display: they have to be viewed on the main page for the item */
	display: none;
	visibility: hidden;
	}
			
#footer_wrapper, #rhjf_footer_wrapper {
width: auto;
clear: both;
margin: 1em 3em 0 3em;
padding: 1em 0;
background: url(images/dot-horizontal.png) left top repeat-x;
}
	#footer_wrapper #footer, #rhjf_footer_wrapper #rhjf_footer {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0;
	}
		#rhjf_footer_wrapper #rhjf_footer p { /*for SmugMug pages*/
		margin-bottom: 0;
		}