/*
	Typography ~ Blender CSS.
	Typography style sheet
	
	Thanks to Mark Boulton for the ratios to correctly indicate font size hierarchy.
	
	Given a 12px font as body copy and the baseline for the sites the sites Typography will work aas follows:
	50%(6px), 66%(8px), 75%(9px), 83%(10px), 91%(11px), 116%(14px), 150%(20px), 200%(24px), 250%(30px), 300%(36px), 400%(48px), 500%(60px), 600%(72px)
	
	or...
	
	You can set the base to be 10px and use EMs to set your font size. So that would be:
	
	body {font-size:62.5%} This gives you a font base of roughly 10px.
	
	This now make everything divisable by 10. so:
	.6em(6px), .8em(8px), .9em(9px), 1.1em(11px), 1.2em(12px), 1.4em(14px), 1.8em(20px), 2.4em(px), 3em(30px), 3.6em(36px), 4.8em(48px), 6em(60px), 7.2em(72px)
		
	Feel free to change based on your ultimate goals.
	
	Or... you can just use pixels ;-)
	
*/

/* =Typography
----------------------------------------------------------------------------*/
body {font-size:12px; color:#fff; font-family:Helvetica, Arial, sans-serif;}

/* =Baseline Grid
----------------------------------------------------------------------------*/
p, blockquote {margin-bottom:20px; line-height:1.5em;}

h1, h2, h3 {letter-spacing:-1px;}
h1 {font-size:30px; line-height:40px; font-weight:normal;}
h2 {font-size:24px; line-height:30px; font-weight:normal;}
h3 {font-size:20px; line-height:20px; font-weight:normal;}
h4, .treeMaster {font-size:18px; line-height:20px; font-weight:normal;}
h5 {font-size:inherit;}

li {margin:0; padding:0; line-height:20px;}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset { margin:0 0 20px 0; }

a:focus {
	outline: 1px dotted invert;
}

li {
	line-height:1.5em;
}

/* =General
----------------------------------------------------------------------------*/
a {font-weight:bold; color:#FFD9B3; text-decoration:none;}
a:visited {color:#FFD9B3;}
a:hover {}

ul {list-style:disc;}

p.lead {
	font-weight:bold;
	font-size:18px;
	z-index:20;
	color:#FFD9B3;
}

.quote blockquote {
	font-weight:bold;
	font-size:18px;
}

.quote p {
	font-size:12px;
}

.media p {
	text-align:center;
}

h1.pageTitle {
	width:400px;
	height:95px;
	position:absolute;
	left:0;
	bottom:-70px;
	background:url(../img/logo.png) bottom left no-repeat;
	z-index:10;
}

.enroll {
	color:#fff;
	padding:2px 20px 0;
	background:#FF8500;
	font-size:18px;
	line-height:36px;
	height:36px;
	margin:40px 0 0 70px;
	display:block;
	width:140px;
	text-transform:uppercase;
}

a.enroll:hover {
	background:#200600;
}