body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #bbb;
}

/* HEADERS */

h1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', Times, serif;
	margin: 2em 0 0 0;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', Times, serif;
	margin: 0;
}

div#vqr-address {
	font-family: Arial, Helvetica, 'sans serif';
	font-size: 11px;
	text-align: justify;
	width: 158px;
	margin: 2em auto 0 auto;
}


/* LINKS */
a {
	color: #004;
}
	a:hover {
		background-color: #eef;
	}
	a img {
		border: 0;
	}
	img a:hover {
		background-color: transparent;
	}
	
	/* FootNav appears to only be in use within the admin section */
	a.FootNav {
		font-size: 10px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	a.FootNav:hover {
		color: #fff;
		background-color: transparent;
	}


/* TABLES */
td {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
th {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	/* FootNav appears to only be in use within the admin section */
	td.FootNav {
		font-size: 10px;
		color: #000;
		font-weight: bold;
		padding: 4pt;
	}


/* LISTS */
ul.wrap {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
	ul.wrap li {
		margin-bottom: 5px;
	}
ul.rss_items {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.rss_items li {
		margin-bottom: 5px;
	}
ul.minimal, ol.minimal {
	padding-left: 1em;
}
ol.minimal {
	margin-left: .7em;
}
	ul.minimal li, ol.minimal li {
		margin: .5em 0 0 0;
		padding: 0;
	}

/* FORMS */
form input {
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
form textarea {
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
form select {
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
form fieldset legend {
	font-weight: bold;
}
form fieldset p {
	margin: 0 0 1em 0;
}
form fieldset fieldset {
	border: 0;
	padding: 0;
	display: block;
}
	form fieldset fieldset legend {
		font-weight: normal;
	}



hr {
	width: 100%;
	border-bottom: 1px solid #000;
}

/* The title and author of a given article. */
h1.media-title {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
h2.media-author {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 13px;
	margin: .25em 0 0 0;
}

/* This is used to make visually distinct the phrase "subscription required," which we use adjacent
to any link to an article that is restricted. */
span.subscription-required {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #900;
}
	span.subscription-required a {
		text-decoration: none;
		color: #900;
	}

/* CSS smallcaps look bad. We use our own class. */
.smallcaps {
	font-size: .9em;
	text-transform: uppercase;
}

/* For displaying fractions like 1/4, 5/128, etc. */
sup.fraction {
	font-size: .7em;
	vertical-align: .4em;
}
sub.fraction {
	font-size: .7em;
	vertical-align: -.4em;
}

/* FOOTER */
#footer {
	background-color: #d3c598;
	padding: 3px 3px 3px 10px;
	border: 1px solid #000;
	margin-top: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
	#footer a {
		text-decoration: none;
		color: #000;
	}
		#footer a:hover {
			text-decoration: underline;
			background-color: transparent;
		}


/* EMBEDDED PROMOS */
div.embedded-promo {
	float: left;
	width: 225px;
	padding: 5px;
	margin: 1em 1em 1em 0;
	border: 5px solid #f00;
	background-color: #ccc;
}

	div.embedded-promo p {
		margin: 0 0 .5em 0;
		padding: 0;
		text-indent: 1em;
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica;
		font-size: 11px;
		line-height: 140%;
	}

/* SIDEBAR VQR INTRODUCTION BOX */
div.intro-box {
	margin-bottom: 1em;
	padding: .5em .5em .25em .5em;
	background-color: #eee;
	border: 2px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
	div.intro-box h1 {
		font-size: 1.25em;
		font-weight: bold;
		text-align: center;
		margin: .25em 0;
	}
	div.intro-box p {
		margin-top: 0;
	}
	div.intro-box img.cover {
		width: 50px;
		height: 74px;
		float: left;
		padding: 0 .5em .25em 0;
	}

/* ISSUE PROMO EMBEDDED IN THE FOOTER */
div.footer-promo {
	clear: both;
	margin: 2em auto 0 auto;
	width: 250px;
	border: 2px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #eee;
	padding: .5em;
}
	div.footer-promo h1 {
		text-align: center;
		font-size: 12px;
		margin: 0 0 .5em 0;
		padding: 0;
	}
	div.footer-promo img.cover {
		float: left;
		margin: 0 1em 0 0;
		border: 0;
	}
	div.footer-promo div#subscribe {
		font-size: 1.2em;
		text-align: center;
		margin: 0 auto;
	}
		div.footer-promo div#subscribe a {
			color: #900;
			text-decoration: none;
			font-weight: bold;
		}

/* SEARCH */
div.search-box {
	background-color: #eee;
	padding: .5em;
	width: 60%;
}
	div.search-box input[type=text] {
		width: 50%;
		float: right;
	}
	div.search-box input[type=submit] {
		clear: right;
		float: right;
	}
	div.search-box a {
		color: #009;
		font-size: .85em;
		text-decoration: none;
		text-align: right;
		display: block;
	}
ul.search-results {
	margin-left: 0;
}
	ul.search-results li {
		margin-bottom: .5em;
	}

/* PAGINATION */	
.pagination {
	display: block;
	margin-bottom: 2em;
	white-space: nowrap;
	clear: left;
}
	.pagination a {
		border: 1px solid #ccc;
		padding: .1em .25em;
		margin: 0 .25em 1em 0;
		text-decoration: none;
		color: #000;
	}
		.pagination a:hover {
			background-color: #999;
			border: 1px solid #000;
		}

div.login-box {
	background-color: #eee;
	border: 2px solid #000;
	padding: .5em;
	margin-top: 1em;
}

/* ARTICLES */
div.article, div.article td {
	font: 14px Georgia, 'Times New Roman', Times, serif;
	line-height: 1.6em;
	margin-top: 2em;
}
	div.article p#preview-warning {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .8em;
		line-height: 1.2em;
		margin: 2em;
		padding: .75em;
		background-color: #bbb;
		border: 1px solid #900;
	}
	div.article p#deck {
		font-style: italic;
		margin: -1em 0 1em 0;
	}
	
	/* One or more quotations that open an essay, story or poem. */
	div.article div#epigraph {
		margin: 0 2em 2em 2em;
	}
		div.article div#epigraph dl dt {
			margin: 0;
			padding: 0;
			clear: both;
			font-style: italic;
		}
		div.article div#epigraph dl dd {
			clear: both;
			margin-left: 4em;
			padding: 0;
		}
			div.article div#epigraph dl dd:before {
				content: "\2015";
				display: inline;
			}
		/* Subsequent quotes. */
		div.article div#epigraph dl dd + dt {
			margin-top: 1em;
		}
	
	/* Concluding notes about an article, such as notes of thanks. */
	div.article div#endnote {
		margin: 2em 2em 0 2em;
		font-size: .9em;
		line-height: 1.2em;
	}
	
	/* The default appearance of any image within an article. */
	div.article img {
		border: 0;
	}
		div.article img.photo-frame {
			padding: 5px;
			border: 1px solid #ccc;
		}
	
	/* A small, floating box that lists content related to the current article. */
	div.article div.inset {
		width: 30%;
		float: right;
		border: 1px solid #000;
		background-color: #eee;
		padding: .5em;
		margin: 1em 0 1em 1em;
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 13px;
	}
		div.article div.inset p {
			margin: 0;
		}

	/* ARTICLES' ELEMENTS */
	div.article .copyright {
		margin-top: 3em;
		color: #333;
		font-size: .9em;
	}
	
	/* The display of footnotes at the bottom of the page. */
	div.article .footnotes {
		margin-top: 2em;
		border-top: 1px solid #222;
		font-size: .85em;
		line-height: 1.23em;
		color: #333;
	}
		div.article .footnotes h1 {
			font-size: 1.1em;
			padding: 0;
			margin: 0;
		}
		div.article .footnotes a.return {
			text-decoration: none;
		}
		div.article .footnotes ol {
			padding-left: 1.5em;
		}
			div.article .footnotes ol li + li {
				margin-top: .5em;
			}
	/* Pull quotes. By default, they're right-aligned, but it's best to specify whether they should
	   be right or left aligned by using both class assignments, i.e. class="pullquote left". */
	div.article div.pullquote {
		width: 40%;
		float: right;
		border-left: 3px solid #333;
		font-size: 1.3em;
		margin: 1em 0 1em 1.5em;
		padding-left: .5em;
		color: #333;
		line-height: 1.2em;
	}
		div.article div.pullquote.left {
			border: 0;
			margin: 0;
			padding: 0;
			float: left;
			text-align: right;
			border-right: 3px solid #333;
			padding-right: .5em;
			margin: 1em 1.5em 1em 0;
		}
		div.article div.pullquote.right {
			border: 0;
			margin: 0;
			padding: 0;
			float: right;
			border-left: 3px solid #333;
			padding-left: .5em;
			margin: 1em 0 1em 1.5em;
		}
		div.article div.pullquote p {
			margin: 0;
			padding: 0;
		}
		
	/* Don't underline superscript links */
	div.article sup a {
		text-decoration: none;
		color: #007;
	}
	
	div.article h2 {
		font-weight: bold;
		font-size: 1.1em;
		margin-top: 2em;
	}
	
	/* Each section of each article. */
	div.article div.section {
		margin-bottom: 3em;
	}
		/* Begin the first paragraph of each section with an initial. */
		/* But suppress this styling if we've got H2s in the article, indicating that we're
		   demarcating sections manually w/o need for automatic styling. */
		/*div.article div.section:first-letter {
			font-size: 3.6em;
			color: #333;
		}*/
		
		/* Subsections */
		div.article div.section div.section + div.section {
			margin-top: 2em;
		}
			div.article div.section div.section:first-letter {
				font-size: 1em;
				color: #000;
			}
	
	/* An optional sidebar component, which is embedded within the article. */
	div.article div.sidebar {
		width: 45%;
		float: right;
		margin-left: 5%;
		background-color: #eee;
		padding: .5em .75em;
		font-size: .8em;
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, 'sans serif';
		line-height: 1.2em;
	}
		div.article div.sidebar h1 {
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, 'sans serif';
			font-size: 1.2em;
			line-height: 1.3em;
			margin: 0;
			padding: 0;
		}
		div.article div.sidebar h2 {
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, 'sans serif';
			font-size: 1em;
			font-weight: normal;
			line-height: 1.2em;
			margin: 0;
		}
		div.article div.sidebar ol {
			padding-left: 1.75em;
		}
		div.article div.sidebar dl dd {
			font-size: 80%;
		}



	/* BLOCKQUOTES */
	div.article blockquote {
		margin: 20px;
	}
		div.article blockquote > p {
			margin: .5em 0;
		}
		/* A blockquote that appears in the context of a sentence, rather than a paragraph
		that's set off severely from the rest of the content. */
		div.article blockquote.midsentence {
			margin: 10px 20px;
		}

