@import url(_layout_subheader_form.css);

/* section head template */

div#documentary {
  float: left;
  width: 370px;
  height: 305px;
  margin-bottom: 12px;
}

div#documentary img {
  padding: 3px;
}

p#install-flash {
  clear: left;
  width: 360px;
  margin: 0;
  text-align: center;
}

div#body p.first {
  clear: left;
  padding-top: 10px;
  font-weight: bold;
  font-size: 1.083em;
}

div#body {
  border: none;
  width: 640px;
  margin: 0;
  padding: 0 100px;
}

div#related_linkbar {
  width: 228px;
}
div#related_linkbar ul {
  margin: 0;
}
div#related_linkbar ul li {
  padding-top: 24px;
}

/* IE6 needs margin to be half on floated elements */
div#related_linkbar ul li a img {
  float: left;
  display: block;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 5px;
  
  margin-top: -9px;
  
  border: 4px solid #BFCDCF;
}
/* IE6 ignores this rule, can't do child selector
   All other browsers are happy to apply the REAL margin value :) */
html > body div#related_linkbar ul li a img {
  margin-left: 10px;
}


div#body a.continue {
  display: block;
  text-align: center;
  color: black;
  text-decoration: none;
  padding-bottom: 20px;
}
div#body a.continue img {
  margin-left: 10px;
  vertical-align: bottom;
}
div#body a.continue:hover,
div#body a.continue:focus {
  color: #8E8E8E;
}


div#related_linkbar ul li.profile {
  padding-left: 12px;
}