html {-webkit-font-smoothing: antialiased;}

@font-face {
	font-family: 'DaysRegular';
	src: url('/static/fonts/days/Days.eot');
	src: local('Days Regular'), local('Days'), url('/static/fonts/days/Days.woff') format('woff'), url('/static/fonts/days/Days.otf') format('opentype'), url('/static/fonts/days/Days.svg#Days') format('svg');
}

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('/static/fonts/graublau-web/GraublauWeb.eot');
	src: local('Graublau Web Regular'), local('GraublauWeb-Regular'), url('/static/fonts/graublau-web/GraublauWeb.woff') format('woff'), url('/static/fonts/graublau-web/GraublauWeb.otf') format('opentype'), url('/static/fonts/graublau-web/GraublauWeb.svg#GraublauWeb-Regular') format('svg');
}

#container {background: rgba(244,244,244,0.8); -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -moz-box-shadow: 0 0 18px rgba(103,103,103,0.9); -webkit-box-shadow: 0 0 18px rgba(103,103,103,0.9); box-shadow: 0 0 18px rgba(103,103,103,0.9);}

#tools a {text-shadow: 1px 1px 5px rgba(201,19,6,0.4);}
#tools a:hover {text-shadow: 1px 1px 5px rgba(201,19,6,0.6);}
#tools a:before {content: '⇒ ';}


.content .dropCaps h2 {color: rgba(201,19,6,0.9); text-indent: -0.1em; font-family: 'GraublauWebRegular','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,monospace,sans-serif;}
.content .dropCaps h2:first-letter {float: left; font-family: 'DaysRegular','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L',Monaco,monospace,sans-serif; font-size: 3.75em; line-height: 0.54; text-shadow: 1px 1px 10px rgba(201,19,6,0.15); color: #c91306; color: rgba(201,19,6,0.9); font-weight: normal; margin: 0 0.03em 0 -0.04em; text-indent: 0;}

/* Forms
------- */
.content .controls button {
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.95);
	font-weight: bold;
	border: solid 1px rgba(100,100,100,0.7);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.8); 
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	color: rgba(255,255,255,1);
	padding-left: 1em; padding-right: 1em;
	background: #fff;
	background: rgba(0,0,0,1);
	background:
		-webkit-gradient(
			linear, 0 0, 0 100%,
			color-stop(0,rgba(0,0,0,0.45)),
			color-stop(0.5,rgba(0,0,0,0.95)),
			color-stop(1,rgba(0,0,0,0.45)));
	background:
		-moz-linear-gradient(
			rgba(0,0,0,0.45),
			rgba(0,0,0,0.95) 50%,
			rgba(0,0,0,0.45));
}

.content .controls button:hover {color: #efefef;}