html, body, div, span, 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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0;
	border: 0;
	/* outline: 0; */
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-align: left;
        color: #CCC;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { color: #fff; cursor: pointer; }
a, a:visited { text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
ol, ul { list-style: none; }
legend { display: none; }

/* -----[ forms reset ]------------------------------------------------------ */
input, button, select, textarea { font-size: 1em; background: none; margin: 0; padding: 0; }
input.button_ie, button { overflow: visible; cursor: pointer; } /* For IE */

/* -----[ table reset ]------------------------------------------------------ */
table { border-collapse: collapse;	border-spacing: 0; }
caption, th, td {	text-align: left; vertical-align: top;	font-weight: normal; }

/*	All popular browsers has default font size equal 16px.
	If we set font size equal 62.5% then font size is equal 10px at screen (but not set 10px, IE6 not resize this rule).
	Now we have 1em = 10px, so 1..1em=11px etc.
	It is easier way to calculate font size.
	font-size: 62.5%; */
html{ font-size: 62.5%; }
body { background: #000; color: #fff; } 
body, input, textarea, select, option, optgroup, button { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
input, textarea, select, option, optgroup, button { font-size: 1em; }

/* Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html] FROM Blueprint CSS Framework */

/* -----[ clear styles ]----------------------------------------------------- */

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
