/*
-----------------------------------------------
The Virgilian Tradition Website Base Styles
Author:   Michael Sohn
Version:  August 03 2011
----------------------------------------------- */

body
{
	text-align: center;
	margin: 0;
	padding: 0;
	font: 75%/1.5em Verdana,"Lucida Grande",Lucida,Helvetica,Arial,sans-serif;
	color: #333;
	/*background-image: url("img/bg_pg_gray.gif");*/
	background-color: #eee;
}

/* =Structure
----------------------------------------------- */

.container
{
	/*background: #fff url("img/def_cnt.gif") repeat-y 0 0;*/
	width: 864px;
	margin: 0 auto;
	border: solid #333;
	border-width: 0 1px;
	text-align: left;
	color: #333;
	position: relative;
	border-top: 4px solid #F90;
	background-color: #fff;
}

#content
{
	background: #ffffff url("img/gen_cnt.gif") repeat-y -1px 0;
	float: left;
	width: 864px;
}

#c2
{
	float: left;
	width: 864px;
}

#c3
{
	float: left;
	width: 611px;
}

/* Overcome 3px margin bug in IE/Win floats,
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */

* html #content, * html #c2, * html #c3
{
	margin-right: -3px;
}

#c2
{
	padding-bottom: 20px;
}

#maincol
{
	float: left;
	width: 540px;
	margin-top: 3em;
}

#mc2
{
	padding: 0 0 0 72px;
}

#sc2
{
	margin: 0 0 0 0;
	padding: 0 18px;
}

/* =Header
----------------------------------------------- */

#header, #header a
{
	background-color: #222222;
	float: left;
	width: 612px;
	height: 68px;
	margin-top: 0;
	top: 0;
	border-width: 0;
	text-decoration: none;
}

/*
#header {
	border-top: 4px solid #F90;
}
*/

.h1, .h2, .h3
{
	display: block;
}

#header h1, #header h2, .h1, .h2, #header p,#header h3, .h3
{
	font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
	font-weight: bold;
}

#header h1, #header h2, .h1, .h2
{
	margin: 0;
	padding: 0 72px;
	line-height: 100%;
	color: #F93;
	text-align: left;
	font-variant: small-caps;
	text-shadow: .1em .1em .1em #300;
}

#header h1, .h1
{
	font-size: 230%;
	margin: 0.15em 0 0 0;
	line-height: 110%;
}

#header h2, .h2
{
	font-size: 120%;
	padding: 0.4em 0 0 36px;
	float: left;
}

#header p,#header h3, .h3
{
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	padding: 0.2em 0 0 27px;
	color: #eeeeee;
	display: inline;
	float: left;
	margin: 0;
}

#header a:hover
{
	background-color: #000;
}

#header a:hover .h1, #header a:hover .h2
{
	color: #F90;
}

#header a:hover .h3
{
	color: #fff;
}

.vthome #header a:hover .h1, .vthome #header a:hover .h2
{
	color: #F93;
}

.vthome #header a:hover .h3
{
	color: #eeeeee;
}

.vthome #header a:hover
{
	background-color: #222222;
	cursor: default;
}

/* =Nav
----------------------------------------------- */

#nav
{
	float: left;
	width: 612px;
	border: solid #F93;
	border-width: 1px 0;
	font-weight: bold;
	background-color: #222;
}

#nav ul
{
	margin: 0;
	padding: 0 0 0 72px;
	list-style: none;
	white-space: nowrap;
}

#nav li, .horiz li
{
	float: left;
	margin: 0;
	padding: 0;
	background-image: none;
	line-height: normal;
	text-indent: 0;
}

#nav li a, #nav li strong
{
	display: block;
	padding: 5px 10px 6px;
	border: solid #F93;
	border-width: 0 1px 0 0;
	color: #F93;
	text-decoration: none;
	margin: 0 0 -1px 0;
}

#nav li:first-child a, #nav li:first-child strong
{
	border-left-width: 1px;
}

#nav a:first-letter,#nav .current a:first-letter
{
	text-decoration: underline;
}

#nav a:hover:first-letter,#nav .current:hover a:first-letter, #nav .current strong:first-letter,#nav .current:hover strong:first-letter
{
	text-decoration: none;
}

/* Following rule allows entire region of link to to be
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */

* html #nav a
{
	width: 1%;
}

#nav .current strong, #nav .current a
{
	background-repeat: no-repeat;
	color: #777;
	margin: 0 0 -1px 0;
	background-color: #fff;
}

#nav a:hover, #nav .current:hover a
{
	background-color: #000;
	background-repeat: no-repeat;
	color: #ff6600;
}

