body {background:url('../img/black.png');padding:0px;margin:0px;color:#eee;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;font-size:13px;font-weight:300;letter-spacing:0px;}
h1 {margin:0px;padding:0px;font-size:43px;}
p {margin:10px 0px;padding:0px;}
.break {border-bottom:5px solid white;height:1px;margin:10px 0px;display:block;}
.small {font-size:11px;}

a {color:#eee;text-decoration:underline;}
a:hover {color:white;text-decoration: none;}

h1 a {color:#666;text-decoration:none;position:relative;}

#submit, #terms,#downloads {left:-92px;position:relative;}
#submit-content input[type=text] {background:white;display:block;padding:10px;width:300px;margin-bottom:10px;font-size:17px;border-radius:2px;border:none;}
#form {float:left;width:300px;}
#labels {float:left;width:180px;}
label {padding:12px 0px;display:block;margin-bottom:10px;}
.clear {clear:both;}

#msg {background:#ddd;color:#333;padding:5px;display:none;margin-bottom:10px;}

#social {position:fixed;top:10px;left:10px;}
.fb {position:relative;}
.fb,.tw,.gp {display:inline;float:left;width:90px;}
.submit {}
.submit .button {padding:5px 40px;position:relative;left:-6px;}

#wrap {width:500px;margin:auto;}
#info {height:420px;position:absolute;top:50%;margin-top:-250px;margin-left:-250px;width:500px;left:50%;}
#upload {text-align:center;margin-top:20px;}
.button
{        
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	padding:5px 40px;
	margin: 0.5em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
	color:#333;
	background-color: #ddd;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.button:focus
{
	outline: 0;
	background: #fafafa;
}    

.button:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}
