html, body {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5% Arial, Verdana, sans-serif;
  color: #000;
  background: #fff;
}
#container {
  font-size: 1.2em;
  margin: 10px 2em;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 0;
}
h1.subtitle {
  font: italic normal 1.5em "Times New Roman", Times, serif;
  margin-top: 0;
  margin-bottom: 2em;
}
h2 {
  font-size: 1.3em;
  margin-bottom: .5em;
}
h2.subtitle {
  font: italic normal 1em "Times New Roman", Times, serif;
  margin-top: 0;
  margin-bottom: .5em;
}
h3 {
  font-size: 1.1em;
  margin-bottom: 0;
}
#branding {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: .5em;
}
#chapter-number {
  float: right;
  font: normal 7em "Times New Roman", Times, serif;
  margin-top: -15px;
}

/* ----------------------------
=Alsett Clearing Method for floats 
-------------------------------*/  
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.clearfix {display: inline-block;}
/* backslash hack hides from IE Mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* end backslash hack */