/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp
{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html, body
{
	height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	/*   Override the default (display: inline) for   browsers that do not recognize HTML5 tags.   IE8 (and lower) requires a shiv:   http://ejohn.org/blog/html5-shiv */
	display: block;
}

b, strong
{
	/*   Makes browsers agree.   IE + Opera = font-weight: bold.   Gecko + WebKit = font-weight: bolder. */
	font-weight: bold;
}

img
{
	font-size: 0;
	vertical-align: middle; /*   For IE.   http://css-tricks.com/ie-fix-bicubic-scaling-for-images */
}

ol, ul
{
	list-style: none;
}

li
{
	/*   For IE6 + IE7:   "display: list-item" keeps bullets from   disappearing if hasLayout is triggered. */
	display: list-item;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

th, td, caption
{
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

q
{
	quotes: none;
}

q:before, q:after
{
	content: '';
	content: none;
}

sub, sup, small
{
	font-size: 75%;
}

sub, sup
{
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub
{
	bottom: -0.25em;
}

sup
{
	top: -0.5em;
}

svg
{
	/*   For IE9. Without, occasionally draws shapes   outside the boundaries of <svg> rectangle. */
	overflow: hidden;
}