.module {
	margin:0 0 1.384em;
}

/*#container {
	width:666px;
	margin:0 auto;
	padding: 0px 5px 5px 5px;
}*/


/* ***************** */

		#container {
			position: relative;
		}
		
		/* carousel */
		.ui-carousel {
			overflow: hidden;
		}
		
		.ui-carousel .mask {
		    position:relative;
		    overflow:hidden;
		    /*border:6px solid #444;*/
		}
		
			.ui-carousel ul li {
				position: relative;
				overflow: hidden;
				margin: 0;
				padding: 0;
				list-style: none;
				width:374px;
				height: 470px;
			}

			.no-js .ui-carousel ul li{
				position: static;
			}
			
				.ui-carousel ul li .song-item {
					float: left;
					position: relative;
					display: inline-block;
					width: 170px;
					height: 220px;
					color: #fff;
					font-size: 8em;
					margin: 8px;
					text-align: center;
				}
		
		
		
				
		/** next & prev actions **/
		.ui-carousel .next.void,
		.ui-carousel .prev.void	{
			display: none;
		}
		
		/* Position this shits */

		.ui-carousel .next {
			position: absolute;
			top: 221px;
			left: 417px; 
			width: 32px;
			height: 32px;
			background: url(../img/arrows.png) -32px 0 no-repeat;		
			cursor: pointer;	
		}

		.ui-carousel .next:hover {
			background: url(../img/arrows.png) -32px -32px no-repeat;
		}

		.ui-carousel .next.disabled {
			background: url(../img/arrows-disabled.png) -32px 0 no-repeat;				
		}

		.ui-carousel .prev {
			position: absolute;
			top: 221px;
			left: -3px;
			width: 32px;
			height: 32px;
			background: url(../img/arrows.png) no-repeat;			
			cursor: pointer;
		}

		.ui-carousel .prev:hover {
			background: url(../img/arrows.png) 0 -32px no-repeat;
		}

		.ui-carousel .prev.disabled {
			background: url(../img/arrows-disabled.png) no-repeat;				
		}



		
		.field,
		.actions {
			margin: 20px;
		}
		
		.action-set .action {
			display: inline;
		}
		
		ul.base,
		ol.base {
			list-style: none;
			padding: 0;
		}

/*********************/
/* Artist Thumbnails */
/*********************/

		#my-carousel-1 {
			width:377px;
			height: 470px;	
			margin-left: 37px;
		
		}

		#my-carousel-1 ul li .song-item {
			position: relative;

		}

		#my-carousel-1 ul li .song-item a.play {
			position: absolute;
			width: 100%;
			height: 122px;
			top: 0px;
			left: 0px;
			z-index: 3;
			background : url(../img/play.png) 40px 40px no-repeat;
			display: none;
		}

		#my-carousel-1 ul li .song-item.current a.play {
			background: url(../img/stop.png) 40px 40px no-repeat;	
		}

		#my-carousel-1 ul li .song-item img {
			float: left;
			display: block;		
			cursor: pointer;
		}


		.legend {
			clear: both;
			background:#f0f225;	
			padding: 0px;
			font-size: 13px;
			font-family: arial;
			color: #010101;
			height: 78px;
			width: 170px;
			position: relative;
			text-transform: uppercase;
		}

		.legend p  {
			margin: 3px 0px 0px 0px;
			float: left;
			text-align: left;
			vertical-align: text-top;
			line-height: 16px;
			padding: 9px;
			position: absolute;
			height: 53px;
			font-family: 'Open Sans', sans-serif;

		}
		.legend span.track-name {
			bottom: 0px;
			position: absolute;
			width: 140px;
			font-size: 11px;
			font-weight: 400; 
		}
		.legend p span.artist-name {
			font-size: 13px;
			font-weight: 800; 
			display:block;
			position: absolute;
			width: 145px;		
			top: 0px;				
		}
		.legend .tooltip {
			width: 67px;
			height: 29px;
			position: absolute;
			background: url(../img/itunes.png) 0px 0px no-repeat;
			top: 24px;
			left: 107px;
			z-index: 1;
			display: none;
			}
		.song-item.current .legend {
			background : #a1c7da; // blue

		}

		.legend a.add {
			width: 15px;
			height: 15px;
			position: absolute;
			background: url(../img/cross.png) no-repeat;
			top: 57px;
			right: 4px;

		}

		.song-item .corner {
			width: 55px;
			height: 55px;
			position: absolute;
			background: url(../img/corner.png) 0 0 no-repeat;
		} 


/***************************

Player

***************************/

.vert-line1 {
	height: 28px;
	width: 1px;
	position: absolute;
	top: 3px;
	left: 595px;
	border-left: 1px solid white;
	z-index: 1000;
}


.vert-line2 {
	height: 28px;
	width: 1px;
	position: absolute;
	top: 3px;
	left: 846px;
	border-left: 1px solid white;
	z-index: 1000;
}


.vert-line3 {
	height: 28px;
	width: 1px;
	position: absolute;
	top: 3px;
	left:819px;
	border-left: 1px solid white;
	z-index: 1000;
}

.share-stuff {
	position: absolute;
	z-index: 1000;
	font-size: 9px;
	background: white;
	color: #888;
	padding: 2px 6px;
	left: 822px;
	top: 8px;
	text-align: center; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/

/* Facebook Like */

iframe.fb {
	position: absolute;
	vertical-align: text-bottom;
	z-index: 1111;
	left: 839px;
	top: 8px;
}