/* The body layout is set up to be centered on a wide screen, have
   minimum and maximum dimensions to control crowding and space.  It
   has a little padding to control the gutter on left and right, since
   the multiple columns must exactly fill the box and need left
   margins and padding of zero. */

body {
	margin:12pt auto 0pt auto;  /* TRBL */
	padding: 0pt 1em 0pt 1em;
	min-width: 65em;
	max-width: 85em;
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: black;
	color: white;
}

/**************** main layout block definitions ************************/

/* an optional banner which spans the columns */
div#banner {
	margin: 20px 0px 20px 0px; /* TRBL */
}
/* banner heading, which can span the columns, used as the work title on a multiple-work page */
#banner h1 { 
	/* margin:0px; padding:10px; */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 300%;
	font-weight: lighter;
}

/* Define the generic column block element.  The columns must be set
   to take up 100% of the body width, no more, with margins of 0 to
   control the width exactly.  The top and bottom margins could be
   adjusted if needed. */

div.column {
	float:left;
	margin:  0pt 0pt 0pt 0pt;
	padding: 0pt 0pt 0pt 0pt;
}

/* customize div.column for the each column width */
div#column1.column  { width:25%; }
div#column2.column  { width:25%; }
div#column3.column  { width:25%; }
div#column4.column  { width:25%; }

/***************** generic formatting ***********************************/
p,h1,pre {
	margin:0px 10px 10px 10px;
}

/* link colors */
A:link 	  { color: #e0e0ff;}
A:visited { color: #e0ffe0;}
A:active  { color: red; }

/* unimplemented links are dimmed out for now */
a.missing {
	color: #808080;
}	 

/* a heading normally used for the work title on a single-work page*/
h1 {
	font-size:36px;
	font-weight: normal;
	padding-top:10px;
}
/* a heading normally used for the work title on a multiple-work page*/
h2 {
	font-size:24px;
	font-weight: normal;
	padding-top:10px;
	text-align: center;
}

/* typically right below the h1 work title, often for materials and date */
p.subtitle {
	font-size: 18pt;
}	

/* typically right below the h1 work title, for artist name */
p.artist {
	font-size: 18pt;
}	

/* set of words used as link anchors */
p.linkwords {
	margin-left: 1em;
	line-height: 1.5em;  /* space them out to be easier to select */
	font-size: 16pt;
}	

/* container for the main text paragraphs */
div.statement {
	margin: 0pt 2em 0pt 1em;
}	    

/****************** image float formatting *********************************/

/* A block element to contain images which will be stacked up; this allows the images to 
   float left or right and stack up horizontally, but will clear the float on the next set.
   An empty paragraph or other float-clearing element should be used to end the stack. */
p.imagestack {
	clear: both;
}

/* left-floating images */
img.flushleft {
	margin: 20px 0px 20px 0px; /* TRBL */		
	float: left;
}

/* centered images */
img.centered {
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block; /* treat this image as a block element so the margin properties apply */
}

/* right-floating images */
img.flushright {
	padding: 10pt 0pt 20pt 0pt;
	float: right;
}

/* the logo which is placed to float to the bottom right of the body */
p#logo {
	position: relative;
	bottom: 90px;
	padding: 0pt 0pt 0pt 0pt;
	margin:  0pt 0pt 0pt 0pt;
	float: right;
	height: 0pt; /* pretend it has no height so no space will be reserved */
}

/* a paragraph formatted array of images justified to both sides */
p.imagearray {
	text-align: left;
	font-size: 4pt;
	line-height: 1em;  
}
img.array {
	background-color: black;
	padding: 0px;
	margin: 1em;
}