/**
 * a generic Css stylesheet zero out all browsers
 * load this stylesheet first.
 *
 * @author Keith baker <keithtbaker@gmail.com>
 * @copyright Copyright (C) 2008, Keith baker
 * @license http://www.gnu.org/copyleft/lesser.html gnu lesser general public license
 *
 * based off of eric meyer's reset reloaded <http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/>
 * based off of toby miller's equalizer <http://www.tobymiller.com/articles/firefox/equalizer_for_firefox.php>
 * based off of Yui developer's reset <http://developer.yahoo.com/yui/reset/>
 * based off of Yui developer's base <http://developer.yahoo.com/yui/base/>
**/
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,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/**
 * base styling
*/
address, applet, blockquote, body, caption, div, dd, dl, dt, form,
hr, html, img, li, object, pre, span, table, tr, td, th {
	margin:0;
	padding:0;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content: "";
}
blockquote,q{
	quotes: "" "";
}
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] {
	margin:0;
	padding:0.1em 1em;
}
dd {
	margin-left:2em;
}
dt {
	margin-left:1em;
}
fieldset {
	margin:1.5em 0 1.5em 0;
	padding:1em;
}
fieldset > legend {
	margin:0 0 0.3em 0;
}
hr {
	border:0;
}
input, textarea {
	margin:0;
	padding:0.2em 0.25em;
}
input[type='checkbox'], input[type='radio'] {
	margin:0.2em;
	padding:0;
}
legend {
	margin:0 0 1em 0;
	padding:0 0.5em;
}
optgroup option {
	margin:0 0 0 2em;
	padding:0;
}
p, h1, h2, h3, h4, h5, h6 {
	margin:1.5em 0 1.5em 0;
	padding:0;
}
select, option {
	margin:0;
	padding:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
ul, ol {
	margin:0 0 0 3em;
	padding:0;
}

/**
 * Colors
**/
html, body {
	background-color:#fff;
}
body, button, caption, input, option, select, textarea {
	color:#333;
}
a {
	cursor:pointer;
}
a,
a:link {
	color:#369;
}
a:visited {
	color:#369;
}
a:active {
	color:#960000;
}
button {
	background-color:#d3d3d3;
	border:2px outset #d3d3d3;
}
fieldset {
	border:1px solid #000;
}
hr {
	background-color:#333;
	color:#333;
}
input, select, textarea {
	background-color:#fff;
	border:1px solid #000;
}
input[type='checkbox'], input[type='radio'] {
	background-color:transparent;
	border:0;
}
input[type='button'], input[type='submit'], input[type='reset'] {
	background-color:#d3d3d3;
	border-style:outset;
	cursor: pointer;
}

/**
 * fonts
**/
a, address, b, big, blockquote, body, button, caption, center, cite, code,
dd, del, dfn, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, i, input, ins,
kbd, label, legend, li, ol, optgroup, option, p, pre, samp, select, small, span,
strong, sub, sup, td, textarea, th, tt, u, ul, var {
	font:normal 1em/1.5em verdana,arial,helvetica,sans-serif;
}
sub, sup {
	font-size:0.7em;
}
big {
	font-size:1.1em;
}
h1 {
	font-size:1.3em;
}
h2 {
	font-size:1.25em;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1.15em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1.05em;
}
small {
	font-size:0.9em;
}
address, cite, dfn, em, i, optgroup, var {
	font-style:italic;
}
b, big, h1, h2, h3, h4, h5, h6, optgroup, strong, th {
	font-weight:bold;
}
b a, big a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, optgroup a, strong a, th a {
	font-size:1.0em;
	font-weight:bold;
}
code, kbd, pre, samp, tt {
	font-family:monospace;
	font-size:1.1em;
}

/**
 * link behaviors
**/
a:link, a:visited, a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}

/**
 * list behavior
 * allows for indentation
**/
ol, ol ol ol ol, ol ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol ol {
	list-style:decimal;
}
ol ol, ol ol ol ol ol, ol ol ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol ol ol {
	list-style:lower-alpha;
}
ol ol ol, ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol ol ol ol {
	list-style:lower-roman;
}
ul, ul ul ul ul, ul ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul ul {
	list-style:disc;
}
ul ul, ul ul ul ul ul, ul ul ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul ul ul {
	list-style:circle;
}
ul ul ul, ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul ul ul ul {
	list-style:square;
}

/**
* default dimensions
*/
textarea {
	height:5em;
	width:20em;
}
/*
iframe {
	width:50em;
	height:20em;
}
*/
hr {
	height:2px;
	width:100%;
}

/**
* miscellaneous behaviors
*/
textarea {
	overflow:auto;
}

/**
 * browser notes
 *
 * if possible:
 * do not use <input type='button'/>, use <button></button>
 * do not use <input type='submit'/>, use <button type='submit'></button>
 * do not use <input type='reset'/>, use <button type='reset'></button>
 * do not use <input type='checkbox'/>, use <button type='checkbox'></button>
 * do not use <input type='radio'/>, use <button type='radio'></button>
 *
 * if not possible:
 * use <input type='button' class="button"/>
 * use <input type='submit' class="submit"/>
 * use <input type='reset' class="reset"/>
 * use <input type='checkbox' class="checkbox"/>
 * use <input type='radio' class="radio"/>
 *
 * do regardless:
 * do not use <q></q>, does not WorK in ie
 * do not use <menu></menu>, use ul instead
 * do not use <dir></dir>, use ul instead
 * iframe must Contain <iframe frameborder="0" src=""></iframe> minimum
**/