@font-face
{
	font-family:'executable';
	src:url('../fonts/executable.eot');
	src:url('../fonts/executable.eot?#iefix') format('embedded-opentype'),
		url('../fonts/executable.woff') format('woff'),
		url('../fonts/executable.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face
{
	font-family:'codePage437';
	src:url('../fonts/clacon.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

body
{
	overflow: hidden;
}

#hidden
{
	position: absolute;
	top: 100%;
}

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

p.aliased
{
	-webkit-font-smoothing:none;
	-moz-osx-font-smoothing:grayscale;
	line-height: 12px;
	font-size: 16px;
	text-align: center;
	white-space:nowrap;
}

.executableFont
{
	font-family:'executable';
	color: #fff;
	background-color: #00f;
	/*color: #ddd;
	background-color: #000;*/
}

.codePage437Font
{
	font-family:'codePage437';
	color: #0f0;
	background-color: #000;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

form p
{
	display: none;
	margin-top: 10px;
}

#holder
{
	position: absolute;
	height: 480px;
	width: 640px;
	top: 50%;
	left: 50%;
	margin: -240px 0 0 -320px;
	background-color: #fff;
}

#noWebcam
{
	float: right;
}

#ascii, #halftone, #pixelate, #codePage437, #glitch
{
	display: none;
}

.ascii #ascii, .halftone #halftone, .pixelate #pixelate, .codePage437 #codePage437, .glitch #glitch
{
	display: block;
}

#halftone, #glitch
{
	width: 100%;
	height: 100%;
}

#ascii, #codePage437
{
	height: 100%;
	box-sizing: border-box;
}

#pixelate
{
	overflow: auto;
}

#pixelate span
{
	float: left;
}

form
{
	width: 100%;
	margin-top: 10px;
	position: absolute;
	top: 100%;
	right: 0;
	text-align: right;
}

input[type="radio"] + label:after, input[type="radio"]:checked + label:after
{
	border-color: #fff;
}