#news {
  float: right;
  width: 300px;

  margin-bottom: 1em;

  /* make the title vertical position match that of the first section. */
  padding-top: 0.5em;
  border: 2px solid transparent;
}

#news h2 {
  text-align: center;

  /* match the first section */
  margin: 0;
}

#news li {
  margin-top: 1em;
}

#more {
  text-align: right;
}


#sections {
  float: left;
  width: 480px;
}

.section {
  position: relative;

  display: block;
  height: 100px;

  border: 2px solid #8bcf28;  /* logo text colour */
  margin-bottom: 2em;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.section img {
  position: absolute;
  top: 0; left: 0;
}

.section .inner {
  display: block;
  padding: 0.5em 0.5em 0.5em 80px;
}

.section p, .section h2 {
  margin: 0 0 0.2em;
  line-height: 1em;
}

#info {
  clear: both;
}