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;
}


/* 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;
	}

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

/* The table that contains the content for each page. */
table#container {
	margin: 0;
	padding: 0;
	clear: both;
}
	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;
}


/* 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;
	}

/* The default look for horizontal rulers. */
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: 20px;
	margin: 0;
}
h2.media-author {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	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 a custom appearance. */
.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 {
	clear: both;
	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;
	height: 18px;
	overflow: hidden;
}
	#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%;
	}

/* VQR INTRODUCTION BOX IN THE SIDEBAR */
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: 2em 0;
	white-space: nowrap;
	clear: both;
}
	.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;
		}

/* The login box. */
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;
}
	
	/* Indent paragraphs, unless they're the first paragraph in a section. */
	div.article.prose p {
		text-indent: 1.5em;
		margin: 0;
	}
		/* We don't specify anything about the second div because we need to it to apply to the
		   div that contains the article (with the slug as the ID) or to section DIVs. */
		div.article.prose div p:first-child	{
			text-indent: 0;
		}
		
		/* We don't want to indent the first paragraph following a listing of books reviewed. */
		div.article.prose div#book-list + p {
			text-indent: 0;
		}
		
		div.article.prose h2 + p {
			text-indent: 0;
		}

	/* The style for an individual poem. */
	div.article div.poem p {
		text-indent: 0;
		margin-top: 1em;
	}
	
	/* Alert readers that this is just a portion of the whole article. */
	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;
	}
	
	/* The deck. */
	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 */
	
	/* Some authors require that a copyright notice accompany their works. */
	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;
	}
	
	/* Book metadata that precedes book reviews. */
	div.article div#book-list {
		font-size: .9em;
		line-height: 1.4em;
		margin: 0 5% 1em 5%;
	}
	
	/* Each section of each article. */
	div.article div.section {
		margin-bottom: 3em;
	}
		
		/* 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;
			}
	/* A section break. This may or may not be between section DIVs. */
	div.article .section-break {
		word-spacing: 1em;
		text-align: center;
		margin: 1em 0;
	}
	/* A section followed by a section break. */
	div.article div.section + .section-break {
		margin-bottom: 2em;
	}
	
	/* 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;
			text-indent: 0 !important;
		}
		/* 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. */
		q {
			display: block;
		}		
			/* Suppress the display of quotation marks around the Q tag. */
			q:before, q:after {
				content: "";
			}
		div.article blockquote.midsentence, q {
			margin: 10px 20px;
		}

	
	/* Links to Reddit, Delicious, etc. */
	div#social-bookmarks {
		float: right;
		z-index: 99;
		background-color: #fff;
		margin-left: 1em;
	}
	div#social-bookmarks > a {
		display: block;
		width: 18px;
		height: 18px;
		background:url('/images/social-bookmarks-gray.gif') no-repeat;
		float: left;
	}
		div#social-bookmarks > a:hover {
		background:url('/images/social-bookmarks.gif') no-repeat;
		}
		div#social-bookmarks > a + a {
			margin-left: 5px;
		}
		div#social-bookmarks > a#delicious {
			background-position: left top;
		}
		div#social-bookmarks > a#facebook {
			background-position: right top;
		}
		div#social-bookmarks > a#reddit {
			background-position: left bottom;
		}
		div#social-bookmarks > a#stumbleupon {
			background-position: right bottom;
		}

/* Images, optionally displayed within a frame and optionally with a credit. */
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;
	}

/* Two consecutive images within an article. */
div.article dl.img + dl.img {
	margin-top: 3em;
}

/* An image following a paragraph in a prose piece. */
div.article.prose p+dl.img {
	margin-top: 1em;
}

/* A centered image. */
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;
	}

/* A right-aligned image. */				
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;
	}
	
/* A left-aligned image. */
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;
	}

/* Photo credit */
.photo-credit {
	font-size: .9em;
	text-transform: uppercase;
}
	.photo-credit.right {
		float: right;
	}
		.photo-credit.right:before {
			content: "credit: ";
			display: inline;
		}

/* 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 tories listed at the end of each article */
div#related {
	width: 500px;
	clear: both;
	padding: 10px;
	margin: 1em 0 .75em 0;
	border: 1px solid #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #d3c598 url('/images/related-bg.gif') 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 {
	margin: .5em auto;
}

/* 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;
		}

/* The sidebar links for purchasing each issue */
div#buy-issue {
	text-align: center;
	margin: .25em 0;
	font-size: 2em;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
	div#buy-issue p {
		margin: 0 0 .25em 0;
	}

/*  Listing of all issues */
div#issue-listing a.faux-cover {
	display: block;
	width: 84px;
	height: 132px;
	padding: 10px;
	background-image: url('/images/faux-cover.png');
	float: left;
	margin-right: 2em;
	text-align: center;
	text-decoration: none;
}
	div#issue-listing a.faux-cover h1 {
		font-size: 13px;
	}
	div#issue-listing a.faux-cover h2 {	
		font-size: 11px;
	}
div#issue-listing div.issue {
	clear: both;
	margin-top: 2em;
}
	div#issue-listing div.issue div.header {
		width: 100%;
		margin-bottom: 1em;
		border: 0;
		text-align: right;
	}
		div#issue-listing div.issue div.header h1 {
			margin: 0;
			padding: 0;
			float: left;
		}
			div#issue-listing div.issue div.header h1 a {
				text-decoration: none;
			}
	div#issue-listing div.issue div.description {
		width: 375px;
		float: right;
	}

/* 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;
	}

/* 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. */
div#toolbar {
	clear: both;
	height: 22px;
	width: 100%;
	border: 1px solid #000;
	background-color: #d3c598;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
	div#toolbar #search {
		float: right;
		margin: 3px 5px;
		vertical-align: middle;
	}
		div#toolbar #search a {
			text-decoration: none;
		}
		div#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;
	}

/* Holds all of the content in the right side -- everything that's not the sidebar. */
div#container div#main {
	width: 550px;
	float: right;
}
	/* 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#container div#main div#content {
		margin: 10px 15px 0 20px;
		min-height: 300px;
		width: 525px;
	}

/* The left sidebar. */
div#sidebar {
	width: 193px;
	padding: 10px 15px 0 10px !important;
	float: left;
}
	#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;
		}
			#sidebar div#blog h3.author {
				margin: 0;
			}
		#sidebar div#blog p {
			margin: 0;
		}
	
	
/* VQR's address, as presented in the site footer */
div#vqr-address {
	font-family: Arial, Helvetica, 'sans serif';
	font-size: 11px;
	text-align: justify;
	width: 158px;
	margin: 10px;
	clear: both;
}
	div#vqr-address img {
		width: 158px;
		height: 17px;
	}

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

/* Thumbnail images of page scans, displayed within Vaults. */
div.vault-thumbnails {
	clear: both;
	text-align: center;
}
	div.vault-thumbnails + div.vault-thumbnails {
		margin-top: 1em;
	}
	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 */