@import url(http://fonts.googleapis.com/css?family=Oswald:400,700|Titillium+Web:400,700,900|Open+Sans:400italic,400,600,700,800,300);
A {
  color: #8FCC1E;
  
}
P {
  font-size: 9pt;
}
H2 {
font-weight: bold; font-size: 22pt; font-family: 'Titillium Web', Arial, Helvetica, Sans-Serif; color: #85BD00; padding: 0px 0px 0px 0px; margin: 0px; line-height: 100%;
  
}
H2 SMALL {
 color: #000000; font-size: 18pt;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#sitehead {
  width: 100%; max-width: 1080px;
  margin: 20px auto;
}
#sitebody {
  margin: 0 auto;
  width: 100%; max-width: 1080px;
  
}
#sitecontent {
  
  margin: 0 auto;
  width: 100%; max-width: 1080px;
}

#schedulenote {
  margin: 10px auto;
  width: 100%; max-width: 1080px;
  
  text-decoration: none; font-weight: normal; font-size: 8pt; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; color: #FFFFFF; line-height: 100%; text-shadow: 1px 1px 3px #00050A;
}
BODY {font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
  padding: 0px;
                                                                                          background: #01162D;
                                     background: -moz-linear-gradient(top,  #143561 0%,               #01162D 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#143561), color-stop(100%,#01162D));
                                  background: -webkit-linear-gradient(top,  #143561 0%,               #01162D 100%);
                                       background: -o-linear-gradient(top,  #143561 0%,               #01162D 100%);
                                      background: -ms-linear-gradient(top,  #143561 0%,               #01162D 100%);
                                    background: linear-gradient(to bottom,  #143561 0%,               #01162D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#143561',    endColorstr='#01162D', GradientType=0 );
  background-attachment: fixed; background-size: cover;
  height: auto;
}

@media screen and (max-width: 598px)  { /* MOBILE */
  div#third { width: 100%; height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twofourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#threefourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}
@media screen and (min-width: 598px)  {  /* TABLET */
  div#third { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

@media screen and (min-width: 800px)  {  /* DESKTOP */
  div#third { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#solo { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/4); height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/5); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc((100%/4)*2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc((100%/4)*3); height: auto; float: left;  display: inline-block; }
  div#twothird { width: calc((100%/3)*2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

DIV#box {
  margin: 10px 10px; padding: 20px 20px;
  background-color: #FFFFFF;
  overflow:hidden;
  text-align: left;
    -webkit-box-shadow: 0 0 5px #000000;
       -moz-box-shadow: 0 0 5px #000000;
            box-shadow: 0 0 5px #000000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
DIV#topbar {
  color: #FFFFFF; text-decoration: none; text-align: center;
                                                                                          background: #F78C00;
                                     background: -moz-linear-gradient(top,  #FFA938 0%,               #F78C00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA938), color-stop(100%,#F78C00));
                                  background: -webkit-linear-gradient(top,  #FFA938 0%,               #F78C00 100%);
                                       background: -o-linear-gradient(top,  #FFA938 0%,               #F78C00 100%);
                                      background: -ms-linear-gradient(top,  #FFA938 0%,               #F78C00 100%);
                                    background: linear-gradient(to bottom,  #FFA938 0%,               #F78C00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#FFA938',    endColorstr='#F78C00', GradientType=0 );
}

DIV#sitenav {
  margin: 0 auto;
  width: 100%; max-width: 1080px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
  padding-top: 1px;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #333333 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #333333 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #333333 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #333333 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #333333 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#333333',    endColorstr='#111111', GradientType=0 );
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
DIV#dateline {
  margin: 0 auto;
  width: 100%; max-width: 1080px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-left: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
                                                                                          background: #7DB200;
                                     background: -moz-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FCC00), color-stop(100%,#7DB200));
                                  background: -webkit-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                       background: -o-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                      background: -ms-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                    background: linear-gradient(to bottom,  #8FCC00 0%,               #7DB200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#8FCC00',    endColorstr='#7DB200', GradientType=0 );
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   z-index: 100;-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
text-decoration: none; font-weight: bold; font-size: 14pt; font-family: 'Titillium Web', Arial, Helvetica, Sans-Serif; color: #FFFFFF; padding: 10px 0px 10px 0px; line-height: 100%;text-shadow: 1px 1px 3px #000000;
}


DIV#raised B {
  text-decoration: none; font-weight: bold; font-size: 8pt; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; color: #FFFFFF; line-height: 100%; text-shadow: 1px 1px 3px #00050A;
}
DIV#raised {
  display: inline-block;
  width: auto;
  padding: 10px 0px;
}
DIV#buttons-left {
  display: inline-block;
  float: left;
  width: auto;
}
DIV#buttons-right {
  display: inline-block;
  float: right;
  width: auto;
}

DIV#twitch {
  display: inline-block; margin: 27px 5px 10px 5px; padding: 13px 20px;
  float: right;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
   background-color: #6441a5;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7550BA), to(#6441a5));
   background-image: -webkit-linear-gradient(top, #7550BA, #6441a5);
   background-image: -moz-linear-gradient(top, #7550BA, #6441a5);
   background-image: -ms-linear-gradient(top, #7550BA, #6441a5);
   background-image: -o-linear-gradient(top, #7550BA, #6441a5);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

DIV#youtube {
  display: inline-block; margin: 27px 5px 10px 5px; padding: 13px 20px;
  float: right;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
  background-color: #E62117;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED4E45), to(#E62117));
  background-image: -webkit-linear-gradient(top, #ED4E45, #E62117);
  background-image: -moz-linear-gradient(top, #ED4E45, #E62117);
  background-image: -ms-linear-gradient(top, #ED4E45, #E62117);
  background-image: -o-linear-gradient(top, #ED4E45, #E62117);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
DIV#twitter {
  display: inline-block; margin: 27px 10px 10px 5px; padding: 13px 20px;
  float: right;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
  background-color: #60A8DA;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8BBFE4), to(#60A8DA));
  background-image: -webkit-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -moz-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -ms-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -o-linear-gradient(top, #8BBFE4, #60A8DA);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
DIV#twitter A, DIV#youtube A, DIV#twitch A, DIV#join A, DIV#donate A { text-decoration: none; font-weight: bold; font-size: 18pt; font-family: 'Oswald', Arial, Helvetica, Sans-Serif; color: #FFFFFF; line-height: 100%; text-shadow: 1px 1px 3px #000000;}

DIV#join {
  display: inline-block; margin: 27px 5px 10px 5px; padding: 13px 20px;
  float: left;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
                                                                                        background: #333333;
                                   background: -moz-linear-gradient(top,  #555555 0%,               #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333));
                                background: -webkit-linear-gradient(top,  #555555 0%,               #333333 100%);
                                     background: -o-linear-gradient(top,  #555555 0%,               #333333 100%);
                                    background: -ms-linear-gradient(top,  #555555 0%,               #333333 100%);
                                  background: linear-gradient(to bottom,  #555555 0%,               #333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#555555',    endColorstr='#333333', GradientType=0 );
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
DIV#donate {
  display: inline-block; margin: 27px 5px 10px 10px; padding: 13px 20px;
  float: left;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
                                                                                          background: #7DB200;
                                     background: -moz-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FCC00), color-stop(100%,#7DB200));
                                  background: -webkit-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                       background: -o-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                      background: -ms-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                    background: linear-gradient(to bottom,  #8FCC00 0%,               #7DB200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#8FCC00',    endColorstr='#7DB200', GradientType=0 );
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

#schedule {
  margin: 10px auto;
  width: 100%; max-width: 540px;  display: inline-block;
}
#schedule DIV#head {
text-decoration: none; font-weight: bold; font-size: 14pt; font-family: 'Titillium Web', Arial, Helvetica, Sans-Serif; color: #FFFFFF; padding: 10px 0px 10px 0px; line-height: 100%;text-shadow: 1px 1px 3px #000000;
  
}
#schedule DIV#event {
  background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 5px #000000;
       -moz-box-shadow: 0 0 5px #000000;
            box-shadow: 0 0 5px #000000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  width: 90px; 
  min-height: 100; 
  display: inline-block;
  text-decoration: none; 
  font-weight: bold; 
  font-size: 8pt; 
  font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; 
  color: #7FB500; 
  line-height: 100%; 
  text-shadow: 1px 1px 3px #00050A;
  overflow:hidden;
  margin: 5px; padding: 0px;
}

#schedule DIV#event DIV#logo {
  margin: 5px;/
  clear: both; display: block;
}
#schedule DIV#event DIV#time {
  
  clear: both;  display: block;
  font-family: Oswald, Arial, Helvetica, Sans-Serif; line-height: 125%; font-size: 9pt;
  color: #FFFFFF; 
  margin: 0px; padding: 5px; text-align: center;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
                                                                                          background: #7DB200;
                                     background: -moz-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FCC00), color-stop(100%,#7DB200));
                                  background: -webkit-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                       background: -o-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                      background: -ms-linear-gradient(top,  #8FCC00 0%,               #7DB200 100%);
                                    background: linear-gradient(to bottom,  #8FCC00 0%,               #7DB200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#8FCC00',    endColorstr='#7DB200', GradientType=0 );
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

}


#schedule DIV#event {
 border-right: 1px solid rgba(255,255,255,0.1); 
}
#schedule DIV#event:last-child {
 border-right: none; 
}
#schedule DIV#event IMG {
 margin: 0px; width: 90%;
}