body #MainContent {
    max-width: 55em;
}


.mainContent p {
  margin-right: 15%;
}

.bio .text p, .people .bio p {
  margin-right: 0px;
}

#Poster {
  margin-left: 1em;
}

.cherry, .sidebar {
  float: left;
}

.sidebar li, .content li {
  list-style-image:url("../images/cherry-small.png")
}

.people li {
  list-style-image: none;
}

.thanks dt {
  text-decoration: underline;
}

.thanks dd {
  text-indent: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 1em;
}


/*
body * {
  outline: 1px solid red;
}
*/

/*
body .content {
  border: 1px solid lime;
}

body li {
  border: 1px solid green;
}

body .sidebar {
  border: 1px dotted lime;
}

body .sidebar li {
  border: 1px dotted green;
}
*/

/* for some reason, under FF links in .bio don't work once .people (?) 
   finishes loading, so hide them
 */
cite.play a { 
  text-decoration: none;
  color: black;
}

* html cite.play a { 
  text-decoration: underline;
  color: blue;
}