/* IMAGES */
dl.img {
	margin: 0 0 2px 7px;
}
	dl.img dt {
		text-align: center;
	}	
	dl.img dt img {
		margin-top: 4px;
	}
	dl.img dd {
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: .25em .5em;
		font-size: .75em;
		line-height: 1.2em;
	}
dl.imgcenter {
	margin: 0 auto;
}
	dl.imgcenter dt {
		text-align: center;
	}
	dl.imgcenter dt img {
		margin-top: 4px;
	}
	dl.imgcenter dd {
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: .25em .5em;
		font-size: .75em;
		line-height: 1.2em;
	}
				
dl.imgright {
	float: right;
	margin: 0 0 2px 7px;
}
	dl.imgright dt {
		text-align: center;
	}	
	dl.imgright dt img {
		margin-top: 4px;
	}
	dl.imgright dd {
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: .25em .5em;
		font-size: .75em;
		line-height: 1.2em;
	}
dl.imgleft {
	float: left;
	margin: 0 7px 2px 0;
}
	dl.imgleft dt {
		text-align: center;
	}	
	dl.imgleft dt img {
		margin-top: 4px;
	}
	dl.imgleft dd {
		font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: .25em .5em;
		font-size: .75em;
		line-height: 1.2em;
	}

/* Display author credits in a visually distinct style. */
.photo-credit {
	font-size: .9em;
	text-transform: uppercase;
}

