/* Bangkok Fonts */

@font-face {
	font-family: 'BanksiaRegular';
	src: url('banksia-webfont.eot');
	src: local('?'), url('banksia-webfont.woff') format('woff'), url('banksia-webfont.ttf') format('truetype'), url('banksia-webfont.svg#webfont474dt2e7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BanksiaBlack';
	src: url('banksb26-webfont.eot');
	src: local('?'), url('banksb26-webfont.woff') format('woff'), url('banksb26-webfont.ttf') format('truetype'), url('banksb26-webfont.svg#webfontirzpD02Z') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('League_Gothic-webfont.eot');
	src: local('?'), url('League_Gothic-webfont.woff') format('woff'), url('League_Gothic-webfont.ttf') format('truetype'), url('League_Gothic-webfont.svg#webfontpm5EArBj') format('svg');
	font-weight: normal;
	font-style: normal;
}


nav ul {
	background-color:#000;
	text-align:center;
	font-size:16px;
	line-height:20px;
	margin-bottom:40px;
}

nav ul li {
	display:inline;
}

nav ul li#prev {
	float:left;
	margin-left:20px;
}

nav ul li#next {
	float:right;
	margin-right:20px;
}

nav ul li a {
	color:#FFF;
	text-decoration:none;
}

header > img {
	margin-left:40px;
	display:block;
	float:left;
}

h1 {
	font: 30px/40px 'LeagueGothicRegular', Arial, sans-serif;
	letter-spacing: 0;
	margin-left:20px;
	margin-top:40px;
	padding-bottom:20px;
}

h2 {
	font: 30px/40px 'LeagueGothicRegular', Arial, sans-serif;
	letter-spacing: 0;
	margin-left:20px;
	padding-bottom:20px;
}

p {
	font: 16px/20px 'BanksiaRegular', Arial, sans-serif;
	margin:0 20px;
	padding-bottom:20px;
	width:620px;
}

h1 + p {
	font: 16px/20px 'BanksiaBlack', Arial, sans-serif;
}

ol#tracklist {
	width:660px;
	margin-left:20px;
}

ol {
	
	font: 16px/20px 'BanksiaRegular', Arial, sans-serif;
}

ol li {
	font-size:20px;
}

ol li strong {
	display:block;
	font-size:16px;
	line-height:20px;
}

ol li em {
	display:block;
	font-size:16px;
	line-height:20px;
}

ol li em:before {
	content:"(";
}

ol li em:after {
	content:")";
}

ol li small {
	display:block;
	font-size:10px;
	line-height:10px;
	margin-bottom:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
}

ol li em + small {
	margin-bottom:10px;
}

ol li small:before {
	content:"[";
}

ol li small:after {
	content:"]";
}

aside img.stamp {
	margin-top:40px;
	display:block;
	margin-left:20px;
}

aside h2 {
	font-size:24px;
	line-height:37px;
	margin-top:20px;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
	margin-left:0;
	padding-bottom:0;
}

aside ul {
	font-size:14px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

aside ul li {
	list-style:none;
	border-bottom:1px solid #000;
}

aside ul li span, aside ul li a {
	float:right;
}

aside ul li a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

aside ul li a:hover {
	color:#666;
}

aside ul li img {
	margin-left:5px;
	display:block;
}

footer p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	margin-top:20px;
	width:100%;
}

footer p a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

footer p a:hover {
	color:#666;
}