@import url('https://fonts.googleapis.com/css?family=Lora');

body {	background-image:url(images/dynamic-style.png);
	background-color: #000040; 
	color: #000000;
	font-family:Tahoma, Trebuchet MS, sans-serif; }

#wrapper {	width: 80%; 
		margin-right: auto; 
		margin-left: auto;
		margin-top: 10px;
		background-color: #d8d8d8;
		padding: 10px 10px;
		border-width: 2px;
		border-style: solid;
		border-color: black;}

header		{text-align: center;}
		
header h1	{background-color: #000040; }
		
section		{width: 65%; }

.AlignLeft  {	float: left;
		margin-top: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		}

.AlignRight {	float: right;
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		}

.Clear { clear: both; }

.RedText {color: #F62222; font-weight: bold;}

.featurebox {	width: 30%; 
		margin-right: auto; 
		margin-left: auto;
		margin-bottom: 10px;
		background-color: #ada9a9;
		padding: 10px 10px;
		border-radius: 10px 35px;
		box-shadow: 5px 5px #999999; 
		float: right;}

.Gallery {	margin: 15px;
		float: left; }

nav {	text-align: center; 
	font-weight: bold; 
	margin: 15px;}

nav p {	font-weight: bold;
	font-size: 20px;
	text-align:center; }

h1, h2, h3 {	margin: 20px 0px 20px 0px;
		color: #ffffff;
		font-family: 'Lora', serif; 
		background-color: #000066;
	}

h1 {	padding: 10px 0px;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center; 
	background-color: #000066;
	background: -webkit-linear-gradient(#000066, #3333ff); <!--Safari 5.1-6.0-->
	background: -o-linear-gradient(#000066, #3333ff); <!--Opera 11.1-12.0-->
	background: -moz-linear-gradient(#000066, #3333ff); <!--Firefox 3.6-15-->
	background: linear-gradient(#000066, #3333ff); <!--Standard--> }

h2 {	padding: 7px 20px;
	font-size: 34px;
	text-transform: capitalize; }

h3 {	padding: 7px 20px;
	font-size: 28px;
	text-transform: capitalize; 
	border-bottom: 2px solid red; }

h4 {	padding: 7px 20px;
	font-size: 26px;
	text-transform: capitalize; 
	border-bottom: 2px solid #000040; }

h5 {	font-size: 24px; }

hr {	clear: both; }

#resumeleft	{	float: left;
			text-align: left;
		}

#resumeright	{	float: right;
			text-align: right;
		}

p {	font-size: 16px;
	font-family: 'Arial', sans-serif;
	margin: 0px 20px 20px 0px;
	line-height: 1.2; }

img {	padding: 10px;
	background-color: #fff;
	border: 2px solid #165b62; }

li {	margin: 0px 0px 10px 10px; }
	
ul {	margin: 10px 0px 10px 0px; 
	list-style-type: circle;
	list-style-position: inside;}

ol {	margin: 10px 0px 10px 0px; 
	list-style-type: decimal;
	list-style-position: inside;}

footer {background-color: #000040; 
	padding: 10px 0px;
	font-style: italic;
	text-align: center;
	color: #ffffff;
	clear: both; }