/* TRANSCRIPTS OF DISCUSSIONS */
dl.transcript dt {
	float: left;
	margin: 0 .25em 0 0;
	padding: 0;
	clear: both;
	font-weight: bold;
}
	dl.transcript dt:after {
		content: ": ";
		display: inline;
	}
dl.transcript dd {
	margin: 0;
	padding: 0;
	text-align: left;
}

/* DICTIONARY-STYLE DEFINITIONS */
dl.dictionary dt {
	float: left;
	margin: 1em .25em 0 0;
	padding: 0;
	clear: both;
	font-weight: bold;
}
	dl.dictionary dt:after {
		content: ": ";
		display: inline;
	}
dl.dictionary dd {
	margin: 1em 0 0 0;
	padding: 0;
	text-align: left;
}

/* RELATED STORIES LISTED AT THE END OF EACH ARTICLE */
div#related {
	width: 500px;
	clear: both;
	padding: 10px;
	margin: 1em 0 .75em 0;
	background-color: #e7dfc7;
	border: 1px solid #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #d3c598 url('/images/related-bg.jpg') repeat-x scroll top;
}
	div#related a:hover {
		background-color: transparent;
	}
	div#related h1 {
		font-size: 1em;
		font-weight: bold;
		font-family: Georgia, 'Times New Roman', Times, serif;
		margin: 0;
	}
	div#related ul {
		padding-left: 1.5em;
	}
	div#related ul li {
		margin-bottom: .25em;
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-size: .9em;
	}

