.cf:before, .cf:after {
	content:" ";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	*zoom:1;
}
#quiz-wrapper {
	max-width:600px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
} 	
#input-box {
	width:90%;
	height:55px;
	padding:10px;
	outline:none;
	font-size:55px;
	border:5px solid rgba(70,130,180,0.5);
}
#input-box:focus {
	border:5px solid rgba(70,130,180,1);
}	
	.box-score, .pi-facts {
		width:90%;
		margin:10px auto 0px auto;
		text-align:center;
		font-size:12px;
		font-family:'Roboto Condensed', sans-serif;
	}
	h2 {
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	h2.correct {
		font-size:25px;
		color:green;
	}
	h2.incorrect {
		font-size:25px;
		color:red;
	}

/*
	Buttons
*/
.button {
	height:40px;
	margin-top:8px;
	border:0px;
	text-transform:uppercase;
	font-weight:bolder;
	cursor:pointer;
	color:white;
}
.button:hover {
	opacity:0.8;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
}
.play {
	width:40%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:rgb(73,84,91);
}
	.share {
		width:40%;
		background-color:rgb(85,172,238);
	}
		.twitter-share {
			margin-right:5px;
			background-color:rgb(85,172,238);
		}
		.facebook-share {
			margin-left:5px;
			background-color:rgb(59,89,153);
		}