@charset "UTF-8";
/* CSS Document */

.recently_added_album{
	padding:4px;
	padding-bottom:2px;
	padding-top:2px;
}

.recently_added_album:hover{
	background-color:#FFC;
}

.recently_added_album a img{
	border:1px solid #CCC;
}

.recently_added{
	padding-bottom:2px;
}

/******************** grid view *********************/

ul,li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0px;
padding-right:0px;
margin-left:0px;
}

ul.albums {
display:inline-block;
}

ul.albums li {
float:left;
width:117px;
margin:5px;
}

ul.albums img{
border:1px solid #CCCCCC;

}
ul.albums li div{
height:117px;
display:table-cell;
vertical-align:bottom;
}
ul.albums li a, ul.albums li a:visited {
display:block;
width:117px;
}

ul.albums li a:hover img{ border:1px solid #000; }
ul.albums li a:hover span{ color:#000;}


ul.albums .name {
display:block;
padding-top:5px;
color:#666666;
}
ul.albums span {
font-size:12px;
line-height:16px;
text-align:left;
}

div.cd{
	height:117px;
}
div.dvd{
	height:164px;
}
a.cd{
	height:205px;
}
a.dvd{
	height:230px;
}

ul.albums .year{
color:#999999;
font-size:10px;
}
ul.albums .year img{
border:none;
vertical-align:middle;
padding-bottom:4px;
}
ul.albums a:hover .year img{
border:none;
}