/*
----------------------------------------
Tantek Celik's Whitepsace Reset
     Author:  	Tantek Celik, Shane Riley
    Version:  	(CC) 2010 Some Rights Reserved - http://creativecommons.org/licenses/by/2.0
Description:	Resets default styling of common browsers to a common base
----------------------------------------
*/
/* line 10, whitespace-reset.scss */
ul, ol {
  list-style: none; }

/* line 11, whitespace-reset.scss */
h1, h2, h3, h4, h5, h6, pre, code {
  font-size: 1em; }

/* line 12, whitespace-reset.scss */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd, figure, figcaption {
  margin: 0;
  padding: 0; }

/* line 15, whitespace-reset.scss */
a img, :link img, :visited img, fieldset {
  border: none; }

/* line 16, whitespace-reset.scss */
address {
  font-style: normal; }

/* line 17, whitespace-reset.scss */
header, section, article, nav, footer, hgroup, details, summary, figure {
  display: block; }

/* line 18, whitespace-reset.scss */
mark {
  color: inherit;
  background: transparent; }

/* line 21, whitespace-reset.scss */
abbr {
  border: none; }

/* line 22, whitespace-reset.scss */
summary::-webkit-details-marker {
  display: none; }

@font-face {
  font-family: "Press Start";
  src: url("../fonts/prstart-webfont.eot");
  src: url("../fonts/prstart-webfont.eot?iefix") format("eot"), url("../fonts/prstart-webfont.woff") format("woff"), url("../fonts/prstart-webfont.ttf") format("truetype"), url("../fonts/prstart-webfont.svg#webfont") format("svg"); }

/* line 5, application.css.sass */
body {
  font: normal 11px/150% Helvetica, Arial, sans-serif;
  color: #282828;
  background: white; }

/* line 10, application.css.sass */
.preloads {
  position: absolute;
  left: -1000px;
  top: 0;
  z-index: 1; }
  /* line 15, application.css.sass */
  .preloads img {
    position: absolute;
    left: 0;
    top: 0; }

/* line 19, application.css.sass */
section {
  position: relative;
  width: 1170px;
  height: 802px;
  margin: 0 auto; }

/* line 24, application.css.sass */
article {
  width: 1029px;
  height: 689px;
  padding: 113px 0 0 141px;
  background: transparent url("../images/tv_green.jpg") 0 0 no-repeat; }

/* line 30, application.css.sass */
p.credits {
  position: absolute;
  right: 160px;
  top: 420px;
  z-index: 1;
  color: #ececec; }
  /* line 36, application.css.sass */
  p.credits a {
    color: #ececec; }

/* line 39, application.css.sass */
#game {
  position: relative;
  width: 640px;
  height: 480px;
  overflow: hidden; }

/* line 45, application.css.sass */
canvas {
  position: absolute;
  left: 0;
  top: 0; }
  /* line 49, application.css.sass */
  canvas#background {
    z-index: 1; }
  /* line 51, application.css.sass */
  canvas#sprites {
    z-index: 2; }

/* line 54, application.css.sass */
#dialog {
  display: none;
  position: absolute;
  left: 20px;
  right: 20px;
  z-index: 2;
  height: 160px;
  padding: 20px 30px;
  border: 3px solid #cccccc;
  border-radius: 10px;
  background: transparent url("../images/bg_dialog.png") 29px 0 repeat-x; }
  /* line 65, application.css.sass */
  #dialog:before, #dialog:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    background: transparent url("../images/bg_dialog.png") 0 100% no-repeat; }
  /* line 73, application.css.sass */
  #dialog:before {
    left: 0;
    width: 29px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px; }
  /* line 77, application.css.sass */
  #dialog:after {
    right: 0;
    width: 19px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    background-position: 100% 100%; }
  /* line 82, application.css.sass */
  #dialog.bottom {
    bottom: 20px; }
  /* line 84, application.css.sass */
  #dialog.top {
    top: 20px; }
  /* line 86, application.css.sass */
  #dialog.keys {
    text-align: center; }
    /* line 88, application.css.sass */
    #dialog.keys span {
      padding: 0 25px; }
    /* line 90, application.css.sass */
    #dialog.keys img {
      display: block;
      margin: 15px auto 0 auto; }
  /* line 93, application.css.sass */
  #dialog p {
    font: normal 14px/160% "Press Start", sans-serif;
    letter-spacing: -1px; }
  /* line 96, application.css.sass */
  #dialog a {
    text-decoration: none;
    color: #0066cc;
    border-bottom: 1px dotted #0066cc; }

/* line 101, application.css.sass */
.dialog {
  display: none; }

/* line 104, application.css.sass */
#title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: transparent url("../images/title.png") 0 0 no-repeat; }
  /* line 112, application.css.sass */
  #title p {
    position: absolute;
    bottom: 160px;
    left: 0;
    right: 0;
    z-index: 1;
    font: normal 11px "Press Start", sans-serif;
    text-align: center;
    color: white; }
    /* line 121, application.css.sass */
    #title p + p {
      bottom: 60px;
      color: yellow;
      -moz-animation-duration: 1s;
      -moz-animation-name: pulse;
      -moz-animation-iteration-count: infinite;
      -webkit-animation-duration: 1s;
      -webkit-animation-name: pulse;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-direction: alternate;
      -webkit-animation-direction: alternate; }

@-moz-keyframes pulse {
  /* line 134, application.css.sass */
  from {
    opacity: 1; }

  /* line 136, application.css.sass */
  to {
    opacity: 0; } }

@-webkit-keyframes pulse {
  /* line 139, application.css.sass */
  from {
    opacity: 1; }

  /* line 141, application.css.sass */
  to {
    opacity: 0; } }