/*	cradscript.css
	Use this file as the starting point for any new CSS project.
 */


/*	What:
		Zero out the default margin, padding and border for all elements.
	Why:
		Different browsers have different defaults for margin, padding, etc.
		This code makes them all zero, so that your page will behave consistently 
		across browsers.
 */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a
{
	margin: 0;
	padding: 0;
	border: 0;
}
/* undecided on these... 
ol, ul { margin-left: 3em; }
*/

/*	What:
		Set the initial font-size to 100.01%
	Why:
		WinIE has various bugs in the relative font size inheritance cascade.
		Setting the initial font-size using % fixes some of these bugs.
		The initial font size needs to be >= 100% for WinIE to avoid sizing bugs.
		Setting font-size to 100.01% is the best value for making both Opera and Safari behave.
	References:
		http://css-discuss.incutio.com/?page=InternetExplorerWinBugs
		http://www.communitymx.com/content/article.cfm?page=5&cid=FAF76
 */
html { font-size: 100.01%; }

/*	What:
		Set the body font-size to 10px (or, 62.5% of 16px, which is the default in IE)
	Why:
		Easy math.
		The default size of text is most browsers is 16px and 62.5% of 16px is 10px,
		so, by using 62.5%, we make the "em" a more managable unit: now, 1em = 10px.
		So, for example, if you want a 20px height, you can use height: 2.0em;

		Remember: each time you change font-size, you're changing the definition of "em" for
		that element, and font-size cascades. So if you do this:
		div#main { font-size: 2em; height: 2em; }
		you end up with a div with 20px text, but 40px high!

		There are two other rules:
			- Make the default text 10px for all browsers (including Safari!)
			- Fix a bug with tables in WinIE, in which the cascade would not be properly applied
	References:
		http://www.clagnut.com/blog/348/
		http://www.blogherald.com/2006/09/08/css-tips-and-tricks/
*/
body { font-size: 62.5%; } /* For WinIE */
html>body { font-size: 10px; } /* IE can’t read this, but will set the default font size to 10px for Safari and other modern browsers. */
table { font-size: 100%; /* IE hack */ }

/*	What:
		Prevent nested elements from getting bigger/smaller with relative sizing.
	Why:
		Now that we're sizing with em's, it is easy to make nested elements end
		up with the wrong size. For example this rule would make OL's have 8px text:
		OL { font-size: .8em; }
		However, since OL's can nest, a construct like this would produce a nested list
		with 6.4px text:
		<OL>
			<LI>8px text
				<OL>
					<LI>6.4px text!!!</LI>
				</OL>
			</LI>
		</OL>
		The following rule fixes this nesting scenario for a number of elements.
	References:
		http://www.clagnut.com/blog/348/
 */
UL UL, OL OL, UL P, OL P, TD P, BLOCKQUOTE P { font-size: 1em; }