@import "/grayarea.css";

a {
  color: #404040;
}

.content {
  width: 55%
}

.picture {
  width: 45%;
  float: left;
}

.picture img {
  width: 100%;
  margin-bottom: 6em;
}

.picture-bottom {
  position: absolute; 
  width: 12em; 
  bottom: 21em;
  z-index: -1;
}

.picture-bottom img{
  width: 15em; 
}

.info {
  width: 45%;
  float: right;
}

.footer {
  clear: both;
}

.footer img {
  width: 100%;
}

#wga img {
  position: absolute;
  top: 20em;
  right: -4em;
  width: 12%;
}

.event h1 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 180%;
}

.location {
  margin-top: 1.5em;
  font-weight: bold;
}

.logo img {
  margin-top: 1em;
  height: 4em;
}

.desencuentros {
  color: #948A54;
}

.links a {
  display: block;
}

.event {
  padding-top: 160px;
  margin-bottom: 7em;
}

#walkingthegrayarea {
  padding-top: 130px;
}

.navigation {
  position: fixed;
  width: 100%;
  z-index: 10;
  background: solid white;
}

.links {
  position: fixed;
  right: 0;
  top: 12em;
  width: 15em;
  color: #A0A0A0;
/*  border-left: 1px solid; */
  padding-left: 0.5em;
}

.links a {
  color: #A0A0A0;
}

.links td {
  vertical-align: top;
  text-align: center;
}

.opening, .opening a {
  color: white;
  background-color: #9E6463;
  font-weight: bold;
}

#calendar {
  margin-bottom: 1em;
}