body {
	text-align:center;
	background: #FFFFFF url(../std-images/background-typog-01.jpg) repeat-x fixed;
	margin:0;
	padding:0;
}
#mainContainer {
	/*background: #FFFFFF url(../std-images/navDropShadow.jpg) repeat-x;*/
	width: 800px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0;
	display: block;	
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	/* page color #FFFBF4 */
	background: #FFFBF4 url(../std-images/navDropShadow.jpg) repeat-x;
	}
#content {
	width: 516px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d1d1d1;
	padding: 0 2px 0 0;
	padding-top: 8px;
	margin: 0;
}
#widecontent {
	width: 800px;
	padding-top: 8px;
	border-left-style: none;
}
#notedcontent {
	width: 772px;
	margin-left: 160px;
	position:relative;
}
#nav {
	width: 250px;
	padding-top: 0px;	
	margin: 0;
}
#footer {
	clear: both;
	padding: 24px 0 3px 11px;
	color: #999;
	margin: 0;
	text-align:middle
}
#footnotes {
	clear: both;
}
#half-bottom {
	clear: both;
	height:36px;
}
#pagebottom {
	/* Place a pagebottom div containing an nbsp just before the close of body. */
	background: #FFFFFF url(../std-images/background-typog-spot-01.jpg) repeat;
}

/* TOGGLABLE FLOATING TABLE OF CONTENTS */
div.fixedTOC {
	/* Wrapper for the toggle button that controls visibility of a floating nav box. */
	top: 10px;
	float:left;
	position: fixed;
	/* padding-left:1.5%; */
	left: 10px;
	background-color: transparent; 
}
#navbutton {
	/* Styling for the toggle button itself. */
	cursor:pointer;
	border-style:none;
	color:grey;
}
div.fixed {
	/* Use a fixed hangnote div to enclose a list of links to create  the floating navigation box in the margin */
	top: 35px;
	left: 25%;
	width: 160px; /* 20% of 800px; */
	/* right: 680px;  75% of 800px; */
	position: fixed;
	opacity:.95;
	background-color: #FFFBF4;
	/* This last should match page color FFFBF4 or darker variant F5F2EB or disable for transparent */
}

div#fader {
	/* Empty div between the opening of maincontainer and widecontent. It fades back the body of the page when the nav box is up. */
	width:800px;
	height:100%;
	background-color:black;
	position:fixed;
	opacity:.20;
}

/* TEXT BLOCK WIDTH */
/* In widecontent block 70% yeilds =33em =66 chars */
div#onecolumn {
	width:56%;
	padding-left:30%;
	}

/* TYPEFACES */
/*Arial, Helvetica, Times, Georgia, Trebuchet, Verdana, and Courier*/
h1, h2, .title {font-family: Trebuchet MS, Helvetica, Arial, sans-serif}
p, .hangnum, blockquote, li {font-family: Times New Roman, serif}

/* FONT-SIZE */
body {font-size:100%;} /* This repairs exaggerated resizing in Explorer */
h1 { font-size:1.33em; /* 1.5em = 18pt = 24px. 1.33em = 16pt = 21.33px.*/}
h2 { font-size:1.16em; /* 1.16 em = 14pt */}
h2.hsmaller { font-size:1em; /* 1em = 12pt = 16px */}
p, li, blockquote, ol  { font-size:1em; /* 1em = 12pt = 16px */}
.hangnote, .pagenum  { font-size:0.83em; /* .83em = 10pt (=13.28px)*/}
div#footnotes ol, {font-size:0.83em; /* .83em = 10pt */}

/* font-size formula is: result ems = desired_px / default_px (where default px = 16) */ 
/* font-size formula is: result ems = desired_pts / default_pts (where default pts = 12) */


/* ABBREVIATIONS */
/* Letter space all acronyms (and long strings of numbers). Don't letter-space lowercase. */
abbr {letter-spacing:0.1em} 

/* ALIGNMENT and LINE HEIGHT */
p {
	text-align:left;
  	line-height: 1.5; /* 12pt x 1.5 sets a BASE RHYTHM of 18pts */
  }

