/*
 * Normalize & Bootstrap
==========================*/

body {
  padding: 0 0 40px;
  font-size: medium;
  line-height: 1.5em;
  color: #333;
  font-family: "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  }

/*
 * Global & Overrides
==========================*/

/* Typography */
h1 {
  font-family: Overpass, "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  padding: 0; margin-bottom: 20px;
  }
h2 {
  font-family: Overpass, "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  padding: 0; margin-bottom: 10px;
  }
h3 {
  font-family: Overpass, "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  padding: 0; margin-bottom: 10px;
  }
h4 {
  font-family: Overpass, "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  padding: 0; margin-bottom: 10px;
  }
h5 {
  font-family: Overpass, "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  padding: 0; margin-bottom: 10px;
  }
h6 {
  font-family: Overpass, "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  padding: 0; margin-bottom: 10px;
  }

h1 sup, h2 sup {
  vertical-align: top;
  display: inline-block;
  margin: .5em 0 0 .25em;
  }

.section-header {
  margin: 1em 0;
  padding-top: 1em;
  border-top: 1px solid #ccc;
}

a { color: #06c; text-decoration: none; }
a:hover, a:visited {   color: #03c; }

.code pre > code { 
	padding: 2px 4px;
	color: #c7254e;
	white-space: nowrap;
	background-color: #f9f2f4;
	border-radius: 4px;
}

/*
 * Fonts
==========================*/

@font-face {
	font-family: Overpass;
	font-style: normal;
	font-weight: bold;
	src: url("fonts/overpass_bold-web.eot?#iefix") format('embedded-opentype'),
		 url(data:application/x-font-woff;charset=utf-8;base64,[encoded data, 68112 characters]) format("woff"),
		 url("fonts/overpass_bold-web.ttf") format("truetype"),
		 url("fonts/overpass_bold-web.svg#webfontzAU82Ltw") format("svg");
}

/*
 * Banner
==========================*/

.header-graphic {
	position: relative;
	background: #203a61; /* Default: dark blue */
	margin: 20px 0 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: 150px;
	width: 100%;
	}

.centos-banner {
  background: #203a61 url(../images/centos-header.png) no-repeat left top;
  }

.v3-banner .banner-title,
.v3-banner .banner-tagline {
  font-weight: bold;
  font-family: Overpass, "DejaVu Sans", "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
	}

.header-graphic .banner-title {
  color: #fff;
  font-size: 30px;
  line-height: .9em;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 30px;
  bottom: 40px;
  text-transform: uppercase;
  z-index: 2;
  }

.header-graphic .banner-title span {
  display: block;
  font-size: 24px;
  }

.header-graphic .banner-title .graphic-icon {
  display: inline;
  margin-right: 8px;
  font-size: 28px;
  color: #fff;
  }

.header-graphic .banner-title sup {
  bottom: 12px;
  }

.header-graphic .banner-title span sup {
  bottom: 8px;
  }

.header-graphic .banner-tagline {
  color: white;
  font-size: 16px;
  letter-spacing: .15em;
  position: absolute;
  left: 30px;
  bottom: 30px;
  text-transform: uppercase;
  }