/* Provide a highlighter effect. */
.highlight {
	background-color: #ff0;
	padding: 1px 2px;
}

/* Provide a method of grabbing attention to important bits. */
.alert {
	border: 3px solid #f00;
	background-color: #eee;
	margin: 1em;
	padding: 1em;
}
	.alert h1 {
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		margin-top: 0;
	}
	.alert p {
		margin-bottom: 0;
	}

/* HIGHSLIDE IMAGE-ZOOMING FUNCTION */
.highslide {
	cursor: url('/js/highslide/graphics/zoomin.cur'), pointer;
	outline: none;
}
	
	.highslide-image {
		border: 2px solid white;
	}
	.highslide-image-blur {
	}
	.highslide-caption {
		display: none;
		border: 2px solid white;
		border-top: none;
		font-family: 'Lucida Grande', Verdana, Helvetica;
		font-size: 10pt;
		padding: 5px;
		background-color: white;
	}
	.highslide-display-block {
		display: block;
	}
	.highslide-display-none {
		display: none;
	}
	.highslide-loading {
		display: block;
		color: white;
		font-size: 9px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		padding: 3px;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		background-color: black;
		padding-left: 22px;
		background-image: url('/js/highslide/graphics/loader.gif');
		background-repeat: no-repeat;
		background-position: 3px 1px;
	}
	a.highslide-credits,
	a.highslide-credits i {
		padding: 2px;
		color: silver;
		text-decoration: none;
		font-size: 10px;
	}
		a.highslide-credits:hover,
		a.highslide-credits:hover i {
			color: white;
			background-color: gray;
		}
	.highslide-dimming {
		background: black; 
		position: absolute; 
		visibility: hidden; 
	} 
	/* Individual CSS-classes: glossy-dark */
	.glossy-dark {
		background-color: #000;
	}
	.glossy-dark .highslide-image {
		border-width: 5px;
		border-style: solid;
		border-color: #000;
	}
	
	.highslide-move {
		cursor: move;
	}
	
	a.highslide-full-expand {
		background: url('/js/highslide/graphics/fullexpand.gif') no-repeat;
		display: block;
		margin: 0 10px 10px 0;
		width: 34px;
		height: 34px;
		display: none;
	}
	
	/* Controlbar */
	.controlbar {	
		background: url('/js/highslide/graphics/controlbar4.gif');
		width: 167px;
		height: 34px;
	}
	.controlbar a {	
		display: block;
		float: left;
		/*margin: 0px 0 0 4px;*/	
		height: 27px;
	}
	.controlbar a:hover {
		background-image: url('/js/highslide/graphics/controlbar4-hover.gif');
		background-color: transparent;
	}
	.controlbar .previous {
		width: 50px;
	}
	.controlbar .next {
		width: 40px;
		background-position: -50px 0;
	}
	.controlbar .highslide-move {
		width: 40px;
		background-position: -90px 0;
	}
	.controlbar .close {
		width: 36px;
		background-position: -130px 0;
	}

