/**
 * Font Notes
 *	1em == 16px in all browsers.
 *	All browsers can scale fonts with their sizes specified in pixels except IE8 and lower.
 *	Don’t know about IE9+ yet. Thus you should use em whenever possible so visitors can adjust
 *	their text size to their needs. Just use this formula:
 *
 *	pixel size / 16 = em size
 *
 *	Or use points instead with the formula:
 *
 *	pixel size * .75 = pt size
 *
 *	100% == 1em == 0.166044 inches == 16px == 12pt
 *	1in == 72pt == 144px
 */

1in == 72pt / 12pt = 6
1in == 144px

8.5in = 1224px
11in = 1584px

7.5in = 1080px
10in = 1440px

/**
 * Setting anchor links with common attributes and removing Firefox click outlines.
 * The order is important! It is likely that you only need to specify color in the
 * plain a and a:visited blocks. But I've not verified this in all browsers.
 * @author Mark Gardner <mgardner@ayzenber.com>
 */
a{ color:blue; outline:0; text-decoration:none; }
a:link{ color:blue; }
a:visited{ color:blue; }
a:hover{ color:blue; text-decoration:underline; }
a:active{ color:blue; outline:0; }
a:focus{ color:blue; /* -moz-outline-style:none; Firefox < 1.5. Prior to 2005-11-29 */ }

/**
 * Removing the focus outline from Firefox 3
 */
:focus{outline:0}

/**
 * CSS Reset
 */
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

/**
 * Universal Sticky Footer
 */
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

/**
 * CSS Float Theory: Things You Should Know
 */
http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

/*** http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ ***/
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .clearfix             { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }
.cf{ zoom:1; }/* For IE 6/7 (trigger hasLayout) */