html,body,div,form,pre,p{margin:0;padding:0;font-size:100%;}
body {
	height:100%;
	font:14px/1.34 sans-serif;
	background-color:#fefefa;
}
h1,h2,h3,h4{text-align:left;line-height:1;}

#wrapper{position:relative;width:800px;min-height:100%;margin:0 auto;}
#header{position:relative;width:100%;height:70px;margin:0 auto 10px auto;background-color:#2e2d2b;}
#header h1 {font-family:Corbel,Verdana,sans-serif;font-size:24px;line-height:1;font-weight:normal;text-align:center;margin:0;padding:0.5em 0;color:#e8e8e4;}
#header p {font-size:10px;text-align:center;}
#header p a {color:#e8e8e4;text-decoration:none;border-bottom:1px solid #e8e8e4}
#header p a:hover {color:#fcfcf6;}
#logo{float:left;height:70px;width:240px;}

#calc-container {
	width:100%; height:600px;
	margin:40px auto 0px auto;
	padding-bottom:40px;
	
}

#calculator {
	float:left;
	font:12px/1.34 Verdana,sans-serif;
	width:290px; height:auto;
	padding:1em 1.5em;
	/*margin-left:2px;*/
	border:1px solid #e8e8e4;
}

#calculator label {font-weight:bold;color:#222;}
#calculator p {margin:0 0 0.75em 0;}

.checkbox {
	font-weight:bold;color:#222;
}

input[type="text"] {
	width:2em;
	border:1px solid #d9d9d4;
}

input[type="submit"] {
	float:right;
	margin:0 2px 4px 0;
}

fieldset {border:1px solid #ebebe6;}

hr {height:1px;margin:1em 0;border:0;background-color:#ebebe6;}

#output {
	float:right;
	width:380px; height:auto;
	padding:0.334em;
	border:1px solid #e8e8e4;
	overflow:auto;
}

#select-css {
	float:right;
	font-size:12px;
	width:6em; height:1.25em;
	padding:0.167em;
	margin:1px 0;
}
#select-css p {text-align:right;text-decoration:underline;color:#2e2d2b;cursor:pointer;}
#select-css p:hover {color:#5c5a55;}

code {
	margin:0;padding:0;white-space:pre;
	font-family:Consolas,Monaco,monospace;
	font-size:12px;
	line-height:1.2em;
}

/* CSS properties: color, background, cursor, and outline */
/*code ::selection {background:black; !important}
code ::-moz-selection {background:black; !important}*/

#example-tag {border-top:1px solid #403e3b;border-bottom:1px solid #403e3b;}
#example-tag h4 {font-size:16px;color:#666;text-align:center;margin:1em 0;}

#example{width:33em;margin:20px auto;}
