/* 
    Document   : _typography
    Created on : Feb 25, 2012, 8:39:51 PM
    Author     : David
    Description:
        Purpose of the stylesheet follows.
*/

/*  typography.css
    * Sets up some sensible default typography.

    Based on:
    * code.google.com/p/blueprintcss/

    Use the Em calculator to find relative font-sizes
    * www.riddle.pl/emcalc/
	
    Default font settings
    The font-size percentage is of 16px (0.75 * 16px = 12px)
-------------------------------------------------------------- */


/*  Misc classes and elements
-------------------------------------------------------------- */
div.center {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*  Misc classes
-------------------------------------------------------------- */

.smallText      { font-size: .83em;			 }
.largeText      { font-size: 1.17em;		 }

.hide           {  display: none;			 }
.show           {  display: block;			 }

.boldText       { font-weight: bold;		 }
.normalText     { font-weight: normal;		 }

.italicText     { font-style: italic;		 }

.float-left 	{ float: left;   margin-right: 2px; }
.float-right 	{ float: right;  margin-left: 2px; 	}

.reset-margin 	{ margin: 0; }
.reset-padding	{ padding: 0; }
.reset 			{ margin: 0; padding: 0; }

.align-top 		{ vertical-align: top; }
.align-middle 	{ vertical-align: middle; }
.align-bottom 	{ vertical-align: bottom; }

.align-justify	{ text-align: justify; }
.align-left 	{ text-align: left; }
.align-center 	{ text-align: center; }
.align-right 	{ text-align: right;}

.clear 			{ clear: both; display: block; margin: 0; padding: 0;}

/*  Clear Fix
-------------------------------------------------------------- */

/* For modern browsers */
.cf:before,
.cf:after {
  content:"";
  display:table;
}
 
.cf:after {
clear:both;
}
 
/* For IE 6/7 (triggers hasLayout) */
.cf {
  *zoom:1;
}