/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* master_typo.css - contains rules for basic typography across all sites  */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* Notes:

All font sizes are calculated in em's. Browsers should all start with a 16px font size as standard when font-size is set to 100% (which is done in reset.css. Therefore here we set the body font-size to be 75% (or 16 x 0.75 = 12px), in order to reset the base font size at 12px. Now when we set a 1em font size we should get 12px. So if we wanted 14px to be our font-size we would do 14/12 = 1.1666666666666666666666666666667 => 1.167em.

Formula to covert px to em => 			requiredSize(px) / 12 = em

*/ 




/* =GENERAL
------------------------------------------------*/
body {
	font-size: 75%;
	font-family: sans-serif;
	line-height: 1.5em;
	margin: 0; 
	padding: 0;
	color: #616165;
}

html>body {
	font-size: 12px;
}

/* =HEADERS
------------------------------------------------*/

h1 {
	margin: 0;
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
}
h3 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}
h4 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: 1.2857142857142858em;
}
h5 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: 0.5em;
}

/* HOME PAGE HEADER OVERIDES
------------------------------------------------*/

.section-home h2 {
	margin: 0;
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}

.section-home h3 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
}
.section-home h4 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}
.section-home h5 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: 1.2857142857142858em;
}


/* SPECIAL HEADERS
------------------------------------------------*/

/* SITE LOGO */
#site-logo {
	background: url(/images/system_logo.gif) no-repeat top left;
	text-indent: -9999px; 
	border: 0;
	padding: 0;
	margin: 0;
}

#site-logo a:link,
#site-logo a:visited {
	display: block;
	width: 100%;
	height: 100%;
}

#site-img-logo {
	border: 0;
	padding: 0;
	margin: 0;
}

.e-common-site_logo a img {
	vertical-align: bottom; /* FIX (20090305): removes unwanted gap after image. This is a bug that means space is left for the descenders of the text that "might" occupy that space with the image. See http://archivist.incutio.com/viewlist/css-discuss/49804 */

}


/* ACCESSIBILITY HEADERS - hides from visual browsers */
.accessibility-header {
	left: -9999px;
	font-size: 0;
	position: absolute;
}


/* =COMMON FORMATTING
------------------------------------------------*/

p, ul, ol, dl, blockquote, pre, td, th, label {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

small {
	font-size:0.85em;
}

acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom :1px dashed;
}

table {
	margin-bottom: 1.5em;
}

/* =LINKS
------------------------------------------------*/

a:link, 
a:visited {
	text-decoration: none;
}

a:hover, 
a:focus {
	text-decoration: underline;
}







/* HIGHTLIGHTS/LOWLIGHTS - define default and overide in site specific css
------------------------------------------------*/

.hightlight {
	color: #f01; /*red*/
}

.fade {
	color: #bbb;  /*grey*/
}

.spirit-orange {
	color: #FF934B;
}


/* LISTS
------------------------------------------------*/

ol {
	list-style-position:inside;
}

ul {
	padding-left: 0.6em;
	margin-left: 0.6em;
}

ul.light-arrow-list li {
	padding-left: 15px;
	background: url(/r/i/css_framework/graphics/arrow_light.png) no-repeat 0 50%;
}

ul.dark-arrow-list li {
	padding-left: 15px;
	background: url(/r/i/css_framework/graphics/arrow_dark.png) no-repeat 0 50%;
}
	
















/* ####################################### */
/* ##### =COMMON ELEMENT TYPOGRAPHY ###### */
/* ####################################### */

/* hCard / vCard
------------------------------------------------*/

.vcard {
	text-align: right;
}

.vcard p {
	margin: 0;
}

.vcard .adr span {
	display: block;
}


/* BREADCRUMB NAVIGATION
------------------------------------------------*/

.e-navigation-breadcrumb {
	font-size: 0.9em;
}





/* TAGS (NEWS, BLOGS...etc)
------------------------------------------------*/

ul.tags-right {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}

ul.tags-right li {
	float: right;
	font-size: 0.9em;
	clear: none;
	margin-left: 0.5em;
}

ul.tags-left {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.tags-left li {
	display: inline;
	font-size: 0.9em;
	clear: none;
	margin-right: 0.5em;
}