.hero { background: url("/web/20121207032926oe_/https://developers.google.com/+/images/hangouts-banner.png") bottom right no-repeat; border: 1px solid #ebebeb; border-top: none; height: 380px; margin-top: -16px; position: relative; }
.hero > .hangout-intro { background: url("/web/20121207032926oe_/https://developers.google.com/+/images/hangouts-logo.png") top left no-repeat; padding-left: 80px; position: absolute; top: 150px; left: 35px; }
.hero > .hangout-intro > h2 { color: #666; font-weight: bold; margin: 0; }
.hero > .hangout-intro > h3 { font-size: 200%; font-weight: bold; }
.hero > .hangout-intro > .button { text-transform: uppercase; }
.hero > .hangout-intro > .button:visited { color: #FFF; }
.hero > a { color: inherit; display: block; height: 100%; padding: 0.5em; text-decoration: none; width: 100%; }

.features { background: #f1f1f1; overflow: auto; padding: 16px; }
.features section { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #acacac; margin-bottom: 0; padding: 1em; width: 49%; }
.features section.plus1button { float: left; }
.features section.plus1button img { float: right; margin-left: 1em; }
.features section.api { float: right; }
.features section h3 { font-weight: bold; margin-bottom: 0; margin-top: 0; }
.features section p { margin-bottom: 0; }

.note, .caution, .warning, .alert-message { overflow: auto; }

h2 { overflow: auto; }

/* Override the generated inline TOC style for .md (and .html) files */
nav.inline-toc {
  float: right;
  width: 300px;
  background: #F1F1F1;
  padding-top: 9px;
  padding-bottom: 12px;
  padding-left: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 0.8em;
  margin-bottom: 0.5em;
  overflow: auto;
}
nav.inline-toc ol.toc {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 1em;
}
#gc-content nav.inline-toc ol.toc li {
  font-weight: normal;
  line-height: 15px;
}
#gc-content nav.inline-toc > ol.toc > li ol {
  padding-left: 0;
}
#gc-content nav.inline-toc > ol.toc > li {
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 2em;
  text-indent: -2em;
}
#gc-content nav.inline-toc > ol.toc > li > ol > li {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 2em;
  text-indent: -2em;
}
nav.inline-toc ol ol ol {
  display: none;
}
.more-info {
  text-decoration: none;
  border-bottom: 1px dotted green;
  cursor: help;
  color: green;
}