/* general stuff */

/* This style sheet, which derives from one created by Owen Strain in my Spring 2006 course on the Cyborg Self at Brown University, is intended for formatting legacy material, especially electronic versions of printed books, for the Victorian Web (www.victorianweb.org). To Owen's basic page divisions I've added a large number of descriptive paragraphs, including those for paragraphs that follow headings, inset quotes, quoted poetry,  headnotes, in-text captions accompanying linked thumbnail images, bibliography, and date doc was last modified. Span classes incude those for books, plays, ships, paintings  -- George P. Landow 21 December 2006 */

body {
	margin: 10px 0 30px 0;
	background: #ccffcc
}

#whole-page {
	position: relative;
	/* This means that anything inside this div that
	   is positioned absolutely will be relative to
	   the top left corner of this div (for example,
	   the navigation box). */
	
	/* setting the right and left margins to auto will center this div, but I don't want it centered, so I use padding  GPL */
	padding-left: 40px;
	width: 690px;
}


 hover a {
	color: black;
	text-decoration: underline;
}

 a {
	color: #009900;
	text-decoration: none;
	
}

  alink {
	color: 00FF00;
	text-decoration: none;
}



h2 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	font-family:  Arial, Verdana, Helvetica sans-serif;

}

p {
	margin-top: 0px;
}

#main p.continue {
	text-align: right;
}


/* begin header */
#header {
	width: 690px;
	height: 140px;
left: 40px;
background: #ccffcc
text-align: left;
font-family:  Arial, Verdana, Helvetica sans-serif;
}


#header h1 {
	display: none;
}



/* begin header breadcrumbs trail */
 #header p.bc
  { 
  font-family:  Arial, Verdana, Helvetica sans-serif;
  	width: 690px;
	position: relative;
	font-size: 10px;
	font-color:  #006600; 
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: right;
	}
}

 #header h2 {
 	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 20px;
	left: 40px;
	text-align: left;
	font-family:  Arial, Verdana, Helvetica sans-serif;
}

 #header h3 {
 	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	left: 40px;
	font-family:  Arial, Verdana, Helvetica sans-serif;
}

 #head h4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	left: 40px;
	font-family:  Arial, Verdana, Helvetica sans-serif;
}	
	
#head img {
position: relative;
left: 20px;
margin-bottom: 10px;
margin-top: 0px;
}
/* end header section */




/* begin navigation links */
#nav {
	margin-top: 30px;
	float: left;
	width: 200px;
	padding: 9px;
	background:  #ccffcc;
	border: 1px dotted black;
	font-size: 12px;
	margin-bottom: 20px;
	font-family: "Gill Sans", Arial, Verdana, sans-serif;
	padding-bottom: 40px;
}

 #  nav h3 {
 	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	left: 40px;
}

#nav ul {
	margin: 0;
	padding: 0px 0px 0px 35px;
}

#nav li:hover {
	color: black;
}

#nav li:hover a {
	color: black;
	text-decoration: underline;
}

#nav li a {
	color: black;
	text-decoration: none;
	
}

#nav li alink {
	color: black;
	text-decoration: none;
	
}


#nav li a:hover {
	/* this rule is just for IE, which doesn't support :hover on anything but <a> tags*/
	color: black;
	text-decoration: underline;
}

#nav p
 {
	text-indent: 0 px;
	font-family: "Gill Sans", Arial, Verdana, sans-serif;
 	font-size: 12px;
	}

#nav p.contents
 {
	
	text-indent: 0 px;
	font-family: "Gill Sans", Arial, Verdana, sans-serif;
 	font-size: 12px;
 	margin-bottom: -15px;	
}	
		
#nav p.navbibl
 {
	
	font-family: "Gill Sans", Arial, Verdana, sans-serif;
	text-align: left;
	margin-left: 0px;
	text-indent: 0px
 	font-size: 10px;
	}	

	
	
	
#nav span.book
 {
	
	font-family: "Gill Sans", Arial, Verdana, sans-serif;
 	font-size: 12px;
 	font-style: italic;
	}	
	
#nav span.painting
 {
	
	font-family: "Gill Sans", Arial, Verdana, sans-serif;
 	font-size: 12px;
 	font-style: italic;
	}	
		
#nav span.website
 {
	
	font-family: "Gill Sans", Arial, Verdana, sans-serif;
 	font-size: 12px;
 	font-style: italic;
	}		
	

/* begin main content */
#main {
	width: 500px;
	margin: 0px 0px 0px 199px;
	padding: 9px 10px 0px 50px;
	min-height: 150px;
	font-family:  Arial, Verdana, Helvetica sans-serif;
}

#main img {
	margin-top: 10px;
	border="0"
}

#main p {
	text-align: justify;
	font-size: 14px;
	text-indent: 35px;
	font-family:  Arial, Verdana, Helvetica sans-serif;
	
}

#main li {
	font-size: 14px;
	color: black;
	text-decoration: none;
}	
	
#main ul {
	margin: 0;
	padding: 0px 0px 0px 35px;
}

#main li:hover {
	color: black;
}