/* VERTICAL SPACE - BASE RHYTHM */
/* Make other elements follow through on the base rhythm (SEE ABOVE)*/
/* Formula is: calc  x = base rhythm / font size of the element, then set line height of the elt to x and set top and bottom margins to x ems (or in any way so they sum to 2 times x ems.) */


p {
	margin-top: 0; /* unclear if this is wanted with indented subsequent paras */
  }
 /* Note: we will use indenting, so this will get contextually overridden below. */
 
h1_ORIGINAL {/* This setting is for 18pt h1 */
	line-height: 1; /* adj = base rhtythm / h1 font size [use common unit] */
	margin-top: 1.25em;
	margin-bottom: .75em;
	}
h1 {/* Current setting is for 16pt h1 */
	line-height: 1.125; /* adj = base rhtythm div by h1 font size [use common unit] */
	margin-top: 1.3125em;
	margin-bottom: .8125em;
	}
h2 {/* Current setting is for 14pt h2 */
	line-height: 1.286; /* adj = base rhtythm div by h2 font size [use common unit] */
	margin-top: 1.572em;
	margin-bottom: 1em;
	} 
h2.hsmaller {/* This setting is for 12pt h2 */
	line-height: 1.5; /* adj = base rhtythm div by h2 font size [use common unit] */
	margin-top: 1.875em;
	margin-bottom: 1.125em;
	} 
blockquote {
	line-height: 1.5;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	}
ul {margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left:0;
	padding-left:1em;}
ol {margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left:0;
	padding-left:1.25em;}
ol.double, div#footnotes ol {padding-left:1.5em;}
.hangnote ul, .hangnote ol {padding-left:1.5em;}

li {line-height: 1.5;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: .25em;
	}
ul li {list-style-type: circle;}
#navdiv ul li {list-style-type: none;}
.hangnote li {line-height: 1.8;}

/* INDENTING */
p, p.first, li p {
   text-indent:0;
   margin-bottom:0}
p + p, p.second {
  text-indent:1.5em;/* was 1.5em */
   margin-top:0}

div#footnotes ol {
   border-top: solid grey 1px}
div#footnotes ol li {
	margin-top:1.5em;}
div#footnotes ol li + li {
	margin-top:0;}
div#footnotes ol li {
	line-height: 1.8; 
	/* adj = base rhtythm / font size [use common unit] */
	margin-bottom: 1.8em;
	}
  
.verse pre, .verse p {
  font-family: inherit;
  font-style:normal;
  display: table;
  width: auto;
  margin: 0 auto;}
  
.slant pre {
  font-style:italic;}
  
.footnote {color:grey; font-size:smaller;vertical-align:super;line-height:.75em}
.reversefootnote {color:grey;border-bottom:none;}
.xfootnote:before {content: "["; color:grey;}
.xfootnote:after {content: "]"; color:grey;}
  
.pagenum  { /* uncomment the next line for invisible page numbers */
            /*  visibility: hidden;  */
                position: absolute;
                left: 101%;
                font-weight: normal;
                font-variant: normal;
                font-style: normal;
                letter-spacing: normal;
                text-indent: 0em;
                text-align: right;
                color: #999999;
                /* background-color: #ffffff; */
                } /* page numbers */
/*			
.pagenum:before {content: "»";padding-right: 0.4em;} 
.pagenum:before {content: "\2767";padding-right: 0.4em;}

*/
.pagenum:before {content: "[";padding-right:0;} 
.pagenum:after {content: "]";} 

p.final:after {content: "\2766";padding-left:0.4em;} /* floral heart */

.hangnum  { /* basically for section numbers in the left margin. used with spans and inherits font size of surrounding p or heading */
                position: absolute;
				width: 9.6em;
                right: 75%;
                font-weight: normal;
                font-variant: normal;
                font-style: normal;
                letter-spacing: normal;
                text-indent: 0em;
                text-align: right;
                /* color: #999999; */
				color:grey;
                background-color: none;
                } /* page numbers */
.hangnum:after {content: "\2767";padding-left: 0.8em;} 

