/***********************************************************************
						reset and clearing
*************************************************************************/
:link,:visited {
	text-decoration : none;
}

ul,ol {
	list-style : none;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size : 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin : 0; padding : 0;
}
ul{
	margin-left:1em;
}
img {
	border : none;
}
a img,:link img,:visited img {
	border : none;
}
/* 
	**easy clearing 
	Any container with class="clearer" will expand around enclosed floated elements
*/
.clearer:after, #contact:after
	{
	content: '[HI MUM]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearer, #contact
	{
	display: inline-block;
	}
/*\*/
.clearer, #contact
	{
	display: block;
	}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > .output
	{
	position: relative;
	z-index: 1000;
	}
	
/***********************************************************************
						
*************************************************************************/