

html {
  font-size: 62.5% !important;
  font-family: Georgia, "Times New Roman", Times, serif;
}

body {
  background: #FFF;
  color: #464646;
  padding-bottom: 20px;
  /* make room for the tray */
}



table {
  border-collapse: collapse;
  text-align: left;
  margin: 2em 0;
  width: 100%;
}





/* buttons */
.bg-button {
  font-weight: normal;
  border-radius: 1em;
  border: 1px solid #bbb;
  float: left;
  padding: .545em 1em;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url("//c.o0bg.com/rw/SysConfig/WebPortal/BostonGlobe/Framework/images/global/bg-button.png");
  background: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background: -moz-linear-gradient(top, #ffffff, #cccccc);
  background: -o-linear-gradient(top, #ffffff, #cccccc);
  background: -ms-linear-gradient(top, #ffffff, #cccccc);
  background: linear-gradient(top, #ffffff, #cccccc);
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  color: #222;
  cursor: pointer;
}

.bg-button:hover {
  background-image: url("//c.o0bg.com/rw/SysConfig/WebPortal/BostonGlobe/Framework/images/global/bg-button-hover.png");
  background: -webkit-linear-gradient(top, #ffffff, #bbbbbb);
  background: -moz-linear-gradient(top, #ffffff, #bbbbbb);
  background: -o-linear-gradient(top, #ffffff, #bbbbbb);
  background: -ms-linear-gradient(top, #ffffff, #bbbbbb);
  background: linear-gradient(top, #ffffff, #bbbbbb);
  color: #000;
}

.bg-button:active {
  padding: .636em 1em .454em 1em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125) inset;
  background: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background: -moz-linear-gradient(top, #ffffff, #cccccc);
  background: -o-linear-gradient(top, #ffffff, #cccccc);
  background: -ms-linear-gradient(top, #ffffff, #cccccc);
  background: linear-gradient(top, #ffffff, #cccccc);
}





/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
#masthead:after,
#masthead .weather:after,
.sections:after,
.section-expand:after,
.mod:after,
.col:after,
#main:after,
.feature-well .content:after,
.sec-excerpt:after,
.sections > ul:after,
nav.section:after,
.saved-list:after,
.saved-content:after,
.saved-header:after,
.bg-footer:after,
.saved-articles > ul > li:after,
.listing:after {
  clear: both;
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
#masthead,
#masthead .weather,
.sections,
nav.section,
.mod,
.col,
#main,
.feature-well .content,
.sec-excerpt,
.sections > ul,
.saved-list,
.saved-content,
.saved-header,
.bg-footer,
#main .bg-home-lead,
.saved-articles > ul > li,
.listing {
  zoom: 1;
}
