/* - - - - - reset & body - - - - - */

	@import url(reset.css);

	body {
		background: #8d8d8d;
		color: #111;
		font: 62.5%/1 georgia,serif;
		height: 100%;
	}
	
/* - - - - - - */

	h1 {
		font-size: 26px;
		font-weight: normal;
	}
	
	#about h1 {
		margin: 50px 10px .5em 10px;
	}
	
	h2 {
		font-size: 16px;
		font-weight: normal;
	}
	
	p {
		margin: 20px;
		line-height: 1.3;
		padding: 0 15px;
	}
	
	#record p {
	}
	
	strong {
		text-decoration: underline;
	}
	
	#record h2 {
		margin: 30px 10px -10px 10px;
	}

	.content {
		background: #fff;
		border-radius: 150px;
		-moz-border-radius: 150px;
		-webkit-border-radius: 150px;
		font-size: 120%;
		padding: 0;
		position: absolute;
		text-align: center;
		z-index: 5;
		
		opacity: .9;
		
	}
	
	#about {
		left: 10%;
		top: 10%;
		height: 300px;
		width: 300px;
	}
	
	#record {
		left: 30%;
		top: 50%;
		height: 200px;
		width: 200px;
	}
	
	#record ul {
		border-top: #ddd 1px solid;
		margin: -10px 20px 0 20px;
		padding: 5px 0 0 0;
	}
	
	#record li {
		margin: 0 0 5px 0;
	}
	
	li a {
		color: #333;
	}
	
	li a:hover {
		text-decoration: none;
	}
	
	#social {
		position: absolute;
		top: 20px;
		right: 10px;
		z-index: 4;
	}
	
	.btn {
		background: #fff url(../img/icn-arrow.gif) no-repeat 5px center;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		color: #666;
		font-family: verdana,sans-serif;
		margin: 0 5px 0 0;
		padding: 5px 5px 5px 20px;
		text-decoration: none;
	}
	
	.btn:hover {
		color: #333;
		background-color: #ff0;
	}
	
	#color {
		background: #f0f;
		bottom: 0;
		height: 100%;
		opacity: .2;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 2;
	}
	
	#bandshot {
		background: url(../img/bg-main.jpg) no-repeat 0 0;
		bottom: 0;
		height: 1000px;
		position: absolute;
		right: 0;
		width: 1000px;
		z-index: 1;
	}
	
/* FOR DEBUGGING */

	#testVals {
		margin: 20px;
	}

	#testVals span {
		background: #ff0;
		color: #666;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 10px;
	}