body {
	background-color: whitesmoke;
	color			: dimgrey;
	font-family		: 'Open Sans', sans-serif;
	font-weight		: 300;
	margin			: 0;
	padding			: 0;
}

#footer {
	border-top		: 1px solid lightgrey;
	font-size		: 75%;
	padding			: 25px 0;
	
}

#footer .col {
	width			: 45%;
	margin-right	: 20px;
}

.main {
	margin			: 0px auto;
	width			: 900px;
}

.white * {
	background-color: #fff;
}

.ad {
	border			: 1px solid lightgrey;
	margin			: 25px auto 0 auto;
	width			: 728px;
	height			: 90px;
}

.ad_strap {
	color			: lightgrey;
	font-size		: 66%;
	width			: 728px;
	text-align		: right;
	margin			: 0 auto;
	padding			: 0;
}	

#results_container {
	margin			: 15px auto 25px auto;
	width			: 100%;
	min-height		: 100px;
}

#qty_container, #price_container {
	font-size		: 110%;
	margin			: 0 auto;
	width			: 350px;
	text-align		: center;
}

#resultQty, #resultPrice {
	font-size		: 160%;
	margin-top		: 10px;	
}

#social {
	margin			: 10px auto;
	text-align		: center;
	width			: 395px;
}

/* Input bits and pieces */
input:focus {
    outline			: none;
}

input.large {
	border			: 1px solid #d1d1d1;
	border-radius	: 10px;
	box-shadow		: inset 0 1px 0 #fff, inset 0 0 10px rgba(0,0,0,0.1);
	font-size		: 22px;
	font-family		: 'Open Sans', sans-serif;
	font-weight		: 300;
	height			: 42px;
	margin			: 0 5px;
	padding			: 3px 10px;
	width			: 230px;
	
}

.input_box {
	border			: 1px solid #d1d1d1;
	border-radius	: 10px;
	box-shadow		: inset 0 1px 0 #fff, inset 0 0 10px rgba(0,0,0,0.1);
	display			: inline-box;
	font-size		: 22px;
	height			: 42px;
	margin			: 0 5px;
	padding			: 3px 10px;
	width			: 266px;
}

.bad_input {
	box-shadow		: inset 0 0 10px salmon;
}

input.invisible {
	border			: 0;
	width			: 180px;
	font-size		: 22px;
	font-family		: 'Open Sans', sans-serif;
	font-weight		: 300;
	margin-top		: 4px;
	height			: 30px;
}

span.units {
	font-size		: 66%;
	opacity			: 0.33;
	width			: 60px;
	float			: right;
	margin-top		: 16px;
	text-align		: right;
}

/* Share link */

#link {
	text-align		: center;
}


/* Misc formatting etc */
.cursor {
	cursor			: pointer;
}

h1, h2 {
	font-family		: 'Open Sans', sans-serif;
	font-weight		: 300;
}

.dim {
	opacity			: 0.25;
}

.halfdim {
	opacity			: 0.5;
}

.floatLeft {
	float			: left;
}

.clear {
	clear			: both;
}

a:link, a:hover, a:actve, a:visited {
	color			: dimgrey;
}


@media (max-width: 50em) {
	.floatLeft {
		clear		: both;
		float		: none;
	}
	
	h1 {
		font-size	: 1em;
		margin		: 0;
	}

}