@charset "utf-8";
@import url(cw_layout.css);

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 2
   Case Problem 2
   
   Civil War History Style Sheet
   Author: Jonnie Jucht
   Date:   9.25.2024
   
   Filename: cw_styles.css

*/

/* Structural Styles */

	html {
		background-color: rgb(151,151,151);
		}
	body {
		background-color: rgb(180,180,223);
		font-family: Verdana, Geneva, sans-serif;
		}
	h1, h2 {
		font-weight: normal;
		}
	nav > ul > li > a:link {
		text-decoration: none;
		}	
	nav > ol > li > a:link {
		text-decoration: none;
		}
	nav > ol > li > ol > li > a:link {
		text-decoration: none;
		}
	footer {
		color: white;
		background-color: rgb(101,101,101);
		font-size: 0.8em;
		text-align: center;
		padding-top: 1px;
		padding-bottom: 1px;
		}

/* Body Header Styles */

	body > header {
		background-color: rgb(97,97,211);
		}
	body > header > h1 {
		font-size: 3vw;
		color: rgba(255,255,255,0.8);
		font-family: Limelight, cursive;
		margin: 0px;
		}
	body > header > h1 > span {
		color: rgba(255,255,255,0.4);
		}
	
/* Navigation Styles */

	nav#mainLinks {
		Padding-top: 5px;
		padding-bottom: 5px;
		}
	nav > ul > li > a:link, nav > ul > li > a:visited {
		color: white;
		}
	nav > ul > li > a:hover, nav > ul > li > a:active {
		color: rgba(255,255,255,0.8);
		background-color: rgba(51,51,51,0.5);
		}
	
/* Outline Styles */

	nav#outline {
		color: rgb(51,51,51);
		font-size: 0.8em;
		}
	nav > ol > li > a:link, nav > ol > li > a:visited {
		color: rgb(101,101,101);
		font-size: 0.8em;
		}
	nav > ol > li > ol > li > a:link, nav > ol > li > ol > li > a:visited {
		color: rgb(101,101,101);
		font-size: 0.8em;
		}	
	body > nav > h1 {
		text-align: center;
		}
	body > nav > ol > li {
		line-height: 2em;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
		list-style-type: upper-roman;
		}
	body > nav > ol > li > ol > li {
		list-style-type: upper-alpha;
		}
	nav > ol > li > a:hover, nav > ol > li > a:active {
		text-decoration: underline;
		color: rgb(97,97,211);
		}
	nav > ol > li > ol > li > a:hover, nav > ol > li > ol > li > a:active {
		text-decoration: underline;
		color: rgb(97,97,211);
		}
	
/* Section Styles */

	section {
		background-color: rgb(220,220,220);
		}
	section > header > h1 {
		font-size: 2.2em;
		padding-left: 10px;
		}
	
/* Article Styles */

	article > h2 {
		font-size: 1.4em;
		}
	article > p:first-child::first-letter {
		font-size: 2em;
		vertical-align: baseline;
		}
	
/* Aside Styles */

	aside {
		font-size: 0.9em;
		}
	aside > h1 {
		font-size: 1.4em;
		text-align: center;
		}