/* Author information for tablet.css
-------------------------------------------------
   Version 1.00 | Monday, April 01, 2013
   Version 1.01 | Monday, August 05, 2019
   Style sheet by Keith W Bell
   www.december14.biz
   ----------------------------------------------
   This style sheet, associated graphics and web
   page design are copyrighted materials and may
   not be copied or reproduced by any party for
   any reason whatsoever.
   ----------------------------------------------
 * C O N T E N T S                           Flag
   ----------------------------------------------
   Document body, basic layout and text        =1
   Sectioning and related flow content         =2
   Heading content                             =3
   Grouping and related flow content           =4
   Phrasing content & edits                    =5
   Embedded content                            =6
   Form content                                =7
   Special features                            =8
------------------------------------------------- */


/* Document body, basic layout and text        =1
------------------------------------------------- */

body {
	padding-bottom: 50px;
	color: #DDDDDD;
	background: #222233;
	}

#content {
	margin: 50px 0 0;
	padding: 20px;
	width: 475px;
	/*	Use RGBA for background-color rather than the simpler opacity property to
		avoid the problem of inheritance of opacity on child elements.
		RGBA is not supported in IE below IE9, so this is overridden by the rule
		in ie7.ie8.css for IE7 & IE8. */
		background: rgba(0, 18, 34, 0.925);
	}


/* Sectioning & related flow content           =2
-------------------------------------------------
   HEADER, FOOTER, ADDRESS, NAV.
------------------------------------------------- */

header {
	position: static;
	margin-right: 0;
	padding-bottom: 0;
	border-bottom: 0;
	}

/*	The .banner class is applied to an H1 or P child of HEADER, depending on
	whether the page is the Home page or not.
	Width, height & overflow properties are for image replacement of text:
	specify width and height of replacement image, and hide any overflow. */
	.banner {
		margin: 0;
		padding: 0;
		width: 475px;
		height: 78px;
		overflow: hidden;
		}
/*	Image replacement with generated content.
	Not supported by IE7, which needs a fix in ie7.ie8.css. */
	.banner:before {
		content: url(/graphics/banner.png);
		font-size: 0;
		line-height: 0;
		display: inline-block;
		}

footer {
	margin: 1em 0 0 30px;
	}

address {
	float: left;
	}

nav {
	/* Inherited from basic.css */
	}

	.global {
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 2.5em;
		font-family: verdana, sans-serif;
		font-size: 0.7em;
		text-transform: uppercase;
		background: #001222;
		}

	.local {
		margin: 1.5em 0 0;
		}


/* Heading content                             =3
-------------------------------------------------
   Only H1, H2 & H3 currently in use.
------------------------------------------------- */

h1, h2, h3 {
	margin: 1.5em 0 0 30px;
	}

h1 {
	margin-bottom: -1em;
	font-size: 1.5em;
	}

h2 {
	font-size: 1.25em;
	}

/*	Heading for global navigation menu. */
	nav h2 {
		display: none;
		}


/* Grouping & related flow content             =4
-------------------------------------------------
   BLOCKQUOTE, P, UL, LI, FIGURE, FIGCAPTION,
   HR.
------------------------------------------------- */

blockquote {
	margin: 1em 0 0 30px;
	}

p {
	margin: 2em 0 0 30px;
	}

/*	In FOOTER. */
	footer p {
		text-align: right;
		}
	/*	Additional footnotes. */
		p.footnote {
			margin-left: 0;
			text-align: left;
			}

ul, ol {
	margin: 0 0 0 30px;
	}

/*	In NAV.global menu. */
	.global ul {
		margin: 0 0 0 10px;
		}

/*	In NAV menus. */
	nav li {
		text-indent: 0;
		}
	.global li {
		display: inline;
		line-height: 2.5em;
		}

/*	'Current page' LI.selected in NAV.global menu. */
	.global .selected {
		padding: 0 5px;
		border-bottom: 3px solid #FFA500;
		color: #FFFFFF;
		background: #808080;
		display: inline-block;   /* Not supported by IE7, which needs a reversing rule in ie7.ie8.css. */
		}
	.global .selected:before {
		margin: 0;
		content: '';
		}

figure {
	margin: 1em 0 0 30px;
	}


/* Phrasing content & edits                    =5
-------------------------------------------------
   A, CITE, DFN, I, EM, ABBR, SMALL, DEL, INS.
------------------------------------------------- */

/*	In NAV.global menu. */
	.global a {
		padding: 0 5px;
		display: inline-block;
		}
	.global a:visited {
		color: #999999;
		}
	.global a:hover,
	.global a:focus,
	.global a:active {
		color: #FFFFFF;
		}

/*	Following a BLOCKQUOTE, citing the source.
	HTML5 says CITE should not be used to mark up people's names.
	But that's bloody stupid. http://24ways.org/2009/incite-a-riot */
	blockquote+cite {
		margin-left: 30px;
		padding: 0.5em 30px 0.5em 5em;
		}


/* Embedded content                            =6
-------------------------------------------------
   IMG only at present; almost exclusively for
   the photographs which should be scaled to 100%
   of the available width.
------------------------------------------------- */

img {
	width: 100%;
	}

/*	The lazy loading placeholder images. Ensures the placeholder is not
	displayed as well as the 'real' image in non-JS environments. */
	.lazy {
		display: none;
		}

	.natural {
		float: left;
		margin-right: 1em;
		}

	.w45 {
		width: 45%;
		}


/* Form content                                =7
------------------------------------------------- */

form {
	margin: 1em 0 0 30px;
	}


/* Special features                            =8
-------------------------------------------------
   SimpleModal dialog box generated by jQuery.
------------------------------------------------- */

#simplemodal-container {
	padding: 1em;
	width: 25em;
	height: 15em;
	}

#simplemodal-container h1 {
	margin-left: 0;
	}