/*	@amattn CSS derived from Less Framework 4 by Joni Korpi
	http://lessframework.com
	License: http://opensource.org/licenses/mit-license.php */

/*	-----------------
	HTML5 Boilerplate  */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.8; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }*/
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/*	END HTML5 Boilerplate
	---------------------  */


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0.5em 0 0;
	border: 0;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    background-color: transparent;
	text-decoration: none;
}

/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 2em;
}

.huge, h1 {
	font-size: 1.4em;
	font-family: Lucida, "Lucida Sans","Lucida Grande","MuseoSlab500", "Courier New", Courier, mono;
	text-shadow: #313d47 0px 2px 1px;
}

#atmark {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {
	color: #fffff3;
	text-decoration: none;
}

.large, h2 {
	font-size: 1.3em;
	text-shadow: #313d47 0px 1px 0px;
}

h2 a:link, h2 a:active, h2 a:hover, h2 a:visited {
	color: #fffff3;
}

#subhead {
	font-size: 1.3em;
	font-family: Lucida, "Lucida Sans","Lucida Grande","MuseoSlab500", "Courier New", Courier, mono;
	color: #919da7;
	text-shadow: #b1bdc7 0px 1px 0px;
}
h2#subhead {
	font-size: 1.3em;
}
h3#subhead {
	font-size: 1.2em;
}

h2#subhead a:link, h2#subhead a:active, h2#subhead a:hover, h2#subhead a:visited {
	color: #919da7;
}

.bigger, h3 {
	font-size: 1.2em;
	text-shadow: #313d47 0px 1px 1px;
}

h3 a:link, h3 a:active, h3 a:hover, h3 a:visited {
	color: #fffff3;
	text-decoration: none;
	padding: 1px 5px;
	margin-left: -5px;
}
h3 a:hover {
	background-color: #919da7;
	text-shadow: #000000 0px 1px 1px;
}

.big, h4 {
	font-size: 1.2em;
	font-weight: normal;
}

h4 a:link, h4 a:active, h4 a:hover, h4 a:visited {
	color: #fffff3;
	text-decoration: none;
	padding: 1px 5px;
	margin-left: -5px;
}
h4 a:hover {
	background-color: #919da7;
	text-shadow: #000000 0px 1px 1px;
}

div.hline {
	border-top: 1px solid #919da7;
	border-bottom: 1px solid #313d47;
	width: 100%;
}

div.date {
	color: #919da7;
	text-align: right;
}
a.date:link, a.date:active, a.date:hover, a.date:visited {
	color: #919da7;
	text-decoration: none;
    background-color: transparent;
	padding: 3px 5px;
}
a.date:hover {
	background-color: #313d47;
	text-shadow: #b1bdc7 0px 1px 1px;
}

