/* body text fonts (serif) */
@font-face{
	font-family: Souvenir;
	src: url(fonts/souvenir-regular.ttf);
}
@font-face{
	font-family: Souvenir;
	src: url(fonts/souvenir-italic.ttf);
	font-style: italic;
}
@font-face{
	font-family: Souvenir;
	src: url(fonts/souvenir-bold.ttf);
	font-weight: bold;
}
@font-face{
	font-family: Souvenir;
	src: url(fonts/souvenir-bolditalic.ttf);
	font-style: italic;
	font-weight: bold;
}

/* header, section, and caption fonts (sans-serif) */
@font-face{
	font-family: Optima;
	src: url(fonts/optima-regular.ttf);
}
@font-face{
	font-family: Optima;
	src: url(fonts/optima-italic.ttf);
	font-style: italic;
}
@font-face{
	font-family: Optima;
	src: url(fonts/optima-bold.ttf);
	font-weight: bold;
}
@font-face{
	font-family: Optima;
	src: url(fonts/optima-bolditalic.ttf);
	font-style: italic;
	font-weight: bold;
}

/* alternate font (more designer-style) */
@font-face{
	font-family: Cooper;
	src: url(fonts/cooper-regular.otf);
}

/* text styles */
h1, h2, h3, h4, h5, h6 {
	font-family: Optima;
	font-weight: bold;
	color: #4B0082; /* primary color */
	line-height: 1;
}

h3.dept {
	font-family: Cooper;
	font-style: normal;
	color: #4B0082; /* primary color */
	border-bottom: 4px solid #658E00; /* secondary color */
	padding-bottom: 2px;
}

figcaption {
	font-family: Optima;
	color: #4B0082; /* primary color */
}

.contents h1, .contents h2 {
	color: #658E00; /* secondary color */
	font-family: Cooper;
	font-size: 2rem;
	font-style: normal;
}


/* sections */
body {
	font-family: Souvenir;
}

a#header-bar {
	background-color: #4B0082; /* primary color */
}

main header {
	border-bottom-color: #658E00; /* secondary color */
}

article p:first-child:first-letter {
	color: #4B0082; /* primary color */
}

aside {
	border-left-color: #658E00; /* secondary color */
}

a#footer-bar {
	background-color: #4B0082; /* primary color */
}