/* 
    Document   : stylesheet.module.artistshop
    Created on : 12-mrt-2009, 12:49:52
    Author     : Maghiel Dijksman <mail@mdijksman.nl>
    Description:
        Module ArtistShop CSS
*/

/* ARTISTSHOP */
div.moduleArtistShop
{
    border                  : 1px solid #669acc;
    
    _width                  : 99%;    
}

*:first-child+html div.moduleArtistShop
{
    width                   : 99%;
}

div.moduleArtistShop div.content
{
    padding                 : 10px;
}

/* MENU */
div.artistShopMenu
{
    
    height                  : 25px;
	line-height 			: 25px;

	padding					: 0px;
	margin					: 0px;
    
	border					: none;

	text-transform			: uppercase;

    _position               : relative;
    _z-index                : 10;
    _top                    : 1px;
}

div.artistShopMenu ul
{
	display					: block;

	padding					: 0px;
	margin					: 0px;

	list-style				: none;
}

div.artistShopMenu li
{
	float					: left;

	margin					: 0px;
	margin-right			: 4px;

	text-align				: center;
}

div.artistShopMenu a
{
	display 				: block;
	_width					: 0%;
	min-height				: 14px;
	line-height				: 14px;

	margin					: 0px;
	padding					: 5px;

	background-color		: #e6eff7;
    color                   : #ff3300;
    border                  : 1px solid #669acc;
    
	text-decoration			: none;
}

div.artistShopMenu a:hover
{
	min-height				: 15px;
	line-height				: 15px;
        
    background-color		: #e6eff7;
	color					: #000000;
    border-bottom           : none;
    
	text-decoration			: none;
}

div.artistShopMenu li.active a
{
    background-color		: #e6eff7;
	color					: #000000;
    border-bottom           : none;
	min-height				: 15px;
	line-height				: 15px;
}

/* BLOCK ARTISTDETAILS */
div.artistDetailsBlock
{
    float                   : right;
    width                   : 100%;
    
    border-bottom           : 1px solid #669acc;
}

div.artistDetailsBlock div
{
    padding                 : 10px;
    margin-bottom           : 10px;
}

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

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

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

div.artistDetailsBlock 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.artistDetailsBlock span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -3px;
}

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

div.artistDetailsBlock span.name
{
	font-size				: 26px;
	font-weight				: bold;
}

div.artistDetailsBlock hr
{

}

/* ALBUMS */
div.albums div.album
{
	clear					: right;
	padding                 : 10px;
    
	border-top  			: 1px solid #669acc;
}

div.albums div.album div.albumDetails
{
    float                   : right;
    width                   : 100%;
}

div.albums div.album span.imageWrap
{
	display					: block;
	float					: left;
	width					: 75px;
	height					: 75px;
	margin-right			: 10px;
	margin-bottom			: 10px;

	border					: 1px solid #669acc;
}

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

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

div.albums div.album span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	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.albums div.album span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.albums div.album span.image img
{
    max-width               : 75px;
    max-height              : 75px;
}

div.albums div.album div.details
{
	position				: relative;
}

div.albums div.album span.title
{
	font-weight				: bold;
}

div.albums div.album span.actions
{
	float					: right;
}

div.albums div.album span.actions a
{
	margin-right			: 5px;
}

div.albums div.album div.tracks
{
	clear					: right;
    
}

div.albums div.album div.tracks div.track
{
	height 					: 25px;
}

div.albums div.album div.tracks div.track span.action
{
	width					: 25px;
	height					: 25px;
	display 				: block;
	float					: left;
}

div.albums div.album div.tracks div.track span.number
{
	display 				: block;
	float 					: left;
	margin-left 			: 10px;
	line-height 			: 25px;
}

div.albums div.album div.tracks div.track span.title
{
	margin-left				: 10px;
	display					: block;
	float 					: left;
	line-height 			: 25px;
}

div.albums div.album div.tracks div.track span.duration
{
	display 				: block;
	float 					: right;
	margin-right			: 10px;
	line-height 			: 25px;
}

div.albums div.album div.tracks div.track span.price
{
	display 				: block;
	float 					: right;
	margin-right			: 10px;
	line-height 			: 25px;
}

div.albums div.album div.tracks div.track span.actions
{
	display 				: block;
	float 					: right;
	margin-top				: 1px;
}

/* ALBUM BROWSER */
div.albums div.albumsBrowser
{
    float                   : right;
    width                   : 100%;
    margin-top              : 10px;
}

div.albums div.albumsBrowser div
{
	display					: inline;
	float					: left;

	width					: 75px;
	height					: 125px;
	text-align				: center;
	vertical-align			: top;

	margin-left				: 12px;
	margin-right			: 12px;
	_margin-right 			: 23px;
}

div.albums div.albumsBrowser div span.imageWrap
{
	display					: block;
	width					: 75px;
	height					: 75px;

	border					: 1px solid #669acc;
    
	cursor					: pointer;
}

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

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

div.albums div.albumsBrowser div span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	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.albums div.albumsBrowser div span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.albums div.albumsBrowser div span.image img
{
    max-width               : 75px;
    max-height              : 75px;
}

div.albums div.albumsBrowser div a
{
	font-weight				: bold;
}

div.albums div.albumsBrowser div span.releaseYear
{
	font-size				: 10px;
	color					: #000000;
}

/* BIOGRAPHY */
div.moduleArtistShop div.biography
{
    clear                   : right;
    padding                 : 5px;
}