/*
Title:  article styles for archive.vector.org.uk
Author: sjt@5jt.com.
*/

/* Hide
----------------------------------------------------------------------------*/
#article #publication,
#article #validation,
#article .hide
	{display: none}


/* Typefaces
---------------------------------------------------------------------------- */

#article .plain,
#article h1.prefix,
#article p.legacy-warning
  {font-family: Verdana, "Helvetica Neue", Helvetica, Arial, swiss, sans-serif;}
  /* copy from master.css */

#article code,
#article pre,
#article .aplu, #article .aplh1, #article .aplh3, /* DEPRECATED */
#article .code,
#article tt {
  color: black;
  font-family: APLFONT1, APLFONT2, monospace;
  font-size: .9em;
  font-style: normal;
}

#article,
#article .body,
#article .print,
#article .plain
	{font-family: Cambria, "Linotype Palatino", Palatino, "Book Antiqua",
		"Times New Roman", Times, serif}

/* from vector.org.uk/archive/arch.css – DEPRECATED
............................................................................ */
#article #legacy .J
/*	{font-family:JSans,monospace;} */
#article #legacy .K
/*	{font-family:JSans,monospace;} */
#article #legacy .apl,
#article #legacy .APL
	{font-family: APLSans, monospace;}

#article #legacy div>pre
	{margin-top: .8em}  /* note deprecated nesting */



/* Type size & leading
---------------------------------------------------------------------------- */

#article {
	font-size: 1.4em;
	line-height: 1.3em;
	}

#article dt,
#article h2,
#article h3,
#article li
	{margin-bottom: 0.3em}

#article dd,
#article dl,
#article ol,
#article p,
#article table,
#article ul,
#article .block
#article .p
	{margin-bottom: 0.8em}

#article pre
	{margin-bottom: 1.0em}

/* from vector.org.uk/archive/arch.css – DEPRECATED
............................................................................ */
#article .aplh1
	{font-size: 1.4em;}
#article .aplh3
	{font-size:1.2em;}

/* Headings
---------------------------------------------------------------------------- */
/*
#article h1 {
  border-bottom: 1px solid gray;
  font-size: 2.0em;
  font-weight: normal;
  margin: 0.5em 0 1.5em 0;
  padding-bottom: 0.3em;
	}
*/
#article h1 {
	border: none;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0 0 0.3em 0;
	text-align: center;
	}
#article h1.prefix {
	color: gray;
	font-size: 80%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	}
#article h1.subtitle {
	font-size: 1.1em;
	margin: 0 0 0.3em 0;
	}
#article h1.author,
#article p.author, /* DEPRECATED */
#article h1#author {
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 3em;
	text-align: center;
	}

#article h2,
#article h3 {
  font-weight: bold;
  margin-top: 1.5em;
	}
#article h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 1.3em 0 0.3em 0;
	}
#article h3 {
	font-size: 1em;
	margin: 1.3em 0 0.3em 0;
	}


/* Page breaks
---------------------------------------------------------------------------- */
#article p,
#article pre,
#article table
	{page-break-inside: avoid}

#article h1,
#article h2,
#article h3,
#article h4
	{page-break-after: avoid}

/* Links with icons
---------------------------------------------------------------------------- */

/* external links in general
............................................................................ */
#article a[href ^="http://"],
#article a[href ^="https://"] {
	background-image: url(icons/www.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding-right: 13px; /* 10×10 icon */
	white-space: nowrap;
	}
/* lnks to document types
............................................................................ */
#article a[href $=".bmf"] 			{background-image: url(icons/bmf.gif)}
#article a[href $=".doc"] 			{background-image: url(icons/doc.gif)}
#article a[href $=".dws"] 			{background-image: url(icons/dws.gif)}
/*#article a[href ^="mailto:"], .eml	{background-image: url(icons/eml.gif)} */
#article a[href $=".odp"]			{background-image: url(icons/odp.gif)}
#article a[href $=".pdf"], .pdf		{background-image: url(icons/pdf.gif) ! important}
#article a[href $=".ppt"]			{background-image: url(icons/ppt.gif) ! important}
#article a[href $=".ttf"] 			{background-image: url(icons/ttf.gif)}
#article a[href $=".zip"]   		{background-image: url(icons/zip.gif)}

/*#article a[href ^="mailto:"], .eml, */
#article a[href $=".bmf"],
#article a[href $=".doc"],
#article a[href $=".dws"],
#article a[href $=".odp"],
#article a[href $=".pdf"], .pdf,
#article a[href $=".ppt"],
#article a[href $=".ttf"],
#article a[href $=".zip"]
{
	background-repeat: no-repeat;
	background-position: right 50%;
	padding-right: 19px;
	white-space: nowrap;
}
/* or cancel all this
............................................................................ */
#article a.noicon {
	background-image: none;
	padding: 0 ! important;
	white-space: normal;
	}


/* Lists
---------------------------------------------------------------------------- */
#article ol
	{list-style: decimal}
#article ul.bullet
	{list-style: disc}

#article ul
	{padding-left: 1.5em}
#article ol,
#article ul.bullet
	{padding-left: 2em}

#article li
	{margin: 0 0 0.3em 0}

#article dd
	{margin-left: 2em}
