/*///////////////////////////////////////////////////////////////////////////////////

   ____  U _____ uU _____ u   ____     
U | __")u\| ___"|/\| ___"|/U |  _"\ u  
 \|  _ \/ |  _|"   |  _|"   \| |_) |/  
  | |_) | | |___   | |___    |  _ <    
  |____/  |_____|  |_____|   |_| \_\   
 _|| \\_  <<   >>  <<   >>   //   \\_  
(__) (__)(__) (__)(__) (__) (__)  (__)

//////////////////////////////////////////////// horray //////////////////////////////
///////////////////////////////////////////////////////////////////////////////////*/

body {
	margin: 0;
	padding: 0;
	font-family: '3DumbRegular', Helvetica, Arial, sans-serif;
}

body.beer {background: url(../images/confetti.gif) repeat;}
body.no-beer {}

/* Global */

a, input {
	font-family: monospace, 'Courier', 'Monaco', serif;
	text-decoration: none;
	color: #555;
}
a:hover {
	text-decoration: line-through;
}
h1 {
	font-size: 3.3em;
	text-align: center;
	padding: 10px 0;
}
::selection,
::-moz-selection,
::-webkit-selection {
	background: #c0ffe3;
}
.button {
	margin-top: 50px;
	background: #333333;
	color: #fff;
	border: 1px solid #000000;
	padding: 3px 10px;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.button:hover {
	color: #333333;
	background: #c0ffe3;
	border: 1px solid #c0ffe3;
}

/* Sections */

#alpha {
	background: url(../images/alpha_rot.jpg) no-repeat;
	height: 100px; 
	width: 100px;
	position: absolute;
	top: -50px;
	left: -50px;
}
#alpha div {
	margin: 110px 0 0 30px;
	display: none;
	width: 100px;
	font-family: monospace, 'Courier', 'Monaco', serif;
	font-size: 12px;
}
#twitter {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 21px;
	width: 30px;
}
#madeBy {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 0.3em;
	font-family: monospace, 'Courier', 'Monaco', serif;
	color: #777;
}
#madeBy a {
	color: #777;
}
#wrapper {
	width: 800px;
	margin: 300px auto 0 auto;
	text-align: center;
}
#response {
	font-size: 1.5em;
	font-family: monospace, 'Courier', 'Monaco', serif;
	display: none;
}

/* @font-face */

@font-face {
    font-family: '3DumbRegular';
    src: url('../font/3Dumb-webfont.eot');
    src: url('../font/3Dumb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/3Dumb-webfont.woff') format('woff'),
         url('../font/3Dumb-webfont.ttf') format('truetype'),
         url('../font/3Dumb-webfont.svg#3DumbRegular') format('svg');
    font-weight: normal;
    font-style: normal;

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