.hangnote {
	position: absolute;
	width: 20%; /* equivalent to 12ems but scaleable */
	right: 75%;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	letter-spacing: normal;
	text-indent: 0em;
	text-align: left;
	line-height:1.8;
	/* padding-top:1.8em; */
	}
.hangnote#navdiv {
	border: 1px solid grey;
	}
h1.hang {position: relative;
	right: 25%;
	text-align: left;
	}
h2.hang {position: relative;
	right: 25%;
	text-align: left;}
p.hang {position: relative;
	right: 25%;
	text-align: left;}

.capline {text-transform: uppercase;}
.caps {text-transform: uppercase;}
.smallcapline, smcap {font-variant: small-caps;}

h1.title {
	/*text-transform: uppercase;*/
	position: relative;
	right: 25%;
	text-align: left;
	word-spacing:.25em /* halves word spacing */
	}
h2.right {
	position: relative;
	text-align: right;
	}

span.dropcap {
 float: left;
 /* font-family: Old English, Georgia,serif; */
 font-size: 350%;
 line-height: 0.85em;
 margin-right: 0.06em;
 margin-bottom:-0.25em;
}
span.hangpunct {
  margin-left:-0.45em;
}
span.dropcap.hangpunct {
  margin-left:-0.45em;
}
span.hangpunct.normal {
  margin-left:-0.42em;
}
span.hangpunct.slight {
  margin-left:-0.38em;
}
span.droptitlecap {
 position: relative;
 float: left;
 /* font-family: "Witchhunt"; */
 font-size: 3em; /* i.e., 36pts */
 line-height: .8em; /* adj = base rhtythm / font size [use common unit] */
 margin-right: 0;
 margin-bottom:-0.25em;
}
span.droptitlecap.capA {margin-right: -0.16em;}
span.droptitlecap.capL {margin-right: -0.30em;}
span.droptitlecap.capT {margin-right: 0.03em;}

span.aftercapA {margin-left: -0.60em;}
span.aftercapI {margin-left: -0.15em;}
span.aftercapL {margin-left: -0.60em;}

/* LINKS */
a {color: black;
	text-decoration:none;
	border-bottom: dashed darkgrey 1px;
	}
	
/* IMAGES */
/* All images should be given a px height that is a multiple of the base rhythm of the page (expressed in absolute px). In this case 18px. Unfortunately, this can only be done manually. */
/* FORMULA: For any, m, set px height of image to px = (m x 18) - (16px x 0.413em ) */
img {float:left;margin-top:0;margin-bottom:0;padding-right:0.83em;padding-top:0.413em}
img.hang {
	position: absolute;
	 /* equivalent to 12ems but scaleable */
	right: 75%;
	padding-right:0;}
.hangnote img {float:right;padding-right:0;max-width:160px;}
.caption {color:grey;text-indent:0.04em;}
.lightcaption {color:lightgrey;text-indent:0.04em;}
.lightcaption:hover {color:grey}

.reverse {color:white; background-color:black;padding-left:0.05em;padding-right:0.05em;}

/* TWEAKS 2011 */
#title, #author {font-weight:normal}
h1 {padding-left:1.5em;text-indent:-1.5em;}
.pagenum, .help {cursor:help}
.wait {cursor:wait}
.printOnly, .nonscreening {display: none}
.screenOnly {display: inline}
.shy {display:none}
#media {/* This is really poetry page specific */
	width:100%;
	height:18px;
}
#mediaIOS {/* This is really poetry page specific */
	width:75%;
	height:30px;
}

/*Special for starting a footnote listing at 0. CURRENTLY RESULTS IN UNWANTED CR AFTER THE ASTERISK/NUMBERS*/
ol.zerostart {counter-reset: item -1}
ol.zerostart li {display:block}
ol.zerostart li.asterisk:before {
		content: "*  ";
		counter-increment: item;
		display:block;
		}
ol.zerostart li.numbered:before {
		content: counter(item) ". ";
		counter-increment: item;
		display:block;
		}

span.hungpunct{
 font-size:1em !important;
}