#article dt {
	font-style: italic;
	margin: 0.8em 0 0.3em 0;
	}


/* Tables
---------------------------------------------------------------------------- */
#article table
	{border-collapse: collapse}

#article caption {
	font-size: 90%;
	font-style: italic;
	}
#article td,
#article th
	{padding: 0 0.5em}
#article td {
	text-align: right;
	vertical-align: top; 
	}
#article th
	{vertical-align: bottom}

#article td.th,
#article th {
	color: #777;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
	}
#article table.bdr
	{padding: 1em}

#article table.left td,
#article table.left th
	{text-align: left}

#article table.math td {
	padding: 0 0.1em;
	line-height: 1em;
	text-align: center;
	vertical-align: middle;
	}


/* Images
---------------------------------------------------------------------------- */
#article img
	{max-width: 40em}
#article #legacy img {
	margin: 0 1em;
/*	max-width: none; */
	}


/* Block elements
---------------------------------------------------------------------------- */
#article pre {
	font-size: 80%;
	line-height: 1.2em;
	margin: 0 0 1em 1em; /* allow for all pre elements beginning and ending with a line break */
	/*
	long listings can be divided into successive pre elements
	so vertical whitespace between them needs to be in whole ems
	 */
	}
#article blockquote {
	font-size: 90%;
	line-height: 1.3em;
	margin: 1.2em 2em;
	}


/* Paras
---------------------------------------------------------------------------- */
#article p
	{text-align: justify}

#article p.attribution { 	/* source attribution following a quotation */
	margin: -0.8em 0 1.5em 0;			/* nullify preceding bottom margin */
	text-align: right;
	}
#article p.bcrumb {
	font-size: 0.9em;
	margin: 0 0 2em 0;
	text-align: right;
	}
#article p.caption {			/* to contain an image */
  font-size: 85%;
  font-style: italic;
  padding-bottom: 1em;
  text-align: center;
	}
#article p#abstract,
#article p.ednote {				/* editorial note above an article */
	font-size: 85%;
	line-height: 1.4em;
	margin: 0 5em 2em 5em;
	}
#article p.epigraph {									/* epigraph */
	font-style: italic;
	margin: 0 0 1.5em 20em;
	text-align: left;
	width: 23em;
	}
#article p.pullquote {
	border: 1px solid maroon; border-left: none; border-right: none;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.4em;
	margin: 1em 25%;
	padding: 0.5em;
	text-align: center;
	}
#article p.pubdetails {								/* review publication details */
	font-size: 80%;
	text-align: left;
	}

#article p.verse {											/* verse */
	font-style: italic;
	text-align: left;
	}
#article p.attribution,
#article p.epigraph
	{font-size: 90%}


/* Inline elements
---------------------------------------------------------------------------- */

#article code,
#article .code {
	font-size: 90%;
	font-style: normal;
	padding: 0 0.3em;
	white-space: nowrap;
	}
#article dfn,
#article em
	{font-style: italic}

#article sub,
#article sup
	{font-size: 90%}
#article sub
	{vertical-align:-40%}
#article sup
	{vertical-align: 40%}

#article tt {
	font-size: 85%;
	white-space: nowrap;
	}
#article pre tt {
	font-size: 117%; /* reverse 85% */
	white-space: pre;
	}


/* Block classes
---------------------------------------------------------------------------- */
.bdr
	{border: 1px solid #AAA}
.block
	{display: block}
.caption {
	font-size: 80%;
	font-style: italic;
	}
.center, .centred {
  margin-left: auto;
  margin-right: auto;
  text-align: center ! important;
	}
.clear
	{clear: both}
.fleft {
	clear: right;
	float: left;
	margin: 0 2em 0.5em 0;
	}
.footnote {
	background: #FFE;
	border: 1px solid #CCC;
	float: right;
	font-size: 70%;
	line-height: 1.3em;
	margin: 0 0 1em 2em;
	padding: 1em;
	width: 30%
	}
.fright {
	clear: left;
	float: right;
	margin: 0 0 2em 1.5em;
	}
.hdg {
	font-weight: bold;
	margin-top: 1em;
	}
.left
	{text-align: left ! important}
.panel {
	background: #FFD;
	border: 1px solid #CCF;
	font-size: 90%;
	padding: 0.5em 1em;
	}
.right
	{text-align: right}
.tagline {
	font-size: 1.2em;
	font-style: italic;
	margin: 0 0 2em 5em;
	}


/* General classes
---------------------------------------------------------------------------- */
.bold
	{font-weight: bold}
.gray
	{color: gray}
.highlight {
	background-color: yellow;
	padding: 1px 2px;
	}
.italic
	{font-style: italic}
.large
	{font-size: 1.2em}
.nowrap
	{white-space: nowrap}
.math, .nowrap
	{white-space: nowrap}
.pad, .padded
	{padding: 0.5em}
.padded td
	{padding-right: 1em}
.shaded
	{background: #EEE}
.small
	{font-size: 80%}
.smallcaps {
	font-size: 85%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}
.tight
	{letter-spacing: -0.1em}
.wrap
	{white-space: normal ! important}


/* Legacy warning
---------------------------------------------------------------------------- */
#article p.legacy-warning {
	background: #ffc;
	border: solid 1px maroon;
	color: red;
	padding: 1em;
	text-align: center;
}