/* -------------------------------------------------------------- 
  
   Black  Loyalists in New Brunswick, 1784-1854
  	Screen, Projection Styles
   * Version:   0.1 (2008.02.05)
   * Website:   http://atlanticportal.hil.unb.ca/acva/blackloyalists/en/
   
 -------------------------------------------------------------- */

/* -------------------------------------------------------------- 
	Blueprint CSS Framework: screen, projector styles
 -------------------------------------------------------------- */
@import '/wayback/20141205151514cs_/http://atlanticportal.hil.unb.ca/acva/css/blueprint/screen.css';

/* --------------------------------------------------------------------------
	Import global ACVA styles
	-------------------------------------------------------------------------- */
/* todo: move more code into global ACVA stylesheet */	
@import '/wayback/20141205151514cs_/http://atlanticportal.hil.unb.ca/acva/css/global/screen.css';

/* -------------------------------------------------------------- 
	Customize Blueprint defaults: typography
 -------------------------------------------------------------- */
body { 
	font-size: 87.5%; 
}
 
h2 { 
	margin: .25em 0 .5em;
}

h3 {
	line-height: normal;
}


/* table properties */
table {
	width: 100%;
}
th, td {
	vertical-align: middle;
	padding: 5px 10px 5px 0;
}
table .nowrap {
	white-space: nowrap;	
}

/* link properties */  
 a, a:link {
 	text-decoration: none;
 	background-color: inherit;
 	color: #2e3a57;
	font-weight: bold; 
 }
 
 a:focus, a:hover {
	color: #2e3a57;
	background-color: inherit;
 	text-decoration: underline;
 }
 
.small {
	font-size: .9em; 
	margin-bottom: 1.5em; 
	line-height: 1.5em; 
}

/* -------------------------------------------------------------- 
	Customize Blueprint defaults: grid
 -------------------------------------------------------------- */
  .border {
 	/* redefine an un-used column border; now a very simple gray border. */
 	margin: 0; padding: 0;
 	border: 1px solid gray;
 }
 
 .clear {
 	/* I don't understand why the Blueprint .clear class doesn't work */
 	clear: both;
 }
  .prepend-half { 
	padding-left: 20px; 
}

.append-half {
	padding-right: 20px;  
}
.box {
	background-color: #bbc1ce;
	color: inherit;  
}
.frame {
	text-align: center;
	border: 1px solid #ccc;
}
.box, .frame { 
	padding: 1em; 
	margin: 1em;
}
.box img, .frame img {
	border: 1px solid #ccc;
	margin: .5em;
}
.box p, .frame p {
	margin: .5em 0;
}
.box h3, .frame h3 {
	margin: 0 0 .5em;
}
.box h4, .frame h4 {
	margin: 1em 0 0;
}
/* -------------------------------------------------------------- 
	Global site-specific styles
 -------------------------------------------------------------- */
.watermark {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/watermark.jpg) no-repeat bottom left;
}
.pdf {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/page_white_acrobat.png) no-repeat bottom right;
	padding: 0 1.5em 0 0;
}
.less {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/less.gif) no-repeat center left;
	padding: 0 0 .25em 1em;
}
.more {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/more.gif) no-repeat center right;
	padding: 0 1em 0 0;
}
.zoom 	{ 
	padding: 0 0 .25em 2em;
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/zoom.gif) no-repeat center left; 
}
.ucfirst {
	text-transform: capitalize;
}
.underscore {
	/* same border as typography.css:td */
	border-bottom: 1px solid #ddd;
}

/* ------------------------  custom bullets  ---------------------------------*/
.pdfbullet, .htmlbullet {	
	padding: .5em 0 0 1.5em;
}
.pdfbullet {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/page_white_acrobat.png) no-repeat bottom left;
}
.htmlbullet {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/page_world.png) no-repeat bottom left;
}
/* ----------------------  end custom bullets  -------------------------------*/


/* divs that contain captioned images */
.captionbox {
	text-align: center;
	margin-bottom: 1em;
}
.captionbox img {
	display: block;
	/*	border: 1px solid gray;*/
	margin: 0 auto .5em auto;
}

/* Unstyled lists for custom bullet design */
ol.custom-bullets, ul.custom-bullets {
	list-style-type: none;
	margin-left: 0;
}

/* -------------------------------------------------------------- 
	.splash: container for splash page
 -------------------------------------------------------------- */
 .splash h1 {
 	/* Reset header font-size, margins before replacement */
	margin: 0;
	font-size: 1em;
	
	/* define size of replacement image */
	width: 800px;
	padding-top: 550px;
	overflow: hidden;
	height: 0;
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/splash.jpg) no-repeat top left; 
 }
 
.splash ul {
  	list-style-type: none;
  	width: 800px;
  	margin: 0;
	color: #2e3a57;
	background-color: #cfc6b5;
	text-align: center;
	padding: .5em 0 .5em;
	border-bottom: 1.25em solid #2e3a57;
 }

 .splash li {
 	display: inline;
 	padding: 0 .5em;
 	font-size: larger;
 }

/* -------------------------------------------------------------- 
	.header: banner for content pages
 -------------------------------------------------------------- */
.header {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/headerbg.jpg) repeat-x top left;
	border: 1px solid #2e3a57;
	border-bottom: 1px solid #4c5979;
}

.header div {
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/headerright.jpg) no-repeat top right;
}

.header h1 {
	/* Reset header font-size, margins before replacement */
	margin: 0;
	font-size: 1em;
	
	/* define size of replacement image */
	width: 475px;
	padding-top: 66px;
	overflow: hidden;
	height: 0;
	background: transparent url(/wayback/20141205151514oe_/http://atlanticportal.hil.unb.ca/acva/blackloyalists/images/header.jpg) no-repeat top left; 
}

/* -------------------------------------------------------------- 
	.nav: language toggle + main menu
 -------------------------------------------------------------- */
 .nav {
 	color: #dad1c2;
	background-color: #2e3a57;
	border: 1px solid #2e3a57;
 }

 .nav ul {
 	margin: 0 .5em;
 	padding: 0;
	list-style-type: none;
 }
 
 .nav li {
 	display: inline;
 	margin: 0 .5em;
 }
 
 .nav p {
	text-align: right;
	margin: 0 .5em;
 }
 
.nav a {
	color: #dad1c2;
	background-color: #2e3a57;
}
 
.nav a:active {
	color: #4c5979;
	background-color: inherit;
}

/* -------------------------------------------------------------- 
	.content: page content area
 -------------------------------------------------------------- */
 .content {
 	border: 1px solid #ddd;
 }
 
/* -------------------------------------------------------------- 
	.footer: page footer
 -------------------------------------------------------------- */
.footer {
	border: none;
}

.footer, .footer ul, .footer p {
	text-align: center;
}

.footer ul {
	list-style-type: none;
	margin: 1em 0 .5em;
}

.footer li {
	display: inline;
	margin: 0 .5em;
}
 
/* --------------------------------------------------------------------------
		Bibliography styles
	-------------------------------------------------------------------------- */
.bibliolist p {
	text-indent: -2em;
	margin-left: 2em;

}

 
/* ------- learning resources: promise of land: document list --------------- */

.lr-doclist p {
	margin: .5em auto;
}
.lr-doclist ul.opts li {
	display: inline;
	margin-right: .5em;
}

 /* --------------------------------------------------------------------------
               Learning resources: transcription activity
	------------------------------------------------------------------------- */
div.resource {
       /* learning activity feature box */
       background-color:  #bbc1ce;
       margin-left: 5px;
       margin-bottom: 20px;
       padding: 10px 20px;

}
div.resource .small {
	/* shrink line-height of small text */
	line-height: 1.1em;	
}
div.resource .r-float {
       /* images, captions in learning activity boxes are right-floated */
       float: right;
       text-align: center;
       margin: 0 0 5px 10px;
}

div.resource h3 {
       /* add more oomph to main title */
       margin-bottom: 10px;
       border-bottom: 3px double #2e3a57;
}

div.resource h4 {
       /* add more oomph to box title */
       padding-bottom: 2px;
      border-bottom: 1px solid #2e3a57;
       color: black;
}

div.resource h4, div.resource h5, div.resource p, div.resource ul {
       /* reduce bottom margins on these block elements in learning activity boxes */
       margin-bottom: .5em;
}

div.resource h4, div.resource h5 {
       /* ... but increase top margin here; h5 used to introduce each learning activity */
       margin-top: 1em;
}

div.resource h5 {
	/* Default h5 is same size & weight as linked text; re-style to lessen
               ambiguity */
      font-weight: normal;
	font-style: italic;
}


 /* --------------------------------------------------------------------------
		Result list navigation
	-------------------------------------------------------------------------- */
.results-nav {
	text-align: right;
}
.results-nav a {
	margin: 0 1em;
}

/* --------------------------------------------------------------------------
		Document display
	-------------------------------------------------------------------------- */
/* todo: move global TEI styles into common stylesheet */
.tei-info { margin: 20px 10px 10px 20px; }
.tei-info h4 { overflow: hidden; margin-bottom: 1em; padding-bottom: 3px; border-bottom: 1px solid #ccc;  } 
.tei-info h5 { overflow: hidden; margin: 0 0 1em -.5em; padding: 0 0 0 .5em; font-weight: normal; font-style: italic; background-color: #ddd; } 

/* Editorial declaration headings. Class name is inconsistent because it's
generated dynamically from TEI code, and follows TEI naming conventions. */
.tei-info .editorialDeclHeader { margin: 0 0 1em; font-size: 1em; font-weight: bold; color: #333; }

/* '.tei' wraps document content of all forms (text, images, audio, etc.)  */
.tei-text { margin: 20px 10px 20px 40px;  }

/*
A TEI '<p>' element may contain elements (like '<note>', or '<figure>') that,
when transformed, result in HTML block-level elements not permitted in the
content model for the HTML '<p>' element. To avoid this, TEI '<p>' elements are
transformed to infinitely-nestable '<div>' elements. 

We want to retain paragraph styles, though: font size, line height, margins, etc.
*/
.tei-info .p, .tei-text .p {
	margin: 0 0 1.5em;
}

/* Indent block text in document body ... */
.tei-text p, .tei-text .p { 
	text-indent: 2em;
	width: 700px;
}
/* ... but don't indent page breaks, images or captions (the indent style will
	be inherited from .p) */
.tei-text .caption, .tei-text .figure, .tei-text .pb, .tei-text .address p, .tei-text .closer p {
	text-indent: 0;
}

/* "center" page breaks & page numbers */
.tei-text .pb {
	margin: 1em;
	text-align: center;
}

/* Addresses and closers are right-blocked. */
.tei-text .address, .tei-text .closer {
	margin-left: 400px;
}
/* Address 'paragraphs' should be treated as lines.  Since indented,
	 reduce width defined above for  p, .p  */
.tei-text .address p {
	margin: 0;
	width: 300px;
}

/* increase bottom margin on opening/closing salutations */
.tei-text .salute {
	margin-bottom: 1em;
}

/* Common styles for thumbnail images */
.tei-text .figure {
	width: 160px;
	float: right;
	text-align: center;
	line-height: 1.2em;
	margin-bottom: 20px;
}

/* Images that occur INSIDE a paragraph-type block */
.tei-text p .figure, .tei-text .p .figure {
	width: 160px;
	/* move box OUTSIDE containing paragraph */
	margin-right: -200px;
}

.tei-text .figure a { display: block; }

.tei-text .figure img {
	border: 1px solid gray;
	margin-bottom: 5px;
}

/* --------------------------------------------------------------------------
		Zoomify objects & alternative content
	-------------------------------------------------------------------------- */
#zoomify { clear: none; margin: 0 20px 20px 20px; }

/* dynamically generated by SWFObject library */
#flashZoomifyViewer { display: block; clear: right; margin: 0 auto 20px auto; }

/* todo: copied from .tei-info.  Combine styles. */
#zoomify h5 { overflow: hidden; margin: 0 0 1em -.5em; padding: 0 0 0 .5em; font-weight: normal; font-style: italic; background-color: #ddd; }

#zoomify a img 		 { padding: 3px; border: 2px solid transparent; }

/* displayed under Zoomify Viewer, if viewer supported */
.zoomify-caption { clear: both; text-align: center; }

/* Thumbnails for zoomify links to other pages in the series */
.thumbnail { float: left; width:120px; height:170px; margin: 0 15px 15px 0; padding: 15px; text-align:center; }
.thumbnail-info {margin: 20px 10px 10px 20px;}
.thumbnail-info h5 { overflow: hidden; margin: 0 0 1em -.5em; padding: 0 0 0 .5em; font-weight:normal; font-style: italic; color:inherit; background-color: #ddd; }

/* --------------------------------------------------------------------------
		Document navigation: right-floated display options (all modes)
	-------------------------------------------------------------------------- */
.doc-nav {
	width: 225px;
	float: right;
	margin: 10px 10px 10px 20px;
}
.doc-nav h4 {
	margin: auto auto .5em auto;
}
/* .doc-nav also occurs within .tei, so limit paragraph width */
.doc-nav p {
	max-width: 225px;
	text-indent: 0;
}

/* List items use .dplicon, etc. as bullets rather than replacement images */
.doc-nav li {
	height: auto;
	width: auto;
	margin-left: .5em;
	padding: .3em 0 .3em 2em;
	background-position: center left;
}