@font-face {
	font-family: ChartwellBarsWebPro;
	src: url("../fonts/ChartwellBarsWebPro.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: ChartwellBarsWebPro;
	src: url("../fonts/ChartwellBarsWebPro.woff") format("woff");
}

@font-face {
	font-family: DINWeb-Medium;
	src: url("../fonts/din_medium/DINWeb-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: DINWeb-Medium;
	src: url("../fonts/din_medium/DINWeb-Medium.woff") format("woff");
}
			
body {
	background-color: #e2ebec;
	padding-top: 20px;
}
body, h1, h2, h3, h4, h5, h6, p { 
	font-family: DINWeb-Medium, sans-serif;
}
input[type="text"]{
	font-size: 1.333em;
}
button {
	text-transform: uppercase;
}
.charts span {
	font-size: 15px;
}
.tweet-count {
	color: #c5496c;
	background-color: #c5496c;
}
.twitter-followers {
	color: #40ddc6;
	background-color: #40ddc6;
}
.twitter-favourites {
	color: #eb6f7e;
	background-color: #eb6f7e;
}
.twitter-friends {
	color: #7d4ab0;
	background-color: #7d4ab0;
}
.diamond-end {
	color: #eff0da;
	background-color: #eff0da;;
}
.key {
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background-color: #fff;
}
.swatch {
	height: 20px;
}