/* Style Sheet for entire site, as of July 2019 */	

/* Styles for text */
	/* Setting most text defaults in body, even if not strictly necessary, for my own clarity */
	body {
		color: black;
		background-color: white;
		font-family: Arial, Verdana, sans-serif;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
		text-align: left}
	
	/* Sizes are set going forward using, in part, textbook's recommended size ratios */

	/* Main heading to be centered and large on each page*/
	h1 {
		text-align: center;
		font-size: 200%}

	/* Subheadings should be a shade of blue (seem to be going for a blue/green, mostly in pastel shades, color scheme. 
	Should be nice, calming and gentle. */
	h2 {
		color: #0194cf;
		font-size: 150%}
	
	h3 {
		color: #0194cf;
		font-size: 112.5%}	

	/* Leave mostly default - add line-height */
	p {
		line-height: 1.3em;
		}

	ul {
		line-height: 1.5em;
		font-style: oblique}
	
	li.category:first-letter {
		font-size: 112.5%}	

	ol {
		line-height: 1.5em;
		font-family: Courier, "Courier New", monospace}

	a:link {
		text-decoration: none;
		font-style: normal}

	a:visited {
		text-decoration: underline;
		color: #1c521c;
		font-style: normal}

	/* Increasing size of first introductory paragraph */
	.intro {
		font-size: 112.5%}
	
	h2#my_work {
		font-style: oblique}

	/* Ideally, this will show up as dark blue rectangles under each picture with white text 
	figcaption {
		background-color: rgb(9,9,59)
		color: #fff}
	Checked and it does not work.
	*/
	
	
/* Styles for HTML5 Layout Elements */

header, section, footer, aside, nav, article, figure, figcaption {
		display: block}


/* Styles for boxes */
	
	div {
		min-height: 48px}
	
	/* For "page" include height, width (min, max, overflow), border, and padding */
	div#page {
		min-width: 700px;
		max-width: 2000px;
		min-height: 500px;
		max-height: 5000px;
		overflow: hidden;
		border: 5px ridge #01adef;
		padding: 10px;}	
		
	/* use of the margin attribute with at least one instance of the "auto" property for centering */	
	div#copyright {
		width: 100px;
		padding: 0px;
		border: none;
		margin: 10px auto 10px auto;
		text-align: center}
		
	/* Styles for other divs */			
	div#introduction {
		border: 2px inset #01adef;
		overflow: scroll}	
		
	div#table {
		margin: 10px auto 10px auto;
		padding: 10px;
		text-align: left;
		border: 2px double #d29af6}	
		
	div#form {
		border: 2px double #95f6cf;
		padding: 10px;
		margin: 10px auto}	
		
	div.picture {
		height: 500px;
		border-bottom-width: 2px;
		border-bottom-style: dotted;
		border-bottom-color: black;
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom: 20px}	
		
	div.audio, div.video {
		height: 400px}	
		
	/* use of the inline attribute to style the navigation list on the index page */
	li.nav {
		display: inline;
		margin-right: 10px}
		
	/* use of the list-style-type (or list-style-image) attribute for one or more lists */
	ol {
		list-style-type: lower-alpha}
		
	ul#navig {
		list-style-type: square}	
		
	/* for your table, style rules to include at least the following:
    table width
    th, td padding
    color
    border
    background-color */	
    
    table {
		width: 750px}
		
	td, th {
		background-color: #d29af6;
		padding: 10px;
		border: medium solid black;
		text-align: center}
		
	th {
		color: black}
		
/*	th#empty {
		background-color: white;
		border-top-style: none;
		border-left-style: none}
*/			
	
	td {
		color: #333035}	
		
	/* for your form(s), style rules to include the following:

    at least two (2) input styles
    at least two (2) submit styles
    at least two (2) fieldset styles */		
		
	form {
		background-color: #95f6cf}	
		
	input {
		font-size: 90%;}
		
	input:focus, input:hover {
		border: 1px inset black}
		
	input#submit {
		background-color: white;
		color: black;
		border: 1px outset black}
	
	input#submit:hover {
		background-color: #333035;
		color: #95f6cf;
		border: 1px inset #95f6cf}		
		
	fieldset {
		width: 95%;
		padding: 10px;
		border: 1px solid #d29af6}