/*Stylesheet for Final Personal Website*/

h2{
	font-family: arial, gadget;
	text-align: left;
	color: black;
	text-decoration: underline;
}

body{
	font-family: arial, helvetica;
	font-size: 90%;
}

header{
	height:100%;
	width: 100%;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: blue;
	background:url(graphics/banner_birds.jpg) repeat-x;
	display: block;
}

nav{
	float:left;
	height: 100%;
	width:160px;
	font-family: arial, helvetica;
	background-color: #ffffff;
	margin-left: 10px;
}

img.but_nav{ 	/*Navigation Buttons: Padding in between each image*/
	padding: 10px;

}

article{
	display:block;
	margin-left:230px;
	margin-bottom:50px;
	height: 100%;
	width: 900px;
	font-family: arial, helvetica;
	background-color: #ffffff;
}

footer{
	height:100%;
	width: 100%;
	vertical-align: bottom;
	text-align: center;
	font-family: arial, helvetica;
	font-size: 16px;
	background:url(graphics/footer_banner.jpg) repeat-x;
	background-color: #00cc00;
	padding-bottom: 0px;
	padding-top: 90px;
}

a.footer_link{	/*Footer Link: colored white for visibility in footer*/
	color: white;
}

a{
	color: green;
}

ul{
	text-align: left;
	margin-left: 20px;
}

p{
	font-size: 90%;
	text-align: justify;
}

/* Resume */
table, td, th{
	width:750px;
	border-collapse:collapse;
	vertical-align:middle;
	padding: 3px;
	border:1px solid black;
	font-size: 90%;
}

ul.resume_left{
	padding-left:15px;
}

/*Interest Page*/
img.align{		/*Interest: painting images alignment*/
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	vertical-align: top;
	padding-left: 35px;
	padding-right: 35px;

}
p.caption_align{	 /*Interest: painting caption alignment*/
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	vertical-align: top;
	padding-left: 75px;
	padding-right: 45px;
	font-size: 10px;
}