/* 
    Document   : stylesheet.module.artists
    Created on : 11-mrt-2009, 17:42:30
    Author     : Maghiel Dijksman <mail@mdijksman.nl>
    Description:
        Module Artists CSS
*/

div.moduleArtists
{
    border					: 1px solid #669acc;
    float                   : left;
    margin-bottom           : 10px;
    width                   : 100%;
}

div.moduleArtists div.items
{
    padding                 : 10px;
}

div.moduleArtists div.item
{
    display                 : block;
    float                   : left;
    width                   : 185px;
    height                  : 50px;
}


div.moduleArtists div.item span.artistName
{
    font-weight             : bold;
    text-transform          : uppercase;
}

div.moduleArtists div.item span.genreName
{
    color                   : #000000;
}

div.moduleArtists div.pageIndex
{
    clear                   : both;
    text-align              : center;
    padding                 : 10px;
}

div.moduleArtists div.indexNavigation
{
    text-align              : center;
}

div.moduleArtists div.indexNavigation a
{
	display					: inline;

	vertical-align			: middle;
	margin-left				: 2px;
	margin-right			: 2px;
	padding-left			: 2px;
	padding-right			: 2px;

    font-weight             : bold;
	text-decoration			: none;
}

/* LABEL DETAILS */
div.moduleArtists div.label
{
    padding                 : 10px;
}

div.moduleArtists div.label span.imageWrap
{
    display                 : block;
    float                   : left;
	width					: 150px;
	height					: 150px;
	margin-right			: 10px;
	margin-bottom			: 10px;
	border					: 1px solid #669ACC;
}

div.moduleArtists div.label span.ieFix
{
	_width					: 0;
	_height					: 100%;
	_display				: inline-block;
	_vertical-align			: middle;
}

*:first-child+html div.moduleArtists div.label span.ieFix
{
	width					: 0;
	height					: 100%;
	display					: inline-block;
	vertical-align			: middle;
}

div.moduleArtists div.label span.image
{
	display					: table-cell;
	width					: 150px;
	height					: 150px;

	margin-left				: auto;
	margin-right			: auto;

	vertical-align			: middle;
	text-align				: center;

	_width					: 100%;
	_height					: auto;
	_display				: inline-block;
	_margin-top				: -2px;
	_margin-bottom 			: -3px;
}

*:first-child+html div.moduleArtists div.label span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -3px;
}

div.moduleArtists div.label div.details
{
    vertical-align          : top;
    padding-left            : 10px;
}

div.moduleArtists div.label span.labelName
{
	font-size				: 26px;
	font-weight				: bold;
}