/* EMBEDDED SUBSCRIPTION FORM */
table.subscription-form {
	border: 1px solid #000;
	background-color: #eee;
	width: 160px;
	padding: 3px;
}
	table.subscription-form h1 {
		font-weight: bold;
		font-size: 1em;
		margin: 0;
		font-family: Georgia;
	}
	table.subscription-form input {
		font-family: 'Lucida Grande', Verdana, Helvetica, Arial;
		font-size: 10px;
	}
		table.subscription-form input#first_name {
			width: 45%;
		}
		table.subscription-form input#last_name {
			width: 49%;
		}
		table.subscription-form input#address_1, table.subscription-form input#address_2 {
			width: 96%;
		}
		table.subscription-form input#city {
			width: 48%;
		}
		table.subscription-form input#state {
			width: 15%;
		}
		table.subscription-form input#postal {
			width: 25%;
		}
		table.subscription-form input#email {
			width: 96%;
		}
		table.subscription-form td#international {
			float: left;
			font-size: 9px;
			font-family: 'Lucida Grande', Verdana, Helvetica, Arial;
		}

/* The photo on an author's profile. */
img#profile-photo {
	float: left;
	margin: .5em .5em .5em 0;
}

/* Table of contents for each issue */
div#toc {
	margin-top: 1em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.2em;
}
	div#toc h1 {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 0;
	}
	div#toc ul {
		margin: 0;
		padding-left: 4em;
		list-style-type: none;
	}
		div#toc ul {
			margin-left: 0px;
			margin-bottom: 2em;
		}
		div#toc ul li {
			margin-top: .4em;
			text-indent: -2.5em;
		}

/*  Listing of all issues */
tr.issue-listing:hover {
	background-color: #eee;
}

/* Floating admin DIV */
div#admin {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
	background-color: #fff;
	padding: 4px;
	margin: 2px;
	border: 1px solid #900;
	text-align: right;
	opacity: 0.8;
}
	div#admin ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	div#admin a {
		text-decoration: none;
	}

/* The table that contains the content for each page. */
table#container {
	margin: 0 auto;
	border: 1px solid #000;
	padding: 4px;
	width: 772px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	table#container td {
		padding: 0;
	}

/* |V|Q|R| */
img#logo {
	border: 0;
	width: 201px;
	height: 77px;
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
}

/* "A National Journal of Literature & Discussion" */
img#banner {
	border: 0;
	width: 553px;
	height: 76px;
	float: right;
	margin-bottom: 4px;
}

/* An experimental display of the lamp at the top of the page. */
img#lamp {
	float: right;
	width: 46px;
	height: 48px;
	margin: 20px 10px 20px 10px;
}

/* An experimental unit, this would house the relocated user-specific navigation items to the
   top of the page. */
div#topnav {
	float: right;
	padding: 0;
	text-align: left;
	margin: 30px 20px 0 0;
}
	div#topnav a {
		text-decoration: none;
	}
	div#topnav div#topnav-bulk {
		text-align: center;
		width: 170px;
		float: left;
	}
	
	div#topnav div#search {
		text-align: center;
	}
		div#topnav div#search form {
			margin: 0;
			padding: 0;
		}
	div#topnav input[type="submit"] {
		float: right;
		margin-top: 15px;
	}

/* Below the logo, where the menu appears. */
td#toolbar {
	height: 20px;
	width: 100%;
	border: 1px solid #000;
	background-color: #d3c598;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
	td#toolbar #search {
		float: right;
		margin: 3px 5px;
		vertical-align: middle;
	}
		td#toolbar #search a {
			text-decoration: none;
		}
		td#toolbar #search input {
			border: 1px solid #999;
			font-size: 10px;
		}

