div, p, h1, h2, h3 { 
 	margin: 0;
  	padding: 0;
  	border: 0;
  	font-size: 100%;
  	font: inherit;
  	vertical-align: baseline;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box; 
}

body { background:url(images/darkoakback.jpg); margin: 0 0 30px 0; padding: 0;}

.header { margin: 0 auto; height: 124px; width: 964px; }

.wrapper { 

width: 972px; margin: 0 auto; overflow: hidden; 

font-family: "Calibri Light", "Calibri", Arial, sans-serif;
font-size: 1.1em;

}

.nav { width: 151px; float: left; overflow: hidden; color: #9b9176; }

.content { 	

width: 814px; 
float: left; 
overflow: hidden; 
border: 7px solid #756c53; 
padding: 25px;
margin: 0 0 10px 0;
box-shadow: 3px 3px 8px #000; 
background: #fff;
color: #555;
}

.copyright { width: 510px; margin: .25em auto; text-align: right; overflow: hidden; color: #9b9176; font-family: "Calibri Light", "Calibri", Arial, sans-serif;
font-size: .85em; }

p { margin-bottom: 1em; }

h1 { margin-bottom: .5em; margin-top: 0; padding: 0; font-size: 1.5em; color: #3d8046; font-weight: bold; }

h2 { margin-bottom: .5em; margin-top: 0; padding: 1em; font-size: 1.2em; font-weight: bold; color:#333; font-style:italic; text-align:center; background: #eddba9; }

li { margin-bottom: .5em; }


.example-obtuse {
  position:relative;
  padding:15px 30px;
  margin:0;
  color:#000;
  background:#eddba9; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#eddba9), to(#e9c665));
  background:-moz-linear-gradient(#eddba9, #e9c665);
  background:-o-linear-gradient(#eddba9, #e9c665);
  background:linear-gradient(#eddba9, #e9c665);

  border-radius: 11px;
}

.example-obtuse p {
  margin-bottom: .5em;
  font-family: "Calibri Light", "Calibri", Arial, sans-serif;
  font-size: 1.3em;
  font-style: italic;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-obtuse + p {margin:10px 150px 2em 0; text-align:right; font-style:normal;}

/* creates the larger triangle */
.example-obtuse:before {
  content:"";
  position:absolute;
  bottom:-30px;
  right:80px;
  border-width:0 0 30px 50px;
  border-style:solid;
  border-color:transparent #e9c665;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller triangle */
.example-obtuse:after {
  content:"";
  position:absolute;
  bottom:-30px;
  right:110px;
  border-width:0 0 30px 20px;
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}