/* myP5.css the style sheet for my P5-authored works.*/
/* Affects all body element?*/
/*
/* 02-20-2021 I shall comment-out this body style entry and use only the internal
style in the index.html file. I want to see if this makes any changes. The only difference
I saw was the llabel info changed to roman type. It turned out that font family in the internal style shees was misspelled as font-fammily. Once that was corrected everything looked the same. I suspect strongly that this body style is unnecessary.*/
/*
body {
	margin-left: 75px;
	font-family: Verdana, Arial, san-serif;
	color: #909090;	
	background: #f3f3f3;
*/
/* On index.html, work.html. contact.html and resume.html pages.*/	
.name-banner {
	width: 800px;
	height: 50px;
	/* The line below was commented out. Uncommenting it just for fun.*/
    border: 1px solid blue;
	position-relative;
	margin-top: 30px;
	padding-top: 10px;
	font-size: 32px;
	text-shadow: 4px 4px white;
}

/* On index.html, work.html. contact.html and resume.html pages.*/    
.linksbar {
	width: 800px;
	height: 30px;
	background-color: white;
	}

/* On index.html, work.html. contact.html and resume.html pages.*/
.rule {
 	/* Single-direction drop shadow */
 	margin-left: 0px;
 	width:800px;
    height: 8px;
    border: 0;
    box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.5);
}
	
    /* On resume.html only.*/
.pdf-link {
	float: right;
	width: 100px;
	margin-top: 10px;
	margin-right:50px;
	padding: 5px;
	background-color: white;
	}

/* On resume.html only.*/
.resume-text{
	width: 800px;
	height: 600px;
	overflow: scroll;
	
}
/* On contact.html only. It's there but barely visible, a drop-shadow on section labels */
.small-drop-shadow {
	text-shadow: 2px 2px white;
	}

/* Affects all <p> elements on the site.*/
p {
	width: 600px;
}
    

/* This doesn't appear anywhere.*/
.works-links{
	display: inline;
	margin-right: 200px;
	}

/* Affects all li elements?*/
li {
display: inline;
margin-right: 150px;
}

/* Affects all ul elements?*/
ul {
position: relative;
top: 5px;
}