/*	WHAT?
	This file is built to reset all styles as much as possible. So development can really start from scratch and not some browserspecific standard

	CHANGELOG
		27-02-2008	Maykel;				Cross-referenced with blueprint CSS.
										Added quote related CSS.
										Commented a lot.
										Made stuff work better.
		
		28-02-2008	Maykel;				Added input.image
		05-06-2008 	Maykel;				Cleaned up the file a bit.
*/

/* 	Resets a lot of stuff
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,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;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

/* 	Exception: HTML and BODY
*/

html, body { height: 100%; }
body {}

/*	Elements
*/

a,a:hover { text-decoration:none; }

a img, fieldset { border:none; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

img.left {
	display:inline;
	float:left !important;
}

img.right {
	display:inline;
	float:right !important;
}

input.submit {
	font-weight:bold;
}

input.submit:active {
	border:1px solid #000;
}

input.image,
input.checkbox {
	background:none !important;
	border:none !important;
	height:auto !important;
	width:auto !important;
}

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

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

ul, ol { list-style: none; }

/*	Clearing Classes. Because Clearing is a bitch, and this fucks the bitch.
*/

.clear:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	font-size: 0.01em !important;
	line-height: 0.01em !important;
}

.clear { display: inline-block; }
* html .clear { height:1%; }
.clear { display:block; }


/*	Visibility without changing wrapping and flow of design
*/

.invisible { 	visibility: hidden !important; }
.visible { 		visibility: visible !important; }


/*	Horizontal Rules
	Use div class=hr with a hr inside
*/
.hr {
	border-bottom:1px solid #ffeae0;
	clear:both !important;
	font-size:0.01em !important;
	height:1px !important;
	width:100%;
	margin:6px 0 5px !important;
	padding:1px 0;
}

#accessibility, 
.hr hr,
.hide {
	display:none !important;
}

.show {
	display:block !important;
}