/* Copyright 2014 Google Inc. All Rights Reserved. */
@import url(//fonts.googleapis.com/css?family=Coda);
html, body {
  font-family: 'Coda', Sans-Serif;
  font-weight: 400;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  color:#fff;
}

body {
  background-color:#000;
  font-size: 1em;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

a {
  color: #11ecf7;
  text-decoration: none;
}

p {
  margin:0 0 1em 0;
}

h2 {
  color:#ffbb00;
  font-size:180%;
  margin-bottom:0;
}

#join {
  font-size:240%;
}

h3 {
  color:#ffbb00;
  font-size:170%;
  margin-bottom:0;
}

h4 {
  display:inline;
  color:#ffbb00;
  font-size:140%;
}

#header {
  background: rgba(0, 0, 0, 0.80);
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  width:100%;
}

#logo {
  display:block;
  background:url(//commondatastorage.googleapis.com/ingress.com/img/events/logo.png) no-repeat top left;
  width:344px;
  height:60px;
  text-indent:-5000px;
  float:left;
  margin:10px; 15px;
}

#nav {
  float:right;
  margin-top:15px;
  margin-right:15px;
}

.nianticlogo {
  display:block;
  float:right;
}

a.navmenu {
 display:block;
 padding:4px 8px;
 border:#ffbb00 solid 1px;
 color:#ffbb00;
 float:right;
 margin:8px 15px;
}

a.navmenu:hover {
 background-color:#9d8b59;
}

#main {
  margin:20px auto;
  max-width:1000px;
  padding:0 15px 15px 15px;
}

#video {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:url('//commondatastorage.googleapis.com/ingress.com/img/events/events.jpg');
  height:480px;
  text-align:center;
}

#video iframe {
  margin-top:100px;
}

#current-anomaly {
  margin-top:48px;
}

#current-anomaly p {
  margin-top:0;
}

#current-anomaly h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/xmanomaly-logo.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#previous-anomaly {
  margin-top:48px;
}

#previous-anomaly p {
  margin-top:0;
}

#previous-anomaly h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/helios_logo.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#magnus h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/magnus-logo.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}


#nl1331 h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/nl1331.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#nl1331e h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/nl1331e.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#ingressfs h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/fs_logo.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#goruck h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/img-goruck.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#ocf h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/img-ocf.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}


#missionday h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/missionday_logo.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#missiondayplus h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/missiondayplus_logo2.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

#specialevents h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/logo_alone.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}



#ces h3 {
  background:url('//commondatastorage.googleapis.com/ingress.com/img/events/ces_logo.png') no-repeat top left;
  padding:12px 0px 20px 140px;
  margin-bottom:0;
}

.event-schedule {
  border:0;
  width:100%;
  margin-bottom:24px;
}

.event-schedule td {
  border-bottom:2px solid #666;
}

#nl1331 td {
  width:25%;
}

.ingressfsplace {
  word-break: break-all;
}

.primary .regularcell {
  color:#ffbb00;
}

.midcell {
  text-align:center;
}

.done,.done .regularcell {
  color:#666;
}

a.moreinfo {
  background-color:#004f49;
  display:block;
  width:5em;
  padding:2px 8px;
  border:#00ffcc solid 1px;
  color:#00ffcc;
  float:right;
  margin:3px 6px;
  font-size:80%;
  text-align:center;
}

a.moreinfo:hover {
  background-color:#9d8b59;
}

#nl1331 {
  margin-top:48px;
}

th {
  color:#ffbb00;
  font-size:130%;
  text-align:left;
}

#footer {
  font-size:60%;
  color:#999;
  text-align:center;
  padding:25px;
}


/* for mobile devices */
@media (max-width: 600px) {

  #logo {
    float:none;
    text-align:center;
    margin:10px auto;
  }

  #nav {
    display:none;
  }

  td {
    padding:20px 20px;
  }

  iframe {
    width:100%;
  }

  a.moreinfo {
    padding:10px; 20px;
  }

}


/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1137px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1137px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1137px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1137px) {

  html, body {

  font-family: 'Coda', Sans-Serif;
  font-weight: 400;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  color:#fff;
  }

  h3 {
    font-size:170%;
  }

  #logo {
    float:none;
    text-align:center;
    margin:10px auto;
    background:url('//commondatastorage.googleapis.com/ingress.com/img/events/logo_retina.png') no-repeat top left;
    width:688px;
    height:120px;
    margin:20px 30px;
  }

  #nav {
    display:none;
  }

  #video {
    height:900px;
  }

  table.event-schedule {
    font-size:35px;
    margin-bottom:50px;
  }

  td {
    padding:40px 20px;
  }

  th {
    font-size:45px;
  }

  #video iframe {
    margin-top:300px;
    height:700px
    width:100%;
  }

  a.moreinfo {
    padding:10px; 20px;
  }

  p {
    margin-bottom:30px;
  }

}