/* just for our subtitles */
@font-face {
	font-family: 'MuseoSlab500';
	src: url('Museo_Slab_500-webfont.eot');
	src: url('Museo_Slab_500-webfont.eot?iefix') format('eot'),
		 url('Museo_Slab_500-webfont.woff') format('woff'),
		 url('Museo_Slab_500-webfont.ttf') format('truetype'),
		 url('Museo_Slab_500-webfont.svg#Museo_Slab_500') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* normal */
@font-face {
    font-family: 'MuseoSans';
    src: url('MuseoSans_300-webfont.eot');
    src: url('MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('MuseoSans_300-webfont.woff') format('woff'),
         url('MuseoSans_300-webfont.ttf') format('truetype'),
         url('MuseoSans_300-webfont.svg#MuseoSans300Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* italic */
@font-face {
    font-family: 'MuseoSans';
    src: url('MuseoSans_300_Italic-webfont.eot');
    src: url('MuseoSans_300_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('MuseoSans_300_Italic-webfont.woff') format('woff'),
         url('MuseoSans_300_Italic-webfont.ttf') format('truetype'),
         url('MuseoSans_300_Italic-webfont.svg#MuseoSans300Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* bold */
@font-face {
    font-family: 'MuseoSans';
    src: url('MuseoSans_700-webfont.eot');
    src: url('MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('MuseoSans_700-webfont.woff') format('woff'),
         url('MuseoSans_700-webfont.ttf') format('truetype'),
         url('MuseoSans_700-webfont.svg#MuseoSans700Regular') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* bold italic */
@font-face {
    font-family: 'MuseoSans';
    src: url('MuseoSans_700_Italic-webfont.eot');
    src: url('MuseoSans_700_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('MuseoSans_700_Italic-webfont.woff') format('woff'),
         url('MuseoSans_700_Italic-webfont.ttf') format('truetype'),
         url('MuseoSans_700_Italic-webfont.svg#MuseoSans700Italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

body {
	font-family: MuseoSans, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

b, strong {
	font-weight: bold;
	color: #D9CFA7;
	text-shadow: #444 0 2px 2px;
	font-size: 110%;
}

blockquote {
    position:static;
	font-variant: small-caps;
	font-size: 150%;
	text-shadow: #000 0 2px 2px;
	padding-right: 10px;
	margin: 1em 1em 1em 3em;
    font-style: italic;
    line-height: 1.4em;
    letter-spacing: 0.07em;
}

blockquote:before {
    position:absolute;
	float: left;
    color: #919da7;
	font-family: Georgia, "Times New Roman", Times, serif;
    content: "\201C"; 
    font-weight: bold; 
    font-size: 4em;
	text-shadow: #000000 0 0 0;
    font-style: normal;
	margin: 45px 0 0 -0.6em;
}

pre, code, kbd, samp {
    font-family: 'Monaco', 'Andale Mono', monospace, serif; 
    font-size: 0.8em;
    line-height: 1.4em;
}

p {
	margin-top:1em;
	margin-bottom:1em;
/* 	line-height: 1.7em; */
}

a:link, a:visited {
	color: #fffff3;
	background-color: #919da7;
	text-decoration: none;
	padding: 0px 3px;
}

a:active, a:hover {
	color: #313d47;
	background-color: #d1dde7;
	text-decoration: none;
	text-shadow: #000000 0px 1px 1px;
	padding: 0px 3px;
}

.small, small {
	font-size: 0.7em;
	line-height: 1.7em;
}

/*	Email Stuff
	-----------	*/

/* 
#mc_embed_signup {
float: right;
}
 */

#mc-embedded-subscribe-form /*#mce-EMAIL*/ {
	font-size: 0.7em;
}

/*	Nav Stuff
	---------	*/
	
#moreinfo, #backup {
	float: right;
	font-size: 0.8em;
}

a:link#moreinfo, a:visited#moreinfo, a:active#moreinfo, a:hover#moreinfo,
a:link#backup, a:visited#backup, a:active#backup, a:hover#backup {
	color: #919da7;
	background-color: #616d77;
	text-decoration: none;
	text-shadow: none;
	padding: 0px 8px;
}
a:hover#moreinfo, a:hover#backup {
background-color: #313d47;
text-shadow: #b1bdc7 0px 1px 1px;
}


/* Selection colours (easy to forget) */

::selection			{background: rgb(58,58,58);}
::-moz-selection	{background: rgb(58,58,58);}
img::selection		{background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgb(58,58,58);}


/*		Super Wide Layout (default): 1536px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols	1	  2		 3		4	   5	  6		 7		8
px		68	  160	 252	344	   436	  528	 620	1424	*/

body {
    margin:auto;
/*width: 1424px;
padding: 96px 56px 120px;*/
/* no longer using the grid...  widths adjusted manually to get line length tighter */
    width: 1120px;
    padding: 96px 208px 120px;
	background-color: #616d77;
	color: #fffff3;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */

	font-size: 32px;
}


/*		Wide Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols	1	  2		 3		4	   5	  6		 7		8	   9	  10
px		68	  160	 252	344	   436	  528	 620	712	   804	  896	 */
@media only screen and (min-width: 992px) and (max-width: 1535px) {

	body {
/* no longer using the grid...  widths adjusted manually to get line length tighter */
/* 
		width: 896px;
		padding: 72px 48px 84px;
 */
		width: 846px;
		padding: 72px 74px 84px;
		-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
		font-size: 24px;
	}
}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
-----------------------------------------------------------------
cols	1	  2		 3		4	   5	  6		 7		8
px		68	  160	 252	344	   436	  528	 620	712	   */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		width: 712px;
		padding: 48px 28px 60px;
		font-size: 20px;
	}
}


/*		Wide Mobile Layout: 480px.
		Outer margins: 18px 6% 48px 4%;.
------------------------------------------------------------
*/

@media only screen and (max-width: 767px) {
	html {
		-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}

	body {
		width: 92%;
		padding: 18px 4% 48px 4%;
		font-size: 15px;
	}
	.huge, h1 {
		font-size: 2.5em;
	}
	.large, h2 {
		font-size: 2em;
	}
}

/*		Mobile Layout: 320px.
		Outer margins: 18px 6% 48px 4%;.
---------------------------------------------
*/

@media only screen and (max-width: 479px) {
	body {
		font-size: 14px;
	}	
	p {
	}
	#mc_embed_signup {
	float: none;
	}	
}