#nav a strong, #nav .current a strong
{
	background: none;
	padding: 0;
	border: none;
}

/*#nav li:first-child strong, #nav li:first-child a, nav #h { border-left-width: 1px; }*/
#nav #left strong, #nav #left a, nav #h
{
	border-left-width: 1px;
}

#nav .current:hover a
{
	background-color: #ddd;
	/*color 03*/
}

/* =Section Head
----------------------------------------------- */

#section
{
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 1.5em 0 0 0;
	color: #333;
}

/* =Subcol
----------------------------------------------- */

#subcol
{
	/*2009-03-13*/
	z-index: 10;
	float: right;
	width: 252px;
	color: #555;
	position: relative;
	margin: 161px 0 0 0;
	background-color: #fbe3bc;
	font-size: 100%;
	line-height: 1.6em;
	border-left: 1px solid #000;
}

#subcol p
{
	margin: .4em 0;
}

#subcol h2
{
	margin: 0 -18px 1em -18px;
	padding: 2px 0 3px 18px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4em;
	background-color: #222;
	color: #F90;
	border: solid #FF9933;
	border-width: 1px 0;
}

#subcol h2 a, #subcol h2 a:visited
{
	margin: 0;
	padding: 0;
	border: 0;
}

#subcol p+h2, #subcol table+h2
{
	margin-top: 18px;
}

#subcol ul, #subcol ol
{
	padding: 0;
	list-style-type: square;
	list-style-position: outside;
	margin: 0;
	text-indent: 0;
}

#subcol ul li
{
	margin: 0;
	padding: 0;
}


#subcol a[rel="external"]:after, #subcol a.external:after
{
	content: url("img/icon_external.gif");
	padding-left: .5em;
}

/* =Logo Square
----------------------------------------------- */

#logo
{
	background: transparent url("img/virgilian_tradition_bckgrnd.jpg") no-repeat -295px -100px;
	width: 252px;
	padding: 0;
	/*was height: 252px;*/
	height: 352px;
	position: absolute;
	top: 0;
	left: 611px;
	/*border-top: 4px solid #F90;*/
	border-left: 1px solid #000;
}

.vtcontributors #logo
{
	background-position: -525px -25px;
}

.vtadditions #logo
{
	background-position: -2px -250px;
}

.vtindex #logo, .vtfolklore #logo
{
	background-position: -308px -308px;
}

.vtreviews #logo
{
	background-position: -91px 0;
}

/* =Footer
----------------------------------------------- */

#footer
{
	color: #fff;
	clear: both;
	padding-top: 0;
	font-size: 80%;
	background-color: #222;
	margin: 0 0 2.5em 0;
}

#footer p
{
	margin: 0;
	padding: 0.3em 0 0.3em 72px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: left;
	line-height: 1.6em;
	/*background: url("img/harvard_trustees_logo.gif") no-repeat 8px .2em;*/
	color: #F90;
	height: 37px;
}

#footer span
{
	display: block;
}

#update
{
	color: #666;
}

/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/

* html #footer p
{
	height: 1%;
}

/* Resume IE5-Mac */
#footer a, #footer a:visited
{
	color: #666;
	border-color: #444;
}

#footer a:hover
{
	color: #933;
	border-color: #b55;
}

/* =Common Colors
----------------------------------------------- */

#subcol h2 a, #subcol h2 a:visited, #subcol #year span a:visited, thead, tfoot
{
	background-color: #bbb;
}

.hlght, #subcol #year span a
{
	background-color: #ddd;
}

h1 a, h1 a:visited, #subcol #year span a
{
	color: #963;
}

/* MISC: =Headings
----------------------------------------------- */

h1
{
	font-size: 141%;
	line-height: 1.5em;
	font-weight: bold;
	color: #CC0033;
	text-decoration: none;
}

#section h1
{
	font-size: 141%;
	line-height: 1.5em;
	font-weight: bold;
	color: #222;
	margin: 0 0 -0.35em 0;
	padding-left: 72px;
}

#article-text h2, h2, h2 a, h2 a:visited
{
	font-size: 125%;
	line-height: 1.5em;
	font-weight: bold;
	color: #C60;
	margin: 1.25em 0 .15em;
}

h3
{
	font-size: 105%;
	line-height: 1.5em;
	font-weight: bold;
	color: #222;
	margin: 1em 0 .25em;
}

h4
{
	font-size: 105%;
	line-height: 1.5em;
	font-weight: bold;
	color: #555;
	margin: 1em 0 .25em;
}

#article-text h2 a
{
	font-size: 100%;
}