#main li:hover a {
	color: black;
	text-decoration: underline;
}



#nav li a:hover {
	/* this rule is just for IE, which doesn't support :hover on anything but <a> tags*/
	color: black;
	text-decoration: underline;
}	

h3 {
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}


p {
	margin-top: 20px;
	text-align: justify;
	text-indent: 0px; 
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
}

#main p.one
 {
	text-indent: 0px; 
	}



/* begin paragraph after an indented quotation */	
#main p.aq
 {
	text-indent: 0px; 
	}	

#main p.poetry
 {
 	margin-left: 90px;
 	text-indent: 0px;
 	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 12px;
	
	}
	
#main p.poetry2
 {
 	text-indent: 0px;
 	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	margin-left: 90px;
	
	}	

#main p.chron
 { 
 	margin-left: 60px;
	text-align: left;
	text-indent: -60px
	}

/* begin bibliography */		
#main p.bibl
 { 
 	margin-left: 40px;
	text-align: left;
	width: 400px;
	text-indent: -40px
	}
			
	
/* begin main breadcrumbs trail */	
#main p.bc

 { 
	font-family:  Arial, Verdana, Helvetica sans-serif;
	text-align: right;
	font-size: 10px;
	}
	

#main p.date

 { 
	font-family:  Arial, Verdana, Helvetica sans-serif;
	width: 500px;
	text-align: right;
	font-size: 10px;
	}
	


	
#main p.lq {
	font-family:  Arial, Verdana, Helvetica sans-serif;
	width: 380px;
	font-size: 12px;
	text-indent: 0px;
	margin-left: 40px;
	margin-right: -40px;
	margin-top: 0px;
}

/* begin paragraph for headnotes  */	

#main p.hn {
	font-family:  Arial, Verdana, Helvetica sans-serif;
	width: 580px;
	font-size: 10px;
	text-indent: 0px;
	margin-left: 40px;
	margin-right: -40px;
	margin-top: 20px;
}

/* begin paragraph for small thumbnail captions  */	

#main p.tc {
	font-family:  Arial, Verdana, Helvetica sans-serif;
	width: 580px;
	font-size: 10px;
	text-indent: 0px;
	margin-left: 40px;
	margin-right: -40 px;
	margin-top: 20px;
}

#main p.caption 
{
	text-indent: 0px;
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#main p.vcaption

{
	text-indent: 0px;
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	text-align: left;
}	


span.book

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;
	
}

span.artwork

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;
	
}

span.ship

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;
	
}

span.website

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;
}
	
	
	
#main p.painting

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;
}	

#main p.th 
{
	padding = 10px; 10px; 10px; 10px;
	float= left;
	align= left;
	text-indent: 0px;
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
	
span.h3book

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 16px;
	font-style: italic;
	
}

span.lqbook

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 12px;
	font-style: italic;
	
}

lqbook

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 12px;
	font-style: italic;
	
}

span.hnbook


{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 10px;
	font-style: italic;
	
}

span.hnpainting


{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 10px;
	font-style: italic;
	
}



hnbook

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 10px;
	font-style: italic;
	
}

span.tcbook


{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 10px;
	font-style: italic;
	
}

span.tcartwork


{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 10px;
	font-style: italic;
	
}

span.h2book


{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}


h2book

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}


span.play

{
	font-family:  Palantino, Times, serif;
	font-size: 14px;
	font-style: italic;
}	


play

{
	font-family:  Palantino, Times, serif;
	font-size: 14px;
	font-style: italic;
}	


span.painting

{
	font-family:  Palantino, Times, serif;
	font-size: 14px;
	font-style: italic;
}	

span.drawing

{
	font-family:  Palantino, Times, serif;
	font-size: 14px;
	font-style: italic;
}	

span.h2drawing


{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

painting

{
	font-family:  Palantino, Times, serif;
	font-size: 14px;
	font-style: italic;
}	

span.h2painting


{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

hpainting

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}	

cpainting

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}	
 
bkbook

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 10px;
	font-style: italic;
}


/* begin bibliography */

 

 p.bibl
 { 
 	font-size: 14px;
 	width: 600;
	text-align: left;
	padding: 0px;
	text-indent: -40px;
	font-family:  Palantino, Times, serif;
		}



/* float commands to replace html align right and left*/

.floatright 
{
float: right;
margin: 0 10px 10px 10px;
}


.floatleft 
{
float: left;
margin: 0 7px 7px 7px;
}






/* begin footer */

#footer  {
clear: both;
height: 170px;
width: 690px;
margin-bottom: 0px;
background: #ffffff
img-align: left;
margin-top: 30px;
}

#footer h3
{
	font-family:  Arial, Verdana, Helvetica sans-serif;
 	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	left: 40px;
}



 p.date
{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 10px;
	text-align: right;
	margin-right: 150px;
}	 
		

.nav-tile
{
float: left;
color: 58bf40;
background-color: #f6f302;
width: 110px;
height: 80px;
text-align: center;
font-family: Papyrus, ‘Metrophobic’, Times, serif;
font-weight: 400; 
font-size: 100%;
margin: 3px;
}