/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

@font-face {
	font-family: 'TitilliumText22LThin';
	src: url('TitilliumText22L001-webfont.eot');
	src: local('TitilliumText22LThin'), url('TitilliumText22L001-webfont.woff') format('woff'), url('TitilliumText22L001-webfont.ttf') format('truetype'), url('TitilliumText22L001-webfont.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LLight';
	src: url('TitilliumText22L002-webfont.eot');
	src: local('TitilliumText22LLight'), url('TitilliumText22L002-webfont.woff') format('woff'), url('TitilliumText22L002-webfont.ttf') format('truetype'), url('TitilliumText22L002-webfont.svg#webfonthJHMIxiW') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LRegular';
	src: url('TitilliumText22L003-webfont.eot');
	src: local('TitilliumText22LRegular'), url('TitilliumText22L003-webfont.woff') format('woff'), url('TitilliumText22L003-webfont.ttf') format('truetype'), url('TitilliumText22L003-webfont.svg#webfontCVZ9BHQN') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LMedium';
	src: url('TitilliumText22L004-webfont.eot');
	src: local('TitilliumText22LMedium'), url('TitilliumText22L004-webfont.woff') format('woff'), url('TitilliumText22L004-webfont.ttf') format('truetype'), url('TitilliumText22L004-webfont.svg#webfont9tlFqxpn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LBold';
	src: url('TitilliumText22L005-webfont.eot');
	src: local('TitilliumText22LBold'), url('TitilliumText22L005-webfont.woff') format('woff'), url('TitilliumText22L005-webfont.ttf') format('truetype'), url('TitilliumText22L005-webfont.svg#webfontA3c8XzqP') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LXBold';
	src: url('TitilliumText22L006-webfont.eot');
	src: local('TitilliumText22LXBold'), url('TitilliumText22L006-webfont.woff') format('woff'), url('TitilliumText22L006-webfont.ttf') format('truetype'), url('TitilliumText22L006-webfont.svg#webfontI2J8pdTu') format('svg');
	font-weight: normal;
	font-style: normal;
}