/* apply a natural box layout model to all elements, but allow components to change */
html {
	box-sizing: border-box;
	*behavior: url(/js/boxsizing.htc);
}
*, *:before, *:after {
	box-sizing: inherit;
	*behavior: url(/js/boxsizing.htc);
}
html {
	width:100%;
	height:100%;
}
body {
	background-color:#808080;
	font-family: "mr-eaves-xl-modern";
	font-size:1em;
	width:100%;
	height:100%;
}
#container {
	width:100%;
	height:100%;
}
#main {
	width:951px;
	max-width:100%;
	padding:.5em;	
	margin:0 auto;
	height:100%;
}
#header_img {
	max-width:100%;
	height:auto;
	margin:0 auto;
}
#content-container {
	background-image:url(../images/gradient_bg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
	width:100%;
	height:100%;
	max-width:100%;
	margin:0 auto;
	padding:1em;
}

.content {
	margin-top:.5rem;
	padding:1rem;
	background-color:#efefef;
	width:100%;
	max-width:100%;
	border-radius: .25rem;
}

/* Typography */

h1.main-header {
	font-family: "clone-rounded-latin";
	font-size:1.5rem;
	color:#333;	
}