/*

	portfolio.css
	Layout Style Sheet
	Date: 10/06/21
	Author: Shayan Khan
	
*/


/* body */

body {
		background-color: gold;
		background-image: url(images/parchment.jpg);
}

a {
			color: navy;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.5em;
	}
a:hover {
			color: lavender;
			background-color: navy;
			text-decoration: underline;
}
a:active {
			color: black;
}
a:visited {
  color: red;
}

h1 {
		background-color: silver;
		color: blue;
		font-size: 20pt;
		letter-spacing: .2em;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		word-spacing: .5em;
		border-bottom: solid thick maroon;
		border-top: solid thick maroon;
}

h2	{
		font-family: Arial, Helvetica, sans-serif;
		background-color: white;
		color: blue;
		text-align: left;
		font-size: 16pt;
		background-image: url(images/white.jpg);
}

P {
		color: blue;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		line-height: 2em;
		font-size: 14pt;
		margin: 0;
}

Strong {
		font-weight: bold;
		font-variant: small-caps;
}

em {
		font-weight: 700;
}

ul {
		color: chocolate;
		list-style-type: square;
		
}
p.left {
    text-align: left;
}
.right  {
      text-align: right;
}
p em {
			color: teal;
}
p strong {
			color: teal;
}
h1, h2, h3, h4, h5, h6 {
			color: firebrick;
}
img.left {
	float: left;
	margin: 0 0 10px 10px; 
}
img.right {
	float: right;
	margin: 0 0 10px 10px; 
}
.clear {
	clear: both;
}
 
li  {
	background: url(images/white.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 20px;
	line-height: 2.5em;
}
.advertisement {
	text-align: center;
	color: white;
	background-color: black;
	float: right;
	padding: 10px 10px 10px 10px;
	text-transform: uppercase;
}