/*
/ --------------------------------------
/	Linn.co.uk
/   Frame Digital
/
/
/   -   Album scroller formatting

/ --------------------------------------

*/
.albums-7 { width: 940px; height: 120px; }
.albums-7 .album-holder { width: 840px; height: 120px; margin: 0 33px; position: relative; overflow: hidden; float:left; }
.albums-7 .album { width: 120px; height: 100px; padding: 10px 0; text-align: center; float:left; position: absolute;  }
.albums-7 .next,
.albums-7 .previous { margin-top: 35px; }

.albums-3 { width: 460px; height: 120px; float:left; margin-bottom: 30px; }
.albums-3 .album-holder { width: 360px; height: 120px; margin: 0 33px; position: relative; overflow: hidden; float:left; }
.albums-3 .album { width: 120px; height: 100px; padding: 10px 0; text-align: center; float:left; position: absolute;  }
.albums-3 .next,
.albums-3 .previous { margin-top: 35px; }

.album img {
    display: inline-block;
}

.album-detail 
{ 
    display: none; 
    width: 100px;
    height:100px;
    background: #000;
    color: #fff;
    position:absolute;
    top: 0px; left: 0px;
    padding: 10px;    
    cursor: pointer;          
}

.album-detail span { font-size:12px; display: block; font-weight: bold; text-align: left; line-height: 14px; }
.album-detail span.detail-link { font-weight: normal; font-style: italic; }
.album-detail span.detail-link a { color: #fff; }

.album-detail span.artist  {
font-weight:normal;
padding:3px 0 3px 0;
}

/* MODAL REVIEW CSS */
div.album-information { padding: 40px; width: 860px; float:left; height: 275px; }
div.album-image 
{ 
    width: 242px; 
    float: left; 
    height: 275px; 
    padding: 3px 29px;    
}

div.album-image img 
{
    -moz-box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;
	box-shadow: 0px 0px 3px #999;    
}

div.album-review { width: 540px; float: left; height: 275px; padding: 0 10px; }
div#signoff { float:left; }
div#spacer { float:left; padding: 0 10px; }
div#date { float:left; }