/* Use a gradient for the background of the top and bottom beige bars. */
#toolbar, ul#menu li, #footer {
	background: #d3c598 url('/images/menu-bg.jpg') repeat-x scroll top;
}

/* When we welcome institutional members and acknowledge that they don't need to log in. */
div#greeting {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 125%;
	text-align: center;
	margin-top: .5em;
	font-weight: bold;
	color: #900;
}

/* "My Profile," "Sign In," etc. */
div#utilities {
	margin-top: 10px;
	padding: 0 10px;
	text-align: right;
}
	div#utilities a {
		text-decoration: none;
		color: #336;
	}
		div#utilities a#cart {
			font-weight: bold;
			color: #fff;
			background-color: #f00;
			padding: 1px;
		}
	div#utilities div#navigation {
		float: left;
		text-align: left;
		width: 420px;
	}

/* The big right column that holds the main content. We specify the width here, even though it's
   not strictly necessary, in order to prevent rendering errors in IE8 when using Disqus. */
div#content {
	margin: 10px 15px 0 0;
	padding: 4px 4px 4px 19px;
	/*border-left: 1px solid #909090;*/
	min-height: 300px;
	width: 540px;
}

/* The bio page for authors */
div.author-page {
	font: 13px Georgia, Times New Roman, Times, serif;
	line-height: 1.5em;
}

/* The left sidebar. This is a class, rather than an ID, because the sidebar is
   broken up into two TDs in two separate rows. */
td.sidebar {
	width: 193px;
	padding: 10px 15px 0 10px !important;
}
	.sidebar h1 {
		font-size: 1.2em;
	}
	.sidebar h2 {
		font-size: 1.2em;
	}
	.sidebar ul {
		padding-left: 1em;
	}
	.sidebar ul li+li {
		margin-top: .5em;
	}
	.sidebar img.author {
		display: block;
		clear: left;
		margin: .5em auto;
		text-align: center;
	}
		.sidebar a img#author {
			border: 0;
		}
	.sidebar #newsletter {
		margin-top: 2em;
		border: 1px solid #000;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		background-color: #eee;
		padding: .5em;
	}
		.sidebar #newsletter h1 {
			font-size: 1.2em;
			font-weight: bold;
			font-family: 'Lucida Grande', Verdana, Arial, Helvetica, 'sans serif';
			margin: 0;
			padding: 0;
		}
		.sidebar #newsletter form {
			margin-top: .5em;
		}
		.sidebar #newsletter label {
			font-size: .9em;
			font-weight: bold;
		}
		.sidebar #newsletter input {
			font-size: 11px;
			font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
		}


	/* The listing of blog entries. */
	.sidebar div#blog {
		margin-top: 1em;
	}
		.sidebar div#blog ul {
			margin: 0;
		}
		.sidebar div#blog ul li {
			margin-top: 0;
			margin-bottom: 0;
		}
		.sidebar div#blog h3 {
			margin-top: 1em;
		}
			div#blog h3.author {
				margin: 0;
			}
		.sidebar div#blog p {
			margin: 0;
		}