/* MISC: =Links
----------------------------------------------- */

a, .subnav a:visited
{
	color: #358;
	text-decoration: none;
	border-bottom: 1px dotted #469;
}

a:visited
{
	color: #677;
	border-color: #899;
}

a:hover, .subnav a:hover
{
	color: #933;
	border-color: #b55;
	border-bottom-style: solid;
}

a img
{
	border-width: 1px;
	border-color: transparent;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

a:hover img
{
	border-width: 1px;
	border-color: red;
	filter: alpha(opacity=100);
	opacity: 1;
}

a[rel="external"]:after, a.external:after
{
	content: url("img/icon_external.gif");
	padding-left: .5em;
}

a[href$='.pdf']:after
{
	content: " (PDF)";
}

a[href$='.doc']:after
{
	content: " (MS Word)";
}

a[href$='.xls']:after
{
	content: " (Excel)";
}

h1 a, #section a, #section h1
{
	border-width: 0px;
}

h2 a:hover
{
	color: #974;
	/* overridden in color.css */
	text-decoration: none;
}

h3 a
{
	border-width: 0;
}


/* =Article
----------------------------------------------- */

#article-text
{
	width: 468px;
}

#article-text ul li p
{
	margin: 0em;
}

/* MISC: =Tables
----------------------------------------------- */

table
{
	font-size: 100%;
	color: #333;
	width: 100%;
	margin: 1em 0 1em 0;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #fff;
}

table, td, th
{
	border-color: #ddd;
	border-style: solid;
}

td, th
{
	margin: 0;
	padding: 0 .5em;
	border-width: 1px 1px 0 0;
	text-align: left;
	vertical-align: top;
}

tfoot, tfoot td
{
	font-style: italic;
	font-weight: normal;
}

thead, thead th
{
	font-style: normal;
	font-weight: bold;
}

thead, tfoot
{
	background-color: #ddd;
}

thead th, tfoot td
{
	padding: 0.1em 0.5em;
}

/* MISC: =Lists
----------------------------------------------- */

ul, dl
{
	margin: .5em 0 1em 1em;
	padding: 0;
	list-style: square;
	list-style-position: inside;
	text-indent: -1em;
}

ul
{
	padding: 0;
}

ol
{
	padding: 0 0 0 1.5em;
}

ol li, ul li
{
	margin: 0 0 0.25em 0em;
	font-size: 100%;
	padding: 0;
}

ol li ol li
{
	list-style-type: lower-alpha;
	font-size: 100%;
}

ul li ul li, ul li ol li, ol li ul li
{
	font-size: 100%;
}

.entry ul
{
	margin-left: 10px;
	margin-right: 10px;
}

#maincol li em
{
	font-style: italic;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.5em;
	color: #333;
}

/* =Lists Additions & Corrections
----------------------------------------------- */

#addcorr {
	color: #555;
}

#addcorr li
{
	list-style-type: upper-roman;
	font-size: 125%;
	font-weight: bold;
	color: #C60;
	margin: 1.25em 0 .15em;
}

#addcorr li h2 {
	font-size: 100%;
	color: #C60;
	margin: 0;	
}

#addcorr li ol li
{
	list-style-type: upper-alpha;
	font-size: 85%;
	font-weight:bold;
	color: #222;
	margin: 1em 0 .25em;
}

#addcorr li ol li h3 {
	font-size: 100%;
	font-weight:bold;
	color: #222;
	margin: 0;
}

#addcorr li ol li ol li, #addcorr li ol li ol li em, #addcorr li ol li ol li q, #addcorr .addcorr_c li, #addcorr .addcorr_b li, #addcorr .addcorr_c li em, #addcorr .addcorr_b li em, #addcorr .addcorr_c li q, #addcorr .addcorr_b li q {
	font-weight:normal;
	font-size: 100%;
	color: #555;
}

#addcorr li ol li ol li
{
	list-style-type: decimal;
	margin: 0;
}

#addcorr li ol li ol li h4, #addcorr li ol li ol li h4 em, #addcorr li ol li ol li h4 q {
	font-size: 100%;
	color: #555;
	font-weight:normal;
	margin: 0;
}

#addcorr .addcorr_c li, #addcorr .addcorr_b li 
{
	list-style-type: circle;
}

#addcorr :target h2:after, #addcorr :target h3:after, #addcorr :target h4:after
{
	content: "\2005\2724";
	font-size: 110%;
	color: #446699;
}


/* =Misc
----------------------------------------------- */

p
{
	margin: 0 0 .75em 0;
}

blockquote
{
	margin: 1em 0 1em 2px;
	padding: 0 1em;
	border-left: 2px solid #ccc;
}

