/* Author information for smartphone.css
-------------------------------------------------
   Version 1.00 | Monday, April 01, 2013
   Version 1.01 | Monday, August 05, 2019
   Version 1.02 | Friday, July 31, 2020
   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
   Tabular content                             =7
   Form content                                =8
   General classes                             =9
   Special features                            =0
   ----------------------------------------------
 * C O L O U R   M E M O                      Hex
   ----------------------------------------------
   Body text                              #F0F0F0
   Body text italic (em and i)            #FE57A1
   Body background                        #222233
   'Menu' tab text                        #FFFFFF
   Nav and 'menu' tab background          #001222
   Content background      rgba(0, 18, 34, 0.925)
   ----------------------------------------------
   Heds (h1, h2 and h3)                   #FF8200
   ----------------------------------------------
   :link text (body, footer & nav)        #FFCC00
   :visited text (body & footer)          #AA7E00
   :visited text (nav)                    #999999
   :hover, :focus, :active text           #FFFFFF
   :hover, :focus, :active background     #FE57A1
   ----------------------------------------------
   Current page text (nav)                #FFFFFF
   Current page background (nav)          #808080
   Current page bottom border (nav)       #FFA500
   ----------------------------------------------
   Form labels                            #FE57A1
   Border (body)                          #001222
   Borders (header, footer, figures)      #FF8200
   ----------------------------------------------
   (From normalise.css)
   Selected text                          #FFFFFF
   Selected text background               #FE57A1
------------------------------------------------- */

@font-face {
	font-family: 'Office Typewriter Book';
	src: url('/webfonts/officetypewriter-webfont.eot');
	src: url('/webfonts/officetypewriter-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/webfonts/officetypewriter-webfont.woff') format('woff'),
	     url('/webfonts/officetypewriter-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}


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

body {
	border-top: 4px solid #001222;
	font-family: Office Typewriter Book, lucida bright, georgia, serif;
	font-size: 100%;
	line-height: 1.5;
	color: #CCCCCC;
	background: #001222;
	}

#content {
	margin: 0 10px;
	padding: 6em 0 0;
	background: #001222 url(/graphics/monogram.png) -11px 0 no-repeat;
	}

.banner {
	text-align: left;
	}


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

header {
	position: absolute;
	top: -0.5em;
	left: 100px;
	margin-right: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #FF8200;
	}

footer {
	margin: 1em 0 0;
	border-top: 1px solid #FF8200;
	font-size: 0.8em;
	}

address {
	margin-top: 0.5em;
	font-style: normal;
	}

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

	.global {
		margin: 1em 0 0;
		padding: 0.5em;
		background: #002333;
		}

	.local {
		margin: 1.5em 0 0 -30px;
		}

	.sitemap {
		margin: 0;
		}

	.sitemap li {
		margin-top: 0.5em;
		text-indent: 0;
		}


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

h1, h2, h3 {
	margin: 1.5em 0 0;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #FF8200;
	}

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

/*	On Home page only: H1 does not appear in HEADER elsewhere. This rule is
	implicitly overridden in tablet & desktop CSS by image replacement of
	text in the HEADER. */
	header h1 {
		font-size: 1em;
		line-height: 1.5;
		margin: 2em 0 0;
		}

h2 {
	font-size: 1.1em;
	}

	h1+h2 {
		margin-top: 2em;
		}

/*	Heading for global navigation menu. */
	nav h2 {
		margin: 0 0 0.5em;
		font-size: 1em;
		}

h3 {
	margin-top: 1em;
	font-size: 1em;
	}

	h2+h3 {
		margin-top: 0.5em;
		}


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

blockquote {
	margin: 1em 0 0;
	padding: 0.25em 1em 0 0;
	font-family: georgia, serif;
	font-style: italic;
	background: transparent url(/graphics/bg-blockquote.png) 0 0 no-repeat;
	}

p {
	margin: 2em 0 0;
	}

/*	Following H2, H3, P, UL, OL, FIGURE. */
	h2+p {
		margin-top: 0.5em;
		}
	h3+p {
		margin-top: 0.25em;
		}
	p+p, ul+p, ol+p {
		margin-top: 0;
		text-indent: 2em;
		}
	figure+p {
		margin-top: 0.5em;
		}

/*	In BLOCKQUOTE, FIGURE, FORM and FOOTER. */
	blockquote p {
		margin-top: 0;
		margin-left: 2em;
		}
	figure p /* Contains and clears any floated .natural image. */ {
		margin: 0;
		overflow: hidden;
		}
	form p, form p+p {
		margin: 1em 0 0;
		text-indent: 0;
		}
	footer p {
		margin-top: 0.5em;
		}
	/*	Additional footnotes. */
		.footnote {
			text-indent: 0;
			}
		.footnote strong {
			font-family: verdana, sans-serif;
			font-size: 0.85em;
			letter-spacing: 1px;
			color: #000000;
			background: #FFFF00;
			}

/*	Headnotes, e.g. cookie preferences info. */
	.headnote {
		padding: 0.5em 0 0.5em 4em;
		border: 3px double #FE57A1;
		border-width: 3px 0;
		}
	.headnote em {
		float: left;
		margin-left: -4em;
		}

/*	'Return to top' link text. */
	.return {
		margin-top: 1em;
		font-family: verdana, sans-serif;
		font-size: 0.6em;
		text-indent: 0;
		text-transform: uppercase;
		}

/*	Wrapping the spam 'honeypot' form field. */
	#honeypot {
		display: none;
		}

ul, ol {
	list-style-position: inside;
	}

li {
	text-indent: 2em;
	}

/*	'Current page' item in NAV.global menu: adds right guillemet before LI.selected. */
	.selected:before {
		margin-left: -0.8em;
		content: '\00BB  ';
		}

figure {
	margin: 1em 0 0;
	padding: 0.5em 0 0;
	border-top: 1px solid #FF8200;
	}

/*	In pages featuring a single image. */
	.single {
		padding: 0;
		border: 0;
		}

figcaption {
	font-size: 0.8em;
	}

/*	Where figure is labelled with a figure number. */
	.labelled figcaption {
		margin-left: 5.5em;
		}

	table+figcaption {
		margin-bottom: 1.5em;
		padding-bottom: 1em;
		border-bottom: 1px solid #FF8200;
		}

hr {
	display: none;
	}

table {
	margin-bottom: 1em;
	width: 100%;
	border-collapse: collapse;
	}

caption {
	padding: 0 0.25em 0.25em;
	border-bottom: 1px solid #FF8200;
	line-height: 1.2;
	text-align: center;
	}

th, td {
	padding: 0 1em 0 0;
	border: 0;
	font-size: 0.85em;
	vertical-align: baseline;
	}

th {
	font-weight: normal;
	text-align: left;
	color: #FF8200;
	}

	.first /* Row. */ {
		padding-top: 0.5em;
		}

	.last /* Row. */ {
		padding-bottom: 0.5em;
		}

	.indent {
		padding-left: 1em;
		}

	.number {
		text-align: right;
		}

	.final /* Column. */ {
		padding-right: 0;
		}

	.total {
		padding-top: 0.2em;
		padding-bottom: 0.1em;
		border-top: 1px solid #FF8200;
		border-bottom: 1px solid #FF8200;
		}


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

a {
	border-bottom: 1px dotted;
	text-decoration: none;
	/*	CSS3 transitions: not supported by IE9 and below. */
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		    -ms-transition: all 0.5s ease-in-out;
		     -o-transition: all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;
	}

a:link {
	color: #FFCC00;
	}

a:visited {
	color: #AA7E00;
	}

a:hover,
a:focus,
a:active {
	border: none;
	text-shadow: 1px 1px 1px #000;
	color: #FFFFFF;
	background: #FE57A1;
	}

a:active {
	color: #AA7E00;
	}

/*	In NAV.global menu. */
	.global a {
		padding: 0.25em 0;
		border: 0;
		display: block;
		}

/*	In FIGURE (links to larger versions of images). */
	figure a {
		border: 0;
		}

cite {
	/* Inherited from normalise.css. */
	}

/*	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: 0;
		padding: 0.5em 30px 0.5em 3.5em;
		font-family: georgia, serif;
		font-size: 0.8em;
		text-indent: -1.1em;
		background: transparent url(/graphics/bg-blockquote.png) 0 100% no-repeat;
		display: block;
		}

dfn, i, em {
	font-style: normal;
	color: #FE57A1;
	}

/*	In BLOCKQUOTE CITE (quote source citations). */
	blockquote+cite i {
		font-style: italic;
		color: #F0F0F0;
		}

/*	In labelled figures. */
	.labelled i {
		float: left;
		margin-left: -5.5em;
		color: #FF8200;
		}

abbr {
	cursor: help;
	}

small	{
	font-size: 90%
	}

del {
	text-decoration: line-through;
	}

ins {
	text-decoration: underline;
	}


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

/*	Small floated images in text, which we want to float left and display at natural size. */
	.float {
		float: left;
		margin: 0.5em 0 0 -15px;
		width: auto;
		}

/* Images in FIGURE, to display at natural size. */
	.natural {
		display: block;
		padding-bottom: 0.25em;
		width: auto;
		max-width: 100%;
		}


/* Tabular content                             =7
-------------------------------------------------
   No tabular content in this version.
------------------------------------------------- */


/* Form content                                =8
------------------------------------------------- */

form {
	margin: 1em 0 0;
	width: auto;
	}

label {
	color: #FE57A1;
	}

input,
textarea
	{
	font-family: inherit;
	line-height: inherit;
	}

input[type='email'],
input[type='text'],
textarea {
	padding: 0 0.5em;
	border: 1px solid #666666;
	width: 100%;
	height: 2em;
	color: #F0F0F0;
	background: #222233;
	/*	CSS3 box sizing: not supported by IE7, which needs a fix in ie7.ie8.css. */
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

input[type='email']:hover,
input[type='email']:focus,
input[type='text']:hover,
input[type='text']:focus,
textarea:hover,
textarea:focus {
	border: 1px solid #FF8200;
	}

input[type='submit'] {
	width: 18em;
	padding: 1em 0;
	margin: 1em auto;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	line-height: 0.6em;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	}

textarea {
	padding: 0.5em;
	height: 10em;
	}


/* General classes                             =9
-------------------------------------------------
   May be applied to any element as required.
------------------------------------------------- */

.no-float {
	float: none;
	}

.hanging-quotes {
	text-indent: -0.55em;
	}

.print-only {
	display: none;
	}


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

#simplemodal-container {
	padding: 10px;
	width: 80%;
	height: 80%;
	background: #001222;
	}

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

a.closer {
	position: absolute;
	top: -10px;
	right: -10px;
	border: 0;
	width: 25px;
	height: 25px;
	background: url(/graphics/closer.png) no-repeat;
	cursor: pointer;
	display: inline;
	z-index: 20;
	}