/* @override http://pvel.local:8888/style.css */
/* @override http://localhost:8888/style.css */

/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 5, 2011 */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

header {
	margin: 6% auto 0;
	width: 60%;
}
body {
	background: #008a20;
	/* background: #224906 url('img/bkgd-grass.jpg'); */
	color: rgba(255,255,255,0.9);
	font: 2em/1 'EngineerBlack', sans-serif;
  font-weight: normal;
  font-style: normal;
	/* font: 2em/1  'LeagueGothicRegular', sans-serif; */
	text-align: center;
}
body.alert {
	background: #ed145b;
	/* background: #224906 url('img/bkgd-grass.jpg'); */
}
h1 {
 	border: .12em solid rgba(0,0,0,0.9);
 	border-radius: 12px;
 	font-size: 8em;
 	letter-spacing: -0.1em;
 	line-height: 1;
	padding: .2em .08em 0;
 	text-transform: uppercase;
 	-webkit-mask-image: url(img/knockout-05.png);
	-o-mask-image: url(img/knockout-05.png);
	-moz-mask-image: url(img/knockout-05.png);
	-ms-mask-image: url(img/knockout-05.png);
	mask-image: url(img/knockout-05.png);
	-webkit-transform: skewY(-7deg);
	-o-transform:skewY(-7deg);
    -moz-transform: skewY(-7deg); 
    -ms-transform: skewY(-7deg); 
   	transform: skewY(-7deg); 
}
h1.alt {
 	border: .12em solid rgba(0,0,0,0.6);
 	font-size: 8em;
 	letter-spacing: -0.1em;
 	line-height: 1;
	padding: .2em .08em 0;
 	text-transform: uppercase;
 	-webkit-mask-image: url(img/knockout-05.png);
	-o-mask-image: url(img/knockout-05.png);
	-moz-mask-image: url(img/knockout-05.png);
	-ms-mask-image: url(img/knockout-05.png);
	mask-image: url(img/knockout-05.png);
	-webkit-transform: skewY(-7deg);
	-o-transform:skewY(-7deg);
    -moz-transform: skewY(-7deg); 
    -ms-transform: skewY(-7deg); 
   	transform: skewY(-7deg); 
}
h2.message {
 	border: .17em solid rgba(0,0,0,0.6);
 	border-radius: 12px;
 	font-size: 4em;
 	letter-spacing: -0.1em;
 	line-height: 1;
	padding: .2em .08em 0;
 	text-transform: uppercase;
 	-webkit-mask-image: url(img/knockout-05.png);
	-o-mask-image: url(img/knockout-05.png);
	-moz-mask-image: url(img/knockout-05.png);
	-ms-mask-image: url(img/knockout-05.png);
	mask-image: url(img/knockout-05.png);
	-webkit-transform: skewY(-7deg);
	-o-transform:skewY(-7deg);
    -moz-transform: skewY(-7deg); 
    -ms-transform: skewY(-7deg); 
   	transform: skewY(-7deg); 
}