/* Body
================================================== */

body
{
	background-color:#f2f2f2;
	color:#444444;
	font:12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}


/* Footer
================================================== */

div#da-footer
{
	background:#ffffff;
	border-top:1px solid #d0d0d0;
	padding:20px 0;
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
}

div#da-footer p
{
	margin:0;
}

/* Headings
================================================== */

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
  font-size: 21px;
  margin-bottom: 20px;
  text-align: center;
}

h2 {
  font-size: 19px;
}


/* Error Wrapper
================================================== */

div#da-error-wrapper
{
	width:480px;
	padding:30px 0;
	margin:auto;
	position:relative;
}

/* Error Heading
================================================== */

div#da-error-wrapper .da-error-heading
{
	color:#e15656;
	text-align:center;
	font-size:24px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* Error Code
================================================== */

@-webkit-keyframes error-swing
{
	0% {
		-webkit-transform:rotate(1deg);
	}
	
	100% {
		-webkit-transform:rotate(-2deg);
	}
}

@-moz-keyframes error-swing
{
	0% {
		-moz-transform:rotate(1deg);
	}
	
	100% {
		-moz-transform:rotate(-2deg);
	}
}

@keyframes error-swing
{
	0% {
		transform:rotate(1deg);
	}
	
	100% {
		transform:rotate(-2deg);
	}
}

div#da-error-wrapper #da-error-code
{
	width:285px;
	height:170px;
	padding:127px 16px 0 16px;
	position:relative;
	margin:auto;
	margin-bottom:20px;
	z-index:5;
	line-height: 30px;
	font-size:32px;
	text-align:center;
	background:url(/e/img/error-hanger.png) no-repeat center center;
	
	-webkit-transform-origin:center top;
	-moz-transform-origin:center top;
	transform-origin:center top;
		
	-webkit-animation:error-swing infinite 2s ease-in-out alternate;
	-moz-animation:error-swing infinite 2s ease-in-out alternate;
	animation:error-swing infinite 2s ease-in-out alternate;
}

div#da-error-wrapper #da-error-code span
{
	font-size:96px;
	display:block;
}

div#da-error-wrapper #da-error-pin
{
	width:38px; height:38px;
	display:block;
	margin:auto;
	margin-bottom:-27px;
	z-index:10;
	position:relative;
	background:url(/e/img/error-pin.png) no-repeat center center;
}

/* Error Typopgraphy
================================================== */

div#da-error-wrapper p
{
	text-align:center;
	font-size:14px;
}

div#da-error-wrapper p a
{
	color:#ffffff;
	background:#a6d037;
	text-decoration:none;
	padding:1px 6px;
	display:inline-block;
	
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}