@import url(/main.css);

H2 {
  margin-bottom: -0.1em;
}

BODY#mobpics #content {
  margin-right: 2%;
  margin-left: 2%;
}

.mobpic {
  margin-top: 1px;  /* Gecko doesn't always clear the leftmost DIV
                     * in the row above without this */
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  width: 390px;
  float: left;
}

.mobpics-caption {
  height: 4.3em;
  overflow: auto;
}

.mobpics-caption P {
  margin-bottom: 0;
}

#mobpics-intro {
  background: transparent none;
  color: #6A6A6A;
  font-weight: bold;
  margin-left: 88px;
  max-width: 22.7em;
}

.mobpics-photo {
  position: relative;
  text-align: center;
  line-height: 355px;
  z-index: 9;
}

.mobpics-photo IMG {
  vertical-align: middle;
}

.section,
.section-highlighted {
  padding: 4px 4px 4px 34px;
  margin-bottom: 0;
}

.section H3,
.section-highlighted H3 {
  position: relative;
  line-height: 1.2em;
  margin-left: -26px;
  height: 2.4em;
  overflow: visible;
  z-index: 10;
}