		#container {
			      width: 100%;
			      margin: auto;
			      box-shadow: 0 0 100px cadetBlue;
		}
		    
		    
		    
		#logo {
			height: 100px;
			border: 1px solid black;
			background-image: url('logo.jpg');
			text-align: center;
			color:white;
		}
		


		#menu {
			height: 57px;
			border: 1px solid black;
			background-color: black;
			float: top;
		}
		

		#menu ul {
			float: center;
			font-family: "Harrington",fantasy;
			font-size: 18px;
			list-style-type: none;
			text-align: center;
		}
		
		#menu li {
			padding: 1em;
			display: inline;
		}
		
		
		
		#content {
			overflow: auto; 
			clear: both;
			border: 1px solid black;
            background-color: #efefef;
            overflow: auto;
            height: 700px;
            opacity: 0.8;
		}
		


		#footer {
			height: 100px;
			border: 1px solid black;
			background-image: url('footer.jpg');
			color:white;
		}
		


		#author {
			font-size: 14px;
			text-align: right;
			padding: 5px;
		}
		
		
    	body {
    		background-color: lightSlateGrey;
		}
		


		p {
			font-family: "Trebuchet MS", serif;
			font-size: 16px;
			text-indent: 25px;
			margin-left: 2em;
		}
		


		h1 {
			font-family: "Herculanum", fantasy;
			font-size: 40px;
			text-align: center;
			text-transform: uppercase;
		}
		


		h2 {
			font-family: "Apple Chancery", cursive;
			text-decoration: underline;
			margin-left: 4em;
			font-size: 27px;
		}
		
		
		h3 {
			font-family: "Brush Script M7",cursive
		}
		
		
		h4 {
			font-size:18px;
		}


		ul {
			font-family: "Harrington",fantasy;
			font-size: 16px;
			list-style-type: square;
			margin-left: 0em;
		}
		
		
		li p {
			margin-left: 0;
			text-indent: 0px;
		}
		
		#content li {
				font-size: 20px;
		}
		
		#content a:link {
			color:black;
		}
		
		#blog li {
				list-style-type: none;
		}
		
		
		#portfolio a { 
			font-family: "Lucida Sans", sans-serif;
		}
		
		a:link {
    			color: white;
    			text-decoration: none;
    			font-weight: none;
		}
		
		a:visited {
    			color: white;
    			text-decoration: none;
    			font-weight: none;
		}
		
		a:hover {
				/* font-weight: bold; */
				text-decoration: none;
				color: white;
		}
		
		
		li:hover {
			background-color: darkGrey;
		}
		
		li a:hover {
			color: white;
		}
		
		.current a:link{
    				color: white;
    				text-decoration: none;
				}
		
				.current {
					background-color: grey;
					font-weight: bold;
					height: 100%;
					color: white;
				}
