@charset "UTF-8";

#contents{
	height:1280px;
	}	
	
.article{
	width: 85%;
	margin: 0 auto;
}
	
h2 {
	font-size: 150%;
	margin-left:30px;
	color:#000000;
	}
	
p {
	padding: 0;
	margin: 2em 0;
	}
	
p.lastUpdate {
	text-align: right;
	font-size: x-small;
	margin: 5px 0 10px 0;
	}
	
#contents .discography table{
	width:100%;
	margin: 10px 0 50px 0;
	}

#contents .discography table td, th{
	border-right:0px solid black;
	border-left:0px solid black;
}

#contents .discography table td.jacket img{
	vertical-align:top;
}

#contents .discography table.LeaderAlbum td.jacket{
	width: 120px;
	}


/* Record label */
#contents .discography table td.jacket{
	font-size: x-small;
	color: #4b4b4b;
}

/* Artist */
#contents .discography table td.artist{
	border-bottom: none;
	padding:  0 15px 5px 15px;
	color:#121a87;
	vertical-align: top;
	line-height: 1.4em;
}

#contents .discography table.LeaderAlbum td.artist{
	font-size: large;
}

#contents .discography table.GroupAlbum td.artist{
	font-size: normal;
}

#contents .discography table.GuestAlbum td.artist{
	font-size: small;
}

/* Title */
#contents .discography table td.title{
	border-bottom: none;
	padding:  0 15px 5px 15px;
	color:#53537e;
	vertical-align: top;
	line-height: 1.4em;
}

#contents .discography table.LeaderAlbum td.title{
	font-size: large;
}

#contents .discography table.GroupAlbum td.title{
	font-size: normal;
}

#contents .discography table.GuestAlbum td.title{
	font-size: small;
}

/* Description */
#contents .discography table td.dscrpt{
	border-bottom: none;
	padding:  0 15px 0px 15px;
	color:#000;
	vertical-align: bottom;
	line-height: 1.4em;
}

#contents .discography table.LeaderAlbum td.dscrpt{
	font-size: small;
}

#contents .discography table.GroupAlbum td.dscrpt{
	font-size: x-small;
}

#contents .discography table.GuestAlbum td.dscrpt{
	font-size: xx-small;
}

/* Divider */
#contents .discography table td.divider{
	padding: 0;
	width: 570px;
}

#contents .discography table.LeaderAlbum td.divider{
	padding: 5px 0px;
	width: 570px;
}

/* link arrows to other album pages */
#contents .albumslink table{
	width:100%;
	background-color:#f8f8f8;
}

#contents .albumslink table td.leftcell{
	margin-left:0;
	text-align:left;
	font-weight:bold;
	font-size:large;
	padding: 5px;
}

#contents .albumslink table td.rightcell{
	margin-right:0;
	text-align:right;
	font-weight:bold;
	font-size:large;
	padding: 10px;
}

#contents .albumslink table a{
text-decoration:none;
}

#contents .albumslink table a:link,
#contents .albumslink table a:visited{
color:#807c98;
}



/* Responsive, Leader album only */
@media only screen and (max-width:640px){
	#contents .discography table.LeaderAlbum td.jacket{
	width: 120px;
	}
	img.leaderJacket{
	width: 120px;
	height: auto;
	}
	#contents .discography table.LeaderAlbum td.artist{
	font-size: medium;
	}
	#contents .discography table.LeaderAlbum td.title{
	font-size: medium;
	}
	#contents .albumslink table td.leftcell{
	font-size:small;
	}
	#contents .albumslink table td.rightcell{
		font-size:small;
	}
}


/* Specify jacket width of Guest, Misc */
#contents .discography table.GuestAlbum td:nth-child(2), #contents .discography table.GuestAlbum th:nth-child(2){
	width: 80px;
}

/* Specify jacket shadow*/
#contents .shadow1{
	filter: drop-shadow(2px 2px 3px #666666);
	}
	
	#contents img.leaderjacket{
		width: 180px;
		padding: 2px 2px 8px 2px;
		filter: drop-shadow(2px 2px 3px #666666);
}
	
	#contents img.groupjacket{
			width: 100px;
			padding: 2px 2px 5px 2px;
			filter: drop-shadow(2px 2px 3px #666666);
	}
	
	#contents img.guestjacket{
		width: 80px;
		padding: 2px 2px 5px 2px;
		filter: drop-shadow(2px 2px 3px #666666);
}

#contents img.miscjacket{
	padding: 2px 2px 5px 2px;
	filter: drop-shadow(2px 2px 3px #666666);
}

#contents img.dvdjacket{
	height: 100px;
	padding: 2px 2px 5px 2px;
	filter: drop-shadow(2px 2px 3px #666666);
}