@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600,700);

/**
 * Theme for Timmy Willison's presos
 * Copyright (c) 2013 timmy willison
 */

body {
  background-color: #000000;
  background-image: -moz-radial-gradient(center, #ff0000, #000000);
  background-image: -o-radial-gradient(center, #ff0000, #000000);
  background-image: -webkit-gradient(radial,center center,center center,color-stop(0, #ff0000),color-stop(1, #000000));
  background-image: -webkit-radial-gradient(center, #ff0000, #000000);
  background-image: radial-gradient(center, #ff0000, #000000);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff0000', EndColorStr='#000000', GradientType=1);
}

.reveal {
  font: 400 36px/1.4 'Titillium Web', sans-serif;
  text-shadow: white 0 1px;
  color: #222;
}

::selection {
  color: #222;
  background: rgba(255, 248, 48, 0.54);
  text-shadow: none;
}

/* ==|== slides ======================================== */
.reveal .slides > section, .reveal .slides > section > section {
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ffffff)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e4e4e4, #ffffff); /* Chrome 10+, Saf5.1+ */
  background-image:   -moz-linear-gradient(top, #e4e4e4, #ffffff); /* FF3.6 */
  background-image:    -ms-linear-gradient(top, #e4e4e4, #ffffff); /* IE10 */
  background-image:     -o-linear-gradient(top, #e4e4e4, #ffffff); /* Opera 11.10+ */
  background-image:      linear-gradient(top, #e4e4e4, #ffffff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e4e4e4', EndColorStr='#ffffff');
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
     -moz-box-shadow: black 0px 0px 5px;
  -webkit-box-shadow: black 0px 0px 5px;
          box-shadow: black 0px 0px 5px;
  padding: 20px;
  line-height: inherit;
}

/* ==|== overview ======================================== */
.reveal.overview .slides section {
  background: #e4e4e4;
}
.reveal.overview .slides section:hover {
  background: #AFAFAF;
  box-shadow: black 0 0 20px;
}
.reveal.overview .slides section.present {
  background: #D1D1D1;
  box-shadow: black 0 0 10px;
}

/* ==|== headers ======================================== */
.reveal h1 {
  line-height: 1em; margin-bottom: 15px;
  text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.reveal h2 { line-height: 1em; }

/* ==|== links ======================================== */
.reveal a {
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.reveal a:hover {
  text-shadow: black 0 1px 3px;
}

/* ==|== images  ======================================== */
.reveal section img {
  margin: 15px 0px;
  background: rgba(255, 255, 255, 0.12);
  border: 4px solid #eeeeee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.reveal a:hover img {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
}

/* ==|== blockquote ======================================== */
.reveal blockquote {
  margin: 20px auto;
  background: #A2D9FD;
       -moz-box-shadow: black 0px 0px 2px;
    -webkit-box-shadow: black 0px 0px 2px;
            box-shadow: black 0px 0px 2px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

/* ==|== progress bar ======================================== */
.reveal .progress { background: rgba(0, 0, 0, 0.2); }
.reveal .progress span { background: white; }

/* ==|== slide-specific ======================================== */
#intro p { margin-top: 50px; }
/* raise certain larger slides */
#performance, #qsa { top: -450px !important; }
.warning-image { width: 100%; height: 100%; }