/* So the HTML5 structural tags work in older browsers */
/* the reset selector*/
*{
	margin: 0;
	padding: 0;}

html {
	background-color: white;
	}
	
article, aside, figure, footer, header, nav, section {
    display: block;
}

/* the styles for the elements */
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 87.5%;
	width: 800px;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #800000;
	background-color: #fffded;
}

a {font-weight: bold;}
a:hover, a:focus {font-style: italic;}

/* the styles for the header */
header img {	float: left;
			padding-left: 30px;
			padding-right: 30px;
			}
header {		border-bottom: 3px solid #800000;
			padding-top: 1.5ems;
			padding-bottom: 1.5ems;
			background-image: linear-gradient(30deg, #800000, #fffded, white, #fffded, #800000);
}
header h1 {	color: #800000;
			padding-top: .5em;
			padding-bottom: .25em;
			}
header h2 {	font-style: italic;
			padding-bottom: .75em;
			}
/* the styles for the aside */
aside {		width: 215px;
			float: left;
			padding-left: 20px;
			}
aside h1 {	font-size: 150%;
			color: #800000;
			padding-top: .5em;
			padding-bottom: .25em;
			}
aside h2 {	font-size: 120%;
			padding-bottom: .25em;
}			
aside img {	padding-bottom: 1em;
			}
			
#speakers {	}
			

/* the styles for the section */
section {		width: 525px;
			float: right;
			padding-left: 20px;
			padding-right: 20px;
			}
section h1 {	font-size: 150%;
			color: #800000;
			padding-top: .5em;
			padding-bottom: .25em;
			}
section blockquote {padding-left: 2em;
				padding-right: 2em;
				padding-top: .5em;
				font-style: italic;
				}
section ul {	padding-left: 1.25em;
			padding-bottom: 1.5em;
		}
section li {	padding-bottom: .35em;	
		}				
section p {	color: black;
			padding-bottom: 1em;
			border-bottom: 2px solid black;
			}
			
.shadow 	{	color: #800000;
			text-shadow: 1px 1px;
			}	
			
/* the styles for the article */
article {	margin-top: 1ems;
		padding-left: 20px;
		padding-right: 20px;
		color: #800000;
		-moz-column-count: 1;
		}
article img {	float: right;
			margin-top: 2ems;
			margin-bottom: 2ems;
			margin-left: 2ems;
			margin-right: 2ems;
			border: 1px solid black;
			}
article h1 {	border-top: 2px solid black;
			color: black;
			}
article h2 {	color: black;
			font-size: 120%;
			padding-bottom: .5em;
			}
article p {	color: black;
			padding-bottom: 1em;
			}


/* the styles for the footer */
footer p {		text-align: center;
			margin-top: auto;
			padding-top: .5em;
			padding-bottom: .5em;
			padding-left: 1em;
			padding-right: 1em;
			}
footer {		clear: left;
			border-top: 3px solid #800000;
}