/*	
	This file handles all the basic typography styles.
	For peace of mind, ease of use, and plain laziness.
	
	EDIT	16-02-2009
	
			Removed all the font sizes.
			These are too project-specific.
			
	END
	
*/

/*	----------------------------------------
	Base Font
	---------------------------------------- */

body, input, textarea, button, select {
	font-family: Arial, Helvetica, sans-serif;
}

pre,code    { white-space: pre; }
pre,code,tt { font-family: 'andale mono', 'lucida console', monospace;} 

/*	Exception: HTML and BODY 
	Making the base font 10px, and black on white.
*/
body { 
	font-size: 62.5%;
	color: #000; 
	background: #fff;
}

/*	----------------------------------------
	HTML Elements
	---------------------------------------- */

/*
	Blue Links with Black Hovers and Focus
*/

a, a:link   		{ color: #009; text-decoration: underline; }
a:visited			{ color: #006; }
a:focus, a:hover    { color: #000; }

/* 	
	Line Heights

	Basic 20px line-height
*/
li, p, /* beta => */ div,
dt, dd,
table, label {
	line-height: 20px;
}

/*	Font sizes of 'common' elements */
p, 
ul, ol, dl,
table {
	margin: 0 0 20px;
	padding: 0;
}

/*	-------------------------------------------------------
	Headings
	If you want custom headings, overrule them further down
	------------------------------------------------------- */
	
/*	Based on 20px grid height */
h1, h2, h3, h4, h5, h6 { 
	line-height: 20px; 
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
	margin: 0; 
}


/*	----------------------------------------
	Miscellaneous Elements
	---------------------------------------- */

em, dfn, 
tfoot, 
q, blockquote	{ font-style: italic; }

dfn			{ font-weight: bold; }
sup, sub	{ line-height: 0; }

strong {
	font: inherit;
	font-weight: bold;
}
	
/*	-----------------------------------------------
	How Handy! (quickly reduce/increase font size!)
	----------------------------------------------- */

.mute 		{ font-size: 0.8em !important; }
.whisper 	{ font-size: 0.9em !important; }
.loud  		{ font-size: 1.1em !important; }
.shout 		{ font-size: 1.2em !important; }