/* Thumbnail images of page scans, displayed within Vaults. */
div.vault-thumbnails {
	clear: both;
	text-align: center;
}
	div.vault-thumbnails div {
		display: inline-table;
		margin: 0 auto;
		overflow: auto;
	}
	div.vault-thumbnails h2 {
		text-align: center;
	}
	div.vault-thumbnails dl {
		margin: 5px auto;
		text-align: center;
		width: 97px;
		float: left;
	}
		div.vault-thumbnails dl dt {
			background-color: #eee;
			height: 110px;
			padding: 10px 10px 0 10px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
			div.vault-thumbnails dl dt:hover {
				background-color: #ccc;
			}
			div.vault-thumbnails dl dt img {
				width: 77px;
				height: 100px;
				border: 1px solid #666;
			}
		div.vault-thumbnails dl dd {
			font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			font-size: .75em;
			line-height: 1.2em;
		}
			div.vault-thumbnails dl dd a {
				text-decoration: none;
			}

/* Nearly Pure CSS Drop-Down Menus
   By http://koivi.com/css-menus/ */
/* This is the part for the CSS menu - these settings are for a horizontal menu */
#menu {                        /* menu list container */
	list-style-type: none;      /* disable the display of the list item bullets */
	margin: 0;                 /* space around the list container */
	padding: 0;                 /* space within the list container */
	position: static;           /* need this so that the z-index stuff works correctly */
	background-color: #fff;     /* the default background color within the main menu container */
	color: #000;                /* the default font color (not links) within the main menu container */
	z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
	font: 7.5pt Verdana, 'Lucida Sans', Helvetica, Arial;
		/* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
}
#menu li {                     /* top-level menu element */
	list-style-type: none;      /* disable the display of the list item bullets */
	float: left;                /* this is to allow for the horizontal main menu */
	background-color: #d3c598;  /* main menu item background color */
	color: #000;                /* main menu item font color (not links) */
	margin: 0;                /* spacing between main menu items */
	padding: 5px 11px;           /* padding within main menu items */
	display: block;
	border-right: 1px solid #000;
}
#menu ul {                     /* third-level (or greater) menu element list elements */
	position: absolute;         /* this is so that it doesn't push that page content around on hover */
	margin: 0;                /* space around the list container */
	padding: 0;               /* space within the list container */
	list-style-type: none;      /* disable the display of the list item bullets */
	display: none;
	width: 120px;               /* should be the same as #menu li width */
	background-color: #d3c598;  /* sub-menu default background color */
	border: #000 solid 1px;     /* the border around the sub-menu list */
	color: #000;                /* sub-menu default font color (not links) */
	z-index: 99;                /* want to be sure this is above the rest of the menu */
}

#menu ul li {                  /* second-level or greater menu element links */
	background-color: #d3c598;  /* default background color for sub-menu container */
	background-image: none;
	color: #000;                /* default font color (not links) for sub-menu container */
	border: none;               /* sub-menu item border settings */
	margin: 0px;                /* spacing between sub-menu containers */
	padding: 3px;               /* This is for padding between menu items in the drop-downs */
	width: 114px;                /* (padding*2) must be subtracted from #menu li width and set for this one, or borders won't display properly. */
}

/* The pull-downs. */
ul#menu ul {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

ul#menu > li > ul > li {
	border-bottom: 1px solid #999;
}

#menu li a {                   /* top-level menu element links */
	text-align: left;           /* text alignment in main menu item links */
	display: block;
	color: #000;
	text-decoration: none;
}

#menu ul a {                   /* all the other level menu link elements */
	padding: 3px;
	margin: 0px;
	width: 108px;               /* (padding*2) must be subtracted from #menu ul li width and set for this one, or borders won't display properly. */
	display: block;
	color: #000;
	text-decoration: none;
}

#menu a:hover,                 /* top-level hovering properties */
#menu li:hover {
	display: block;
	color: #666;
	background-color: transparent !important;
}

#menu ul li:hover,             /* higher level hovering properties */
#menu ul li a:hover {
	display: block;
	width: 114px;               /* should be set to the same value as #menu ul li width */
	color: #666;
	background-color: transparent !important;
}

#menu ul ul {                   /* higher-level list containers */
	display: none;              /* don't display by default */
	position: absolute;
	margin-left: 114px;         /* this should be the width of #menu ul li */
	margin-top: -4em;           /* this will push the sub-menu up to the level of its parent */
	width: 60px;
}

/* MAKE THIS AVAILABLE TO IE ONLY
#menu ul ul {
	margin-left: 24px;
}
*/

#menu ul ul li {
	width: 54px;
}

/* only non-MSIE browsers use this */
#menu ul li>ul,
#menu ul ul li>ul {
	margin-top: -2em;           /* should be set to the same as #menu ul ul margin-top */
}

/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
#menu li:hover ul ul,              
#menu li:hover ul ul ul,
#menu li:hover ul ul ul ul,
#menu li:hover ul ul ul ul ul {
	display:none;
}

#menu li:hover ul,
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul ul li:hover ul {
	display:block;
}

li>ul {
	top: auto;
	left: auto;
}

input.inputSubmit {
	background-color: transparent;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */