/* --------------------------------------------------------------------------
	The MacDonald Family Letters, 1779-1785
	http://atlanticportal.hil.unb.ca/acva/macdonald
	
	This stylesheet defines screen and projection styles.

	$LastChangedDate: 2009-06-05 13:53:09 -0300 (Fri, 05 Jun 2009) $
	$LastChangedBy: jwhitney $
	$Rev: 1686 $
	-------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
	Import styles from Blueprint CSS framework
	-------------------------------------------------------------------------- */
/* todo: update Blueprint */	
@import '/wayback/20141205151516cs_/http://atlanticportal.hil.unb.ca/acva/css/blueprint_0.7.1/screen.css';

/* --------------------------------------------------------------------------
	Import global ACVA styles
	-------------------------------------------------------------------------- */
/* todo: move more code into global ACVA stylesheet */	
@import '/wayback/20141205151516cs_/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%; }
table .nowrap { white-space: nowrap; }
th, td { vertical-align: middle; padding: 5px 12px 5px 0; background-color:inherit;}

/* link properties */ 
a, a:link { text-decoration: none; color:#66443b; background-color: inherit; font-weight: bold;  }
a:focus, a:hover { color: #66443b; background-color: inherit; text-decoration: underline; }

/*
URL needs to be fixed; external-link image possibly not needed when displayed next to WorldCat logo buttons. 
a[href^="http:"] { display: inline-block; padding-right: 12px; background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/~kcrandall/acva/images/icons/external_link.png) center right no-repeat; }
*/
/*a.external:link{  display: inline-block; padding-right: 12px; background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/~kcrandall/acva/images/icons/external_link.png) center right no-repeat; } */

/* text styles */
em { background-color: transparent; color: inherit; }
.small { font-size: .9em; margin-bottom: 1.5em; line-height: 1.5em; }
.u { text-decoration: underline; }
.del { text-decoration: line-through; }
.ucfirst { text-transform: capitalize; }

/* Shrink floating image margins in div.small */
/* todo: check class usage */
div.small p img { margin: .5em .5em .5em 0; }
div.small p img.top { margin-top: 0; }
div.small img { margin: 0 0 .5em; }

/* Selection copied from Blueprint fancy text */
/* todo: check class usage */
.alt { 
	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
	font-style: italic;
	font-weight: normal;
}

/* --------------------------------------------------------------------------
	Customize Blueprint defaults: grid
	-------------------------------------------------------------------------- */
	
/* redefine column border: use simple gray border */	
.border { margin: 0; padding: 0; border: 1px solid gray; }
 
/* custom column span */
/* todo: check class usage */
.span-1p5 { width: 50px; }
 
/* custom append, prepend widths */
.prepend-half { padding-left: 20px; }
.append-half { padding-right: 20px; }

/* todo: check class usage and add comments */
.box { background-color:#ebe3d8; 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; } 

/* --------------------------------------------------------------------------
	Site-specific styles
	-------------------------------------------------------------------------- */

/* background icons */
/* todo: move these into ACVA stylesheet */
img.icon { float: none; vertical-align: middle; margin: 0; }
a img.icon { border: none; }

/* .pdf { background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/acva/images/icons/page_white_acrobat.png) no-repeat bottom right; padding: 0 1.5em 0 0; } */
.zoom { background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/acva/macdonald/images/zoom.gif) no-repeat center left; padding: .25em 0 .25em 2em; }


/* Divs that contain captioned images */
/* todo: check usage, move into ACVA stylesheet */
.captionbox { text-align: center; margin-bottom: 1em; }
.captionbox img { display: block; margin: 0 auto .5em auto; }

/* Unstyled lists for custom bullet design */
/* todo: check usage, move into ACVA stylesheet */
ol.custom-bullets, ul.custom-bullets { list-style-type: none; margin-left: 0; }

/* --------------------------------------------------------------------------
	Site graphics
	-------------------------------------------------------------------------- */
	
/* Home page watermark */
.watermark { background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/acva/macdonald/images/watermark.jpg) no-repeat bottom left; background-position: 1em 2em; }	

/* Page banner */
.header { background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/acva/macdonald/images/header_middle.jpg) repeat-x top left; border: 1px solid #250902; border-bottom: 1px solid #826c5f; }
.header div { background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/acva/macdonald/images/header_right.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/20141205151516oe_/http://atlanticportal.hil.unb.ca/acva/macdonald/images/header_left.jpg) no-repeat top left; 
}

/* --------------------------------------------------------------------------
	Main menu and language toggle
	-------------------------------------------------------------------------- */
.nav { color: #ebe3d8; background-color: #250902; border: 1px solid #250902; }
.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: #ebe3d8; background-color: #250902; }
.nav a:active { color: #ebe3d8; background-color: inherit; }

/* --------------------------------------------------------------------------
	Page content
	-------------------------------------------------------------------------- */
	
.content { border: 1px solid #ddd; }

/* --------------------------------------------------------------------------
	Document browse, display
	-------------------------------------------------------------------------- */
	
	

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

/* document mode options */
.doc-nav { width: 225px; float: right; margin: 10px 10px 10px 20px; background-color:#ebe3d8; }
.doc-nav h4 { margin: auto auto .5em auto; }

/* .doc-nav also occurs within .tei, so limit paragraph width */
/* todo: what? */
.doc-nav p { max-width: 225px; text-indent: 0; }

/* List itmes use icon classes instead of bullets */
.doc-nav li { height: auto; width: auto; margin-left: .5em; padding: .3em 0 .3em 2em; background-position: center left; }

.dplicon, .modicon, .imgicon, .audicon, .infoicon { display: block; margin: 0; padding: 0; height: 0; width: 16px; padding-top: 16px; overflow: hidden;
background-position: center center; }

/* --------------------------------------------------------------------------
    Splash settings, text headers, images, links
    ------------------------------------------------------------------------- */
    
.splash h1 { margin: 0; font-size: 1em; width: 700px; padding-top: 531px; overflow: hidden; height: 0; background: transparent url(/wayback/20141205151516oe_/http://atlanticportal.hil.unb.ca/acva/macdonald/images/splash.jpg) no-repeat top left;  }
 .splash a, .splash a:link {background-color: inherit; color: #ebe3d8; position:relative; bottom: 2em; right: .5em;}
 .splash ul { list-style-type: none; margin: 0; width: 700px; height: 100px; text-align: right; }
 .splash li { display: inline; padding-right: 1em; }
 
 	

/* --------------------------------------------------------------------------
	Metadata, text, and images generated from TEI-encoded source document
	-------------------------------------------------------------------------- */
/* 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; }


/* document content */
.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 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; }

/* Fake centre alignment for 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: move box OUTSIDE containing paragraph */
/* todo: check class usage */
.tei-text p .figure, .tei-text .p .figure { width: 160px; margin-right: -200px; }
.tei-text .figure a { display: block; }
.tei-text .figure img { border: 1px solid gray; margin-bottom: 5px; }

/* --------------------------------------------------------------------------
	Image navigation: right-floated page icons
	-------------------------------------------------------------------------- */
.tei-text .doc-nav { width: 160px; margin-top: 0; }
.tei-text .doc-nav h5 { margin-bottom: 20px; font-weight: normal; padding-bottom: 2px; border-bottom: 1px solid #ccc; }
.tei-text .doc-nav .selected img { padding: 2px; border: 2px solid #4a4b3b; }

/* --------------------------------------------------------------------------
	Zoomify objects & alternative content
	-------------------------------------------------------------------------- */	

/* Alternative content, if Zoomify Viewer not supported */
#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; color:inherit; background-color: #ddd; }

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

/* 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; }

/* --------------------------------------------------------------------------
	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; }