blockquote p
{
	margin: 0 0 .75em;
	font-style: italic;
	color: #666;
}

blockquote p em
{
	font-style: normal;
}

address
{
	margin: .5em 0 1em 0;
	font-style: normal;
	line-height: 1.6em;
}

address strong
{
	font-weight: normal;
	color: #222;
}

hr
{
	display: none;
}

.caption
{
	font-style: italic;
	font-size: 85%;
	line-height: 1.3em;
	margin: 0.5em 18px 1em 0;
	padding: 0;
}

.caption em
{
	font-style: normal;
}

.footnotetext
{
	font-style: normal;
	font-size: 85%;
	line-height: 1.3em;
	margin: 0.25em 0em;
	padding-right: 6em;
}

em, .latin
{
	font-style: italic;
}

small
{
	font-size: xx-small;
}

.institution
{
	border-top: 1px solid #bbb;
	border-bottom: 10px solid #fff;
}

abbr
{
	border-width: 0;
}



.noprint
{
	clear: both;
	margin: 1em 0 0 0;
}


/* =back_to_top
----------------------------------------------- */

p small a
{
	padding-left: 25px;
	background: url(img/back_to_top.gif) 0 1px no-repeat;
	height: 20px;
	border-bottom: none;
	font-weight: bold;
}

p small a:hover
{
	padding-left: 25px;
	background: url(img/back_to_top.gif) 0 -21px no-repeat;
	height: 20px;
	border-bottom: none;
	font-weight: bold;
}


/* =Sandbox
----------------------------------------------- */

/* CSS 3 Text Shadow */
.h3, #subcol ul li.up a, #subcol ul li strong
{
	text-shadow: .25em .25em 1em #555;
}

.nonli ul, ul.nonli, .horiz
{
	list-style-position: outside;
	list-style-type: none;
}

.info
{
	background: #d4e0ee url(img/info.png) center no-repeat;
	background-position: 15px 50%;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #a3bfdd;
	border-bottom: 2px solid #a3bfdd;
}

.hlght
{
	background-color: #eee;
}

#subcol div div h2
{
	cursor: pointer;
	background: url("img/arrow_down.gif") no-repeat 3px .4em;
	padding-left: 27px;
	text-indent: 0;
}

#subcol div div h2:active
{
	cursor: pointer;
	background: url("img/arrow_down_active.gif") no-repeat 3px .4em;
	padding-left: 27px;
	text-indent: 0;
	color: #555;
}

#subcol div div .hide
{
	display: none;
}

.price
{
	text-align: right;
}

.firstcol
{
	width: 207px;
}

/* Keeps consistent line spacing with sup and sub */
sup, sub
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}

sup
{
	bottom: .5ex;
}

sub
{
	top: .3ex;
}

.clear
{
	clear: both;
}

.nowrap
{
	white-space: nowrap;
}

#slideshow
{
	height: 0;
	width: auto;
	overflow: hidden;
}

/*
p *:not(cite) {
	color: red;
}
*/

/*
:target
{
	border-left: 54px solid #eeeeee;
	padding-left: 18px;
	margin-left: -72px;
}
*/

.horiz
{
	margin: 0;
}

.horiz li
{
	padding: 0 .7em 0 0;
	text-indent: 0;
	margin: 0;
}

.indent
{
	margin: 0 0 .75em 4.5em;
	text-indent: -3em;
}

.attribution
{
	display: block;
	text-align: right;
	padding-right: 1.5em;
}

.attribution:before
{
	content: "\2014\2005";
}

.entry {
border-bottom:1px dotted #555555;
padding:0.5em 0;
}

/* =Start Generated Qmarks
----------------------------------------------- */

q:before, cite:before, .title:before, .summary:before, .so-called:before
{
	content: "\201C";
	/* content: open-quote; glitch in Chrome doesn't allow open-quote 2011/03 */
}

q:after, cite:after, .title:after, .summary:after, .so-called:after
{
	content: "\201D";
	/* content: close-quote; glitch in Chrome doesn't allow close-quote 2011/03 */
}

q>q:before, cite>.so-called:before, .title>.so-called:before, .summary>.so-called:before, .title>q:before
{
	content: "\2018";
}

q>q:after, cite>.so-called:after, .title>.so-called:after, .summary>.so-called:after, .title>q:after
{
	content: "\2019";
}

cite.title:before, em.title:before, em.so-called:before
{
	content: "";

}

cite.title:after, em.title:after, em.so-called:after
{
	content: "";
}
/* =End Generated Qmarks
----------------------------------------------- */


