/*
    Peter Di Cecco's CSS Reset v2.0 2010-05-20 (http://peterdicecco.ca/tools)
    Based largely on Eric Meyer's reset.css v1.0 (http://meyerweb.com/eric/tools/css/reset/)
    This work is liscenced under Creative Commons Attribution-Share Alike (http://creativecommons.org/licenses/by-sa/3.0/)
    
	Updated for HTML5.
	Note that the new tags will not work in Internet Explorer versions earlier than IE9.
	In order to style them you have to at them to the DOM via JavaScript first.
	I suggest using html5shiv (http://remysharp.com/2009/01/07/html5-enabling-script/)
	or Modinizr (http://www.modernizr.com/) for more functionality.
	
	*** TODO: Add even more HTML5 support ***

    The reason I wanted to change Eric's reset.css is that it removed the purpose of many elements.
	I think of Eric's reset.css as more of a "clear", and this one as a "reset".
	For example, the h1 ... h6 elements are rendered useless since his reset leaves them all the same size and weight.
    In my opinion, Eric's philosophy when writing his was probably something like
	"make everything 0, null and void"; where I my approch is "make every default look the same in all browswers".
*/

html, body, div, span, hr, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption, footer,
header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
}

/* IE < 9 doesn't style any of the HTML5 elements */
article, aside, dialog, figure, figcaption, footer,
header, hgroup, menu, nav, section { display:block; }

/* Now re-instate some defaults that were cleared */

hr {
	margin: 5px 0px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #ccc;
}

body { line-height: 1.25; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bold; }
h1 { font-size: 200%; }
h2 { font-size: 185%; }
h3 { font-size: 170%; }
h4 { font-size: 155%; }
h5 { font-size: 140%; }
h6 { font-size: 125%; }
big { font-size: 115%; }
small { font-size: 85%; }
sub, sup { font-size: 75%; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
cite, dfn, em, i, var, address { font-style: italic; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
abbr, acronym { border-bottom: 1px dotted; }
ol, ul { list-style: none; }
p { margin: 1em 0; }

blockquote {
    quotes: none;
    margin: 0 1em;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}

q { quotes: '"' '"' "'" "'"; }
q:before, q:after {
	content: '"';
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remember to define focus styles! */
:focus { outline: 0; }