/*
<!--
    Website: 3D eye-deas
    Webstie URL: 3deye-deas.com
    Author:  Chris Burris
    Author URL: 3deye-deas.com

	File Name: baseline.css
	
	BASED ON: http://drewish.com/tools/vertical-rhythm (baseline calculator) 
	
	Created: Feb 20, 2011
	Last Updated:Feb 26, 2011
*/

		
/* ================== THE BASELINE GRID ================== */

body {
	font-size:16px; /* 12pt - 1em */
	line-height: 1.5em; /*150% default font size*/
	/*background:url('../imgs/baseline_24px.png'); so we can see the baseline*/
}

p, h1, h2, h3, h4, h5, h6, img{
	padding: 0 10px;
}

p {
  font-size: 1em; /* 16px - 12pt */
  line-height: 1.5em; /* 24px */
  margin-bottom: 1.5em; /* 24px */
  /*bottom margin provides space between paragraphs*/
  text-align:justify; /*because I like things to line up*/
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin-bottom: 0em; 
	/*by setting the bottom margin to 0 the paragraph sets nicely under the heading with no awkward spacing*/
}


h6 {
  font-size: 0.75em; /* 12px - 8pt*/
  line-height: 2em; /* 24px */
  margin-top: 2em;
  /*The top margin separates the heading from other paragraphs and headings*/  
}

h5 {
  font-size: 0.875em; /* 14px - 10pt*/
  line-height: 1.7143em; /* 24px */
  margin-top: 1.7143em;
  /*The top margin separates the heading from other paragraphs and headings*/
}

h4 {
  font-size: 1.25em; /* 20px -16pt */
  line-height: 1.2em; /* 24px */
  margin-top: 1.2em;
  /*The top margin separates the heading from other paragraphs and headings*/
}

h3 {
  font-size: 1.5em; /* 24px - 20pt */
  line-height: 1em; /* 24px */
  margin-top: 1em;
  /*The top margin separates the heading from other paragraphs and headings*/
}

h2 {
  font-size: 1.75em; /* 28px - 24pt*/
  line-height: 1.7143em; /* Our 24px baseline is too small for our font size, so we need to add another line (24px) until the font will set correctly between the lines. In this case a two line heights (24*2 = 48) will be sufficient. */
  margin-top: 0.8571em; /* 1/2 the line-height */
 /*The top margin separates the heading from other paragraphs and headings*/
}

h1 {
  font-size: 2em; /* 32px - 28pt*/
  line-height: 1.5em; /* 48px (2 * 24px) */
  margin-top: 0.75em; /* 1/2 the line-height */
  /*The top margin separates the heading from other paragraphs and headings*/
  
}

/* What if you want larger sizes? Here are sizes up to 72pts */

.font-36px {
  font-size: 2.25em; /* 36px - 32pt*/
  line-height: 1.3333em; /* 48px (2 * 24px)  */
  margin-top: 0.6667em; /* 1/2 the line-height */
}

.font-40px {
  font-size: 2.5em; /* 40px- 38pt */
  line-height: 1.2em; /* 48px (2 * 24px) */
  margin-top: 0.6em; /* 1/2 the line-height */
}

.font-44px {
  font-size: 2.75em; /* 44px - 40pt*/
  line-height: 1.0909em; /* 48px (2 * 24px) */
  margin-top: 0.5455em; /* 1/2 the line-height */
}

.font-48px {
  font-size: 3em; /* 48px - 44pt */
  line-height: 1em; /* 48px (2 * 24px) */
  margin-top: 0.5em; /* 1/2 the line-height */
}

.font-52px {
  font-size: 3.25em; /* 52px - 48pt */
  line-height: 1.3846em; /* 72px (3 * 24px) */
  margin-top: 0.4615em; /* 1/2 the line-height */
}

.font-56px {
  font-size: 3.5em; /* 56px - 52pt */
  line-height: 1.2857em; /* 72px (3 * 24px)*/
  margin-top: 0.4286em; /* 1/2 the line-height */
}

.font-60px {
  font-size: 3.75em; /* 60px - 56pt*/
  line-height: 1.2em; /* 72px  (3 * 24px)*/
  margin-top: 0.4em;
}

.font-64px {
  font-size: 4em; /* 64px - 60pt */
  line-height: 1.125em; /* 72px (3 * 24px)*/
  margin-top: 0.375em; /* 1/2 the line-height */
}

.font-68px {
  font-size: 4.25em; /* 68px - 64pt */
  line-height: 1.0588em; /* 72px */
  margin-top: 0.3529em;
}

.font-72px {
  font-size: 4.5em; /* 72px - 68pt*/
  line-height: 1em; /* 72px */
  margin-top: 0.3333em;
}

.font-76px {
  font-size: 4.75em; /* 76px - 72pt */
  line-height: 1.2632em; /* 96px (4* 24) */
  margin-top: 0.3158em; /* 1/2 the line-height */
}

hr{
	margin-bottom:24px; /*the horizontal rule will set on a baseline*/
}

img{
	 margin: 12px 0; /*so it sets nicely within the baseline*/
}