@import url(main.css);

#album_scroller{
position: absolute;
top: 10%;
overflow: auto;
width: 47%;
height: 81%;
}

.album_title{
position: relative;
margin-top: 2%;
left: 5%;
background-repeat: no-repeat;
}

#frontiers_title{
background-image:  url("../../images/medres/frontiers01.jpg");
width: 227px;
height: 55px;
}

#transcendence_title{
margin-top: 6%;
background-image:  url("../../images/medres/transcendence01.jpg");
width: 326px;
height: 55px;
}

#aprioria_title{
margin-top: 16%;
background-image:  url("../../images/medres/aprioria01.jpg");
width: 229px;
height: 62px;
}


.album_cover{
position: relative;
left: 10%;
width: 154px;
height: 154px;
background-repeat: no-repeat;
margin-top: 2%;
}

#frontiers_cover{
background-image:  url("../../images/medres/frontiers_front_cover.jpg");
}

#transcendence_cover{
background-image:  url("../../images/medres/transcendence_front_cover.jpg");
}

#aprioria_cover{
background-image:  url("../../images/medres/aprioria_front_cover.jpg");
}

.released_date{
position: relative;
left: 10%;
width: 90%;
}

.music_links_containter{
position: relative;
margin-top: 2%;
left: 10%;
width: 90%;
}

#frontiers_links_container{

}

#transcendence_links_container{

}

#aprioria_links_container{

}

.music_links{

}

.music_links a{
text-decoration: none;
font-weight: bold;
color: #000000;
}

.music_links a:hover{
text-decoration: none;
color: #CCCCCC;
}

.scroll_for_more{
position: relative;
margin-top: 4%;
left: 10%;
width: 90%;
}