@import url("inline-toc.css");
@import url("tooltip.css");

.hero { background: url("/web/20130903230419oe_/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/20130903230419oe_/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; }

/* Custom Tip annotation */
aside.tip {
  display: block;
  margin-bottom: 1.5em;
  background-color: #e5ecf9;
  padding: 6px 8px 6px 10px;
  -moz-box-shadow: 5px 5px rgba(0,107,182,0.5);
  -webkit-box-shadow: 5px 5px rgba(0,107,182,0.5);
  box-shadow: 5px 5px rgba(0,107,182,0.5);
  }

.more-info {
  text-decoration: none;
  border-bottom: 1px dotted green;
  cursor: help;
  color: green;
}

.dropshadow {
  -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

#gc-content-license { font-size: 80%; }

aside.right {
  float: right;
  margin-left: 1em;
  width: 240px;
}

aside.right-wide {
  float: right;
  margin-left: 1em;
  width: 340px;
}

aside.right-wider {
  float: right;
  margin-left: 1em;
  width: 400px;
}

aside.right-half {
  float: right;
  margin-left: 1em;
  width: 50%;
}