/* exclude IE 4.01 */
/* (@import statements must come at the head of style sheets.  
   Mozilla enforces that rule, but IE doesn't.) */
@import "navfloat.css";

body    {
	text-align: center;
}

a:link, a:visited, a:active {
	text-decoration:  none; 
}

a:hover {
	text-decoration:  underline;
}

div#outerFrame { 
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

*.topbox { 
  vertical-align: middle;
  border: 1px black solid;
}

*.mainHeader    {
  margin-top: 0px;
  text-align: left;
  font-size: 160%;
  padding: 4px 0px 4px 20px;
  width: inherit;
  font-family: Baskerville, Times, serif;
  
  /* removed 2004-06-01*/
  /* font-family: Garamond, Times, serif;*/
  font-size: 150%;
  font-style: italic;
  letter-spacing: 4px;
  border: 0px solid black; /* default */
}

*.mainHeader a { 
  text-transform: none;
}

*.headline-num { 
  font-weight: normal;
  font-style: normal;
}

.headline-detail {
	font-style: normal;
}

*.main { 
  margin-top: 0px;
  text-align: left;
  padding-left: 50px;
  padding-right: 0px;
  padding-top: 0px; /* this is new */
  padding-bottom: 68px;
}


*.topnav, *.bottomnav { 
  font-family: Arial, Verdana, sans-serif;
  font-size: 80%;
  width: 7.7em; 
  border: 1px solid black;
  text-align: right;
} 

*.bottomnav {
	float: right;
	margin: -150px 0px 0px 30px;
} 

*.boxnav { 
  text-align: right;
  margin: 10px;
  word-spacing: .1em;
  border: 0px solid black;
} 

*.boxnav div { 
  margin-top: 4px;
}

*.boxnav div.prevnext {
  word-spacing: 0.8em;
  padding-bottom: .6em;
  padding-bottom: .5em;
  margin-left: 10px;
  border-bottom: 1px solid black; 
}

*.content { 
	font-family: Garamond, "Baskerville", serif;
  padding-top: 2em;
  padding-left: 40px;
  padding-right: 100px;
  float: none;
  
  /* Possible IE 4.01 bug: a non-floated element immediately follows a
     right-floated element (div.topnav).  The padding-right of the non-floated
     element is reportedly increased to 2x the width of the _viewport_.
     See http://www.richinstyle.com/bugs/ie4b.html.  Here, the containing
     element (div#mainFrame) has a set width.  Result: text is squished against
     left side in a narrow column.  Solution: hide the "float" declaration from
     IE 4.01 by exploiting its @import bug (see above). */

}

*.content *.prose { 
  clear: both;
}

*.content *.prose p {
  margin: 0;
  padding-left: 0px;
  text-indent: 2em;
  text-align: justify;
  font-size: 100%;
  line-height: 1.7em; 
  margin-bottom: 1ex;
}

*.prose p.initial { 
  text-indent: 0px;
}
p.initial:first-letter {
  display: block;
  line-height: 1em; 
  font-weight: normal; 
  float: left;
  width: auto;
  font-size: 3em;
  margin: 1px 0.15em -5px 0;
  padding: 0.1em 0.2em 0 0.2em;
}
*.prose p.no-indent { 
  text-indent: 0px;
}
*.prose p.prose-space { 
  /* for the little stars to indicate a "space" between paragraphs */
  text-align: center;
  word-spacing: 2em;
  margin-top: .4em;
  margin-bottom: .1em;
  font-size: 125%;
}

span.initials {
	font-family: Times, serif;
}

*.bottom-box { 
  border: 1px solid black;
  height: 90px;
  margin-top: 0px; 
  margin-bottom: 10px; /* changed from 20px */
  cursor: pointer;
  text-decoration: none;
}

a.bottom-art:hover { 
  text-decoration: none;
}

p { 
  margin-bottom: 0px;
}

*.author { 
  font-size: 115%;
  font-weight: normal;
  letter-spacing: .3ex;
  font-family: Verdana, Arial, sans-serif;
}
*.author a { 
/*  font-family: Arial, Palatino, sans-serif;*/
}
*.author a:hover {
	text-decoration: underline;
}
*.title { 
  font-size: 175%;
  font-style: italic;
  padding-top: .5em;
  margin-bottom: 1.5em;
  letter-spacing: .3ex;
  border: 0px solid black;
}

/* For a title within a title */
*.title cite {
  font-style: normal;
  letter-spacing: .2ex;
}

pre.verse { 
  font-family: Baskerville, Garamond, serif;
	font-size: 12pt;
  line-height: 1.4em;
}

div.content .translator { 
   font-style: italic;
   font-family: Baskerville, Garamond, serif;
	font-size: 115%;
   margin-top: -1em;
   margin-bottom: 2.5em;
	margin-left: 5em;
   text-align: left;
}

div.content .subtitle {
	margin-top: -1em;
}

div.content-footer {
	margin: 3em 0 2em 0;
}

div.epigram {
	font-style: italic;
	text-align: left;
	margin-left: 2em;
	margin-right: 2em;
}

div.content .prosepoem {
    font-family: Baskerville, Garamond, serif;
    font-size: 12pt;
    line-height: 1.4em;
    text-align: justify;
}

*.quote {
//really no different 
}

*.attribution {
	text-indent: 4em;
}