/*
The Homeroom - base typography (screen). Layout lives in extended3.css.

colours used are:

	blue			#006		nav bar section :hover, h1, h2
	red				#900		nav bar current section, h3, h4, links
	dark gray		#333		body text
	mid gray		#666		rules, captions
	white			#fff		body background

fonts used are:

	body & headings	Gill Sans (Mac), Trebuchet MS / Segoe UI (Windows),
					or the system sans-serif
*/
@import url('extended3.css');

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	font-family: 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.125rem;       /* 18px at the browser default */
	line-height: 1.6;
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0 1.5rem;
}

h1, h2, h3, h4 {
	font-family: inherit;
	font-weight: normal;
	line-height: 1.25;
	margin: 1.6em 0 0.6em;
}

h1, h2 {
	color: #006;
	font-variant: small-caps;
}

h3, h4 { color: #900; }

h1 { font-size: 1.9rem; margin-top: 1em; }
h2 { font-size: 1.45rem; }
h3, h4 { font-size: 1.2rem; }
h4 { font-style: italic; }

/* Headings that directly follow a heading (title + dates) sit close together */
h1 + h2 { margin-top: -0.4em; }

p, ul, ol, blockquote, table { margin: 0 0 1.1em; }

/* Keep running text to a readable measure even when the column is wider */
p, li, dd, blockquote { max-width: 78ch; }

li { margin-bottom: 0.3em; }

blockquote { margin-left: 1.5em; margin-right: 1.5em; }

th, td { vertical-align: top; }

hr {
	border: 0;
	border-top: 1px solid #ccc;
	margin: 2em 0;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

a:link, a:visited {
	color: #900;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

a:hover, a:focus { color: #006; }

.RightFloat {
	float: right;
	margin: 0.3em 0 0.8em 1.5em;
	text-align: right;
}

.LeftFloat {
	float: left;
	margin: 0.3em 1.5em 0.8em 0;
	text-align: left;
}

.Caption {
	font-size: 0.9rem;
	line-height: 1.4;
	color: #666;
}

/* Small screens: slightly smaller type, tighter gutters, no floats */
@media (max-width: 40em) {
	body {
		font-size: 1.0625rem;  /* 17px */
		padding: 0 1rem;
	}

	h1 { font-size: 1.6rem; }
	h2 { font-size: 1.3rem; }
	h3, h4 { font-size: 1.15rem; }

	blockquote { margin-left: 1em; margin-right: 0; }

	.LeftFloat, .RightFloat {
		float: none;
		display: block;
		margin: 0 0 1em;
		text-align: left;
	}

	/* Wide tables scroll sideways inside the column instead of the whole page */
	#ContentSection table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}

	/* Home page collage: stack the two-up table into a single column */
	body #index, body #index tbody, body #index tr, body #index tr td {
		display: block;
		width: auto;
		text-align: left;
	}
	body #index { margin: 1em 0; }
	body #index tr td.Right { text-align: left; }
	body #index tr td:empty { display: none; }
}