/* the styles for the elements */
html {
	background-image: -webkit-linear-gradient(top, white 0%, #733635 100%);	
	background-image: -moz-linear-gradient(top, white 0%, #733635 100%);
	background-image: -o-linear-gradient(top, white 0%, #733635 100%);
	background-image: linear-gradient(top, white 0%, #733635 100%);	
}
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    width: 700px;
    background-color: white;
	margin: 1em auto;
	padding: 1em 1.5em;
	border: 1px solid black;
	border-radius: 25px;
	box-shadow: 5px 5px 0 0;
}

/* a { font-weight: bold; }
a:link { color: #931420; }
a:hover, a:focus { color: blue; } */


ul { line-height: 1.5; }

em { font-weight: bold; }

/* the styles for the header */
/*header img { display: block;
              margin-left: auto;
              margin-right: auto; } */

header { 
	padding-bottom: 1em;
	border-bottom: 2px solid #733635;
}

header img {float:left;
            margin-top: 1em;}

header h1 {
    
    font-family:  "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
	font-size: 300%;
    color: #733635;
    text-align: center;
/*	text-shadow: 2px 2px 2px black; */
}
header h2 {
	font-size: 220%;
    color: #f2972e;
    text-align: center;
	text-shadow: 2px 2px 2px black;
    
   }
header h3 {
	font-size: 130%;
	font-style: italic;
    text-align: center;
}

/* the styles for the main content */
main { clear: left; }
main h1 { font-size: 170%; }
main h2 { font-size: 130%; }

main p.indent { text-indent: 2em; }
main a.date_passed { color: gray; }

aside {float: right;
        width: 50%}
aside h2 {text-align: center;}

#audiotext {margin-left: 2em;
            margin-bottom: 0;}

#audioplayer {margin-left: 2em;}

/* the styles for the footer */
footer {
	margin-top: 2em;
	border-top: 2px solid #733635;
	padding-top: .7em;
}

footer p {
	font-size: 80%;
	text-align: right;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }