a:link, a:visited {
	text-decoration:none;
	color:#998B82;
}

a:hover, a:active {
	color:#CF0C0C;
}

body {
	background-color:#756452;
	margin:0;
	text-align: center;
	color:white;
	font-family:times, serif;
}

h1, h2, h3 {
	margin:0;
}

h2 {
	color:#5B4D42;
}

h3 {
	padding-bottom:7px;
	font-size:22px;
}

#wrapper {
	margin-left: auto;
    margin-right: auto;
    width:960px;
    text-align:left;
	position:relative;
	background-color:#A7917C;
}

#header {
	position:relative;
	height:160px;
	background-image:url(header.jpg);}

#nav {
	position:absolute;
	top:110px;
	left:95px;
	font-size:16px;
	z-index:10;
}

#nav ul{
	margin: 0; padding: 0;
	float: left;
}
        
#nav ul li{
	display: inline;
	padding: 10px;
}

#main {
	position:relative;
	top:-95px;
	padding:100px 15px 0 15px;
	border-left:solid 3px white;
	border-right:solid 3px white;
	border-bottom:solid 3px white;
	z-index:1;
}

#footer {
	font-size:10px;
	position:relative;
	top:-95px;
	height:95px;
	padding-top:15px;
	color:#888;
	background-color:#756452;
	font-family:verdana, arial, sans-serif;
}

#pagetitle {
	position:absolute;
	top:10px;
	right:0;
	width:420px;
	text-align:center;
}

.floatleft {
	float:left;
	margin:0 15px 10px 0;
}

/*HOMEPAGE*/

#about {
	width:600px;
	margin:20px 0 30px 0;
}

#johnmain {
	position:absolute;
	top:70px;
	right:0;
}

#frontphotos {
	position:relative;
}

#l {
	position:relative;
	width:450px;
}

#r {
	position:absolute;
	top:0;
	left:469px;
	
}

.photo {
	width:440px;
	height:320px;
	padding:10px 5px;
	margin:0 0 10px 0;
	border:solid 3px white;
	background-color:#6D6155;
}

.photo p {
	margin:5px 0 0 0;
	font-family:verdana, sans-serif;
	font-size:10px;
	text-align:left;
}

#main a:link, #main a:visited, #footer a:link, #footer a:visited{
	text-decoration:none;
	color:white;
}

#main a:hover, #main a:active, #footer a:hover, #footer a:active  {
	color:#CF0C0C;
}

/*MUSIC*/

#musicplayer {
	position:relative;
	left:180px;
	width:600px;
	margin:50px 0;
}

/*ABOUT*/

#aboutcontainer {
	position:relative;
}

#aboutphoto img {
	border:solid 2px white;
}

#abouttext {
	position:relative;
	width:400px;
	height:600px;
	margin-left:40px;
}

#aboutphoto {
	position:absolute;
	top:0;
	right:40px;
}

/*PROJECTS AND BOOKS*/

.project {
	position:relative;
	left:140px;
	width:600px;
	min-height:320px;
	padding:30px;
	margin:0 0 40px 0;
	border:solid 3px white;
	background-color:#6D6155;
}

.projectphoto {
	float:left;
	padding: 0 15px 15px 0;
}

.projectdescription {

}

h4 {
	margin:0;
	color:#998B82;
	font-size:16px;
}
 
.alignright {
	text-align:right;
}

#iespacer {
	height:40px;
	width:300px;
}

/*PROJECT*/

#projectl {
	position:relative;
	top:0;
	left:0;
	width:545px;
	padding-bottom:350px;
}

#projectr {
	position:absolute;
	top:70px;
	right:17px;
	width:360px;
	text-align:center;
}

#projectr p {
	margin:0 0 30px 0;
	font-size:11px;
	font-family:verdana, sans-serif;
	color:#5B4D42;
}

#bffarticles {
	position:relative;
	top:-270px;
}

#bffarticlesl {
	position:relative;
	top:0;
	left:0;
}

#bffarticleslc {
	position:absolute;
	top:0;
	left:186px;
}

#bffarticlesc {
	position:absolute;
	top:0;
	left:372px;
}

#bffarticlesrc {
	position:absolute;
	top:0;
	left:558px;
}

#bffarticlesr {
	position:absolute;
	top:0;
	left:744px;
}