@charset "UTF-8";
/* -------------------------------------------------------------- 
King Harmsworth Master style sheet

Author by: Sacha Harmsworth
web site: Kingharmsworth.co.uk/design

License: Creative Commons CC Zero Declaration. No Rights Reserved.

Based on the work of:
Mark Boulton: http://markboulton.co.uk
Eric Meyer: http://meyerweb.com
Cameron Moll: http://cameronmoll.com
Richard Rutter: http://clagnut.com
Khoi Vinh: http://subtraction.com
Andy Clarke: http://stuffandnonsense.co.uk

-------------------------------------------------------------- */

html, 			body, 
div,			span, 
object, 		iframe, 
h1, h2, h3, h4, h5, h6, 
p, 				blockquote, 
pre, 			a, 
abbr, 			acronym, 
address, 		code, 
del, 			dfn, 
em, 			img, 
q, 				dl, 
dt, 			dd, 
ol, 			ul, 
li, 			fieldset, 
form, 			label, 
legend, 		table, 
caption, 		tbody, 
tfoot, 			thead, 
tr, 			th, td,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section 
{ 
margin : 0; 
padding : 0; 
border : 0; 
font-weight : inherit; 
font-style : inherit; 
font-size : 100%; 
font-family : inherit; 
vertical-align : baseline; }

img {
	-ms-interpolation-mode: bicubic; 
}

/* HTML 5 Elements ----------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display:block;
}
 

/* Body ---------------------------------------------------- */

body {
	background: #000;

}

/* Layout -------------------------------------------------------------------------------------- */

header, section, footer {
	width: 78.125%; /* 800 / 1024 */
	margin: 0 auto;

}

section {
 clear: both;	
}

article {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;	
}

figure {
	max-width: 33.33%;
	margin: 0 auto;
	
}

figure a {
	display: block;

}

figure svg {
	min-width: 160px;
	min-height: 300px;
	max-height: 30%;
}

.vcard, .general_contact {
	float: left; 
	width: 33.33%;
	margin: 1.8% 6.535% 5.4% 6.535%;
	padding: 1.8% 1.8% 3.6%;
	color: #817e7e;
	text-align: left;
}

.general_contact {
	clear: none;
	float: none;
	width: 83.33%;
	margin: 1.8% auto 5.4% auto;
}

#hcard-Joanna-King {
	text-align: right;	
}

/* Hide some stuff ---------------------------------------*/
h1, h2 {
	position: absolute;
	left: -9999px;
	
}

article h2 {
	position: relative;
	left: auto;
}

/*Logo --------------------------------------------------*/

a#logo:hover {
background: #000	
}


/* Nav --------------------------------------------------*/

nav ul {
	float: left;
	width: 66.625%;
	margin: 0 16.6875% 1.8%; 
	list-style-type: none;
}

nav li {
	float:left;
	width: 18.75%; /* 150 / 800 */
	margin: 0 0.625%; /* 5 / 800 */
}

nav li a {
	display: block;
	width: 100%;
	font-size: 0.875em;
	line-height: 2.28em;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	
}

/* Text Styles -------------------------------------------*/
body {
font-family: 'lucida grande','lucida sans unicode', Arial, Helvetica, sans-serif;  
line-height: 1.4;
color: #eee;
text-align: left;	
}


.vcard, .general_contact {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size: 0.625em;
	line-height: 1.8em;
	text-transform: uppercase;
	letter-spacing: 0.0909em;
	font-weight:normal;
}


/* headlines */

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-style:italic;
	text-transform:none;
}

.vcard h3, .general_contact h3 {
	margin: 0 0 0.5em;
	padding-bottom: 0.375em;
	font-size: 1.5em;
	line-height: 1em;
	color: #f7f7f7;
	border-bottom: 1px solid #827e77;
	
}

article h2, h4 {
	margin: 0 0 0.375em;
	font-size: 3em;
	line-height: 1.4em;
	text-align: center;
}

h4 span {
	font-size: 1.2em;
	font-weight: bold;

}

/* General copy */

p {
	margin: 0 0 1.4em;
	font-size: 0.75em; 
	line-height: 1.5em;
	letter-spacing: 1px;
	
}

.note {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size: 0.625em; /* 10px */
	line-height: 1.6em; /* 14px */
	text-transform: uppercase;

}

footer p {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size: 0.625em; /* 10px */
	line-height: 1.6em; /* 14px */
	text-transform: uppercase;
	clear:both;
	padding: 0.9% 0 0;
	text-align: center;
	border-top: 1px solid #817e7e;
	letter-spacing: 0;
	

}

/* links -------------*/

.vcard a:link, .general_contact a:link  {
	color: #f7f7f7;	
}

.vcard a:hover, .general_contact a:hover {
	color: #000;	
}

/* Responsive bits ---------------------------------*/

@media (max-width: 480px) {
	figure {
	min-width: 160px;
	height: 160px;
	margin: 0 auto;
	}

figure svg {
	min-width: 160px;
	min-height: 160px;
	max-height: 160px;

}

.vcard, .general_contact {
	float: none; 
	width: auto;


}


h4 {
	font-size: 2em;
	
}
}


/* IE issues ---------------------------------*/

/* nav issue */
.ie7 nav li {
	width: 18.75%; /* 150 / 800 */
	margin: 0 0.62%; /* 5 / 800 */
}

/* side by side vcard IE7 */
.ie7 .vcard {
	width: 33.33%;
	margin: 1.8% 6% 5.4% 6%;
	height: 100%;
}