/* Website, CSS, XHTML designed and developed for James Willis by Happy Duck Media (www.happyduckmedia.com) */
/* @group RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,i { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a {text-decoration: none;color: inherit;}
/* @end */
@font-face {
  font-family: "handsean";
  src: url(handsean.ttf);
  }


body {
	background-color: grey;
	color: white;
	min-width: 940px;
}
p {
	font: 20px handsean, georgia, times;
	line-height: 26px;
	text-shadow: black 1px 1px 8px;
	margin-top: 15px;
}

#header {
	height: 60px;
	float: left;
	background-color: rgba(0,0,0,0.7);
	/* add a new bg color for ie7+ */
	margin-top: 30px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}
#header h1 {
	font: 70px/80px handsean, georgia, times;
	margin-top: -15px;
	padding: 5px 30px 0px 30px;
	text-shadow: black 1px 1px 8px;
}
	

#nav {
	width: 305px;
	margin-top: 115px;
	font: 30px handsean;
	text-shadow: black 1px 1px 8px;
	float: right;
	line-height: 40px;
	padding: 10px 22px 0px 0px;
	background-color: rgba(0,0,0,0.7);
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}
#nav li {
	float: left;
	margin-left: 22px;
}
a {
	color: white;
}


a:hover {
	text-decoration: underline;
}

#music {
	margin-top: 0px;
	clear: right;
	float: right;
	padding: 15px 15px 0px 22px;
	background-color: rgba(0,0,0,0.7);
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
}

#music p {
	margin-top: 15px;
	margin-bottom: 15px;
}

#music p a {
	font: 14px verdana, georgia, times;
	margin-left: 30px;
}
#content {
	clear: left;
	float: left;
	margin-top: 25px;
	padding: 15px 30px 30px 30px;
	width: 550px;
	background-color: rgba(0,0,0,0.7);
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	text-align: justify;
}

#content img {
	float: right;
}

#footer {
	clear: left;
	float: left;
	margin-top: 50px;
	padding: 5px 10px 15px 30px;
	width: 550px;
	background-color: rgba(0,0,0,0.7);
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	text-align: justify;
}

#footer p {
	font: 12px verdana, georgia, times;
	line-height: 18px;
	text-shadow: black 1px 1px 8px;
	margin-top: 15px;
}
#footer img.right {
	margin-top: 5px;
	margin-left: 5px;
}

#clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}

/*FF Shadow Hack
.shadow  { position:relative; display:block; color:#fff; }
.shadow span { position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:3px; content: attr(title); color:#000;  }

<div id="header">
<p class="shadow" title="James Willis"><span>James Willis</span></p>
</div><!-- header -->

 
*/