/*---general styles --*/

body {
	padding:0;
	margin:0;
	font-family: Garamond, serif;
	font-style:italic;
	color:#ceeaf8;
	font-size:26px;
	}

p {
	font-size:18px;
	margin-left:10px;
	margin-top:5px;
	}

	
#outercontainer {
		width:100%;
		height:2500px;
		border:0;
		padding:0;
		margin:0;
		background: url("../img/background.jpg");
		background-repeat:no-repeat;
	}
	
#innercontainer {
	margin:auto;
	width:1000px;
	height:900px;
	background:#29404c;
}	
	
#header{
		height:350px;
		width:1000px;
		background:#2591c5;
		}	
.logo{
	position:relative;
	top:260px;
	left:500px;
	}
		
#nav{
	height:100px;
	width:1000px;
	background:#bbd9e8;
	}	
	
#content {
	height:1500px;
	background:#29404C;
	}
	
#footer {
	height:500px;
	background:#000;
}	

.clearer {
	clear:both;
	height:50px;
	}

/*---navigation --*/

#nav ul {
	float:left;
	position:relative;
	top:30px;
	left:5px;
		}

#nav li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-style:italic;
	font-family: Garamond, serif;
	font-size:32px;
} 


A:link {text-decoration: none; color:#3297c9;}
A:visited {text-decoration: none; color:#3297c9;}
A:active {text-decoration: none; color:#3297c9;}
A:hover {text-decoration: none;; color:#3172bc}
	
	
/*--content styles --*/

/*--news--*/

#one {
	padding-top:20px;
	clear:both;
	}
	
#one p, #three p {
	width:450px;
	margin-left:5px;
	margin-top:8px;
	}
	
#newsImg {
	float:left;
	position:relative;
	top:-250px;
	left:250px;

	}
	
#aboutImg {
	float:left;
	position:relative;
	top:-150px;
	left:550px;
	}		
	
#bandcamp{
	float:left;
	position:relative;
	top:40px;
	left:20px;
}



/*--discog--*/

#further {
	float:left;
	position: relative;
	top:-176px;
	left:200px;
}
#field {
	float:left;
	position: relative;
	top:-176px;
	left:250px;
}

#insertions {
	float:left;
	position: relative;
	top:-176px;
	left:300px;
}

#tea {
	float:left;
	position: relative;
	top:-176px;
	left:350px;
	}
	
/*--about--*/
#three {
	position:relative;
	top:-145px;
	}

/*----*/	

/*--footer style --*/
#footer li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-style:italic;
	font-family: Garamond, serif;
	font-size:16px;
}
.mail {
	float:left;
	position:relative;
	top:-200px;
	left:20px;
	clear:both;
	
}

#social {
	float:left;
	position:relative;
	top:-70px;
	left:820px;
	clear:both;
}


#social li
{
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	font-style:italic;
	font-family: Garamond, serif;
	font-size:16px;
}

#credits {
	position:relative;
	left:-90px;
}

#credits p{
	width:400px;
	font-size:10px;
	
	}