@charset "UTF-8";

@font-face {
    font-family: 'lowveticaregular';
    src: url('lowvetica-webfont.eot');
    src: url('lowvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('lowvetica-webfont.woff') format('woff'),
         url('lowvetica-webfont.ttf') format('truetype'),
         url('lowvetica-webfont.svg#lowveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadLight';
    src: url('myriadpro-light-webfont.eot');
    src: url('myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-light-webfont.woff') format('woff'),
         url('myriadpro-light-webfont.ttf') format('truetype'),
         url('myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

body {
	margin:0;
	padding:0;
	text-align: left;
	font-family: 'MyriadLight';
	font-size: 14pt;
	background-color: #000;
	-webkit-transition: background 500ms;
	-moz-transition: background 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: background 500ms;
	-webkit-animation-name: fade-in;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	color:#FFF;
	width:100%;
	height:100%;
}

#menubar {
	font-family:'lowveticaregular';
	width: 100%;
	line-height:22px;
	height:22px;
	text-transform:lowercase;
	letter-spacing:0.75pt;
	position:absolute;
	z-index:2000;
	background:rgba(0,0,0,0.75);
	font-size:18px;
	padding-top:40px;
	bottom:0;
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C */
}

#menubar a:link, #menubar a:visited {
	color:#CCC;
	text-align:center;
	text-decoration:none;
}

#menubar a:hover, #menubar a:active { color:#FFF; }

.menuBtn {
	padding-right: 5px;
	padding-left: 5px;
	display:inline;
}

@media screen and (orientation:portrait) {
	#menubar {
		font-size:18pt;
		text-align:center;
	}
	
	.about-menubar {
		font-size:22pt;
	}
	
	.menuBtn {
		margin-bottom:10px;
	}
}

@media screen and (orientation:landscape) {
	#menubar {
		font-size:14pt;
		text-align:left;
	}
	
	.about-menubar {
		font-size:14pt;
	}
	
	.menuBtn {
		margin-bottom:10px;
	}
}

.MainPage { margin:0; }
.MainPage #mainContent { margin:0; }

p { text-align:justify; }

a:link, a:visited {
	color: #FFDAC2;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active { text-decoration: underline; }

h1 {
	font-family: 'lowveticaregular';
	color: #AAA;
	font-size:26pt;
	font-weight: normal;
	text-decoration: none;
	clear:both;
	padding:10px;
	margin-top, margin-bottom: -20px;
	text-transform:lowercase;
	letter-spacing:3px;
}
h2 { font-family: 'lowveticaregular'; color: #AAA; font-size: 24pt; font-weight: normal; text-decoration: none; clear:both; text-transform:lowercase; letter-spacing:3px; }
h3 { font-family: 'lowveticaregular'; color: #AAA; font-size: 18pt; font-weight: normal; text-decoration: none; clear:both; text-transform:lowercase; letter-spacing:3px; }
h4 { font-family: 'lowveticaregular'; color: #AAA; font-size: 16pt; font-weight: normal; text-decoration: none; clear:both; text-transform:lowercase; letter-spacing:3px; }
h5 { font-family: 'MyriadLight'; color: #EEE; font-size: 12pt; font-weight: normal; text-decoration: none; clear:both; margin:0; padding:0; }

#pagetitle {
	font-family: 'lowveticaregular';
	font-size:48pt;
	color:#FFF;
	color:rgba(255,255,255,0.75);
	bottom:0;
	right:0;
	float:right;
	position:absolute;
	z-index:1000;
	text-transform:uppercase;
	letter-spacing:4px;
}

#page0, #page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10, #page11, #page12, #page13, #page14, #page15, #page16, #page17, #page18, #page19, #page20, #page21, #page22, #page23 {
	top: 0;
	margin:0;
	padding:0;
	font-size:12pt;
	overflow-x:hidden;
	overflow-y:hidden;
	width:100%;
	height:100%;
	position: absolute;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	opacity:0;
	z-index:-1;
}

#page0 {
	background-image: url(../images/bg00.jpg);
	background-position: center 22px;
}

#page1 {
	background-image: url(../images/bg02.jpg);
	background-position: left 22px;
}

#page2, #page4, #page11 {
	background-image: url(../images/bg03.jpg);
	background-position: left 22px;
}

#page5 {
	background-image: url(../images/bg04.jpg);
}

#page6, #page8, #page15, #page16, #page17 {
	background-image: url(../images/bg05.jpg);
	background-position: right 22px;
}

#page7 {
	background-image: url(../images/bg01.jpg);
	background-position: right 22px;
}

#page9 {
	background-image: url(../images/bg06.jpg);
	background-position: left 22px;
}

#page10, #page12, #page13, #page14 {
	background-image: url(../images/bg07.jpg);
	background-position: right top;
}

#page18 {
	background-image: url(../images/bg08.jpg);
	background-position: right top;
}
.entry {
	padding: 10px;
	border-bottom: 1pt solid #666;
	clear:both;
}

@media screen and (orientation:portrait) {
	#page2, #page4, #page11 {
		background-position: 15% top;
	}
	
	#newsPage, #bioPage, #discographyPage, #musicPage, #musiclistingPage, #multimediaPage, #photosPage, #videoPage, #reviewsPage, #blogPage, #calendarPage, #buyPage, #contactPage, #publicistPage, #creditsPage {
		margin:10px;
		margin-top:30px;
		width:30%;
		height:80%;
		padding:5px;
		overflow-x:inherit;
		overflow-y:auto;
		background:rgba(0,0,0,0.5);
		float:left;
	}
	
	#newsPage, #bioPage, #discographyPage, #reviewsPage, #photosPage {
		float:right;
	}

	#musicPage, #musiclistingPage {
		width:45%;
	}

	#contactPage, #publicistPage {
		clear:left;
	}
	
	#contactPage {
		height:50%;
	}
		
	#publicistPage {
		text-align:left;
	}
}

@media screen and (orientation:landscape) {
	#page2, #page4, #page11 {
		background-position: left top;
	}
	
	#newsPage, #bioPage, #discographyPage, #musicPage, #musiclistingPage, #multimediaPage, #photosPage, #videoPage, #reviewsPage, #blogPage, #calendarPage, #buyPage, #contactPage, #publicistPage, #creditsPage {
		margin:10px;
		margin-top:30px;
		width:50%;
		height:80%;
		padding:5px;
		overflow-x:inherit;
		overflow-y:auto;
		background:rgba(0,0,0,0.5);
		float:left;
	}
	
	#newsPage, #bioPage, #discographyPage, #reviewsPage, #photosPage {
		float:right;
	}
	
	#musicPage, #musiclistingPage {
		width:35%;
	}
	
	#buyPage { width:60%; }

	#contactPage, #publicistPage {
		clear:none;
	}
	
	#publicistPage {
		text-align:right;
	}
}

#bioPage, #discographyPage, #reviewsPage, #photosPage {
	float:right;
	text-align:right;
	height:75%;
}

#publicistPage {
	height:300px;
	width:28%;
	text-align:right;
}
	
#creditsPage {
	float:right;
	text-align:right;
	font-size:10pt;
	font-family:'lowveticaregular';
	width:250px;
	height:100px;
	position:absolute;
	bottom:70px;
	right:0px;
}

#page0 h2 {
	margin:0;
	padding:0;
	display:incline;
	color:#444;
	font-size:20pt;
}

.homeBox {
	margin-top:5px;
	padding:10px;
	background:rgba(0,0,0,0.5);
	overflow:hidden;
	clear:none;
	font-size:10pt;
	width:98%;
}

#homeLeft {
	margin-left:5px;
	width:29%;
	min-width:310px;
	float:left;
	overflow:hidden;
}

#homeRight {
	margin-right:5px;
	width:30%;
	min-width:300px;
	float:right;
	overflow:hidden;
	max-height:80%;
}

#homeAlbum, #homeVideo {
	margin-top:25px;
}

#homeVideo, #twitterFeed, #homeQuote, #homeSkype {
	float:right;
	clear:right;
	text-align:right;
}

#homeAlbum, #homeNews, #homeCalendar {
	float:left;
	clear:left;
}

#homeAlbum {
	padding:0;
	position:relative;
}

#homeNews {
	height:40%;
}

#homeVideo { padding:0; }

#homeAlbum #albumheader {
	width:90%;
	float:none;
	clear:both;
	margin:10px;
}

#homeAlbum #albumCover {
	width:52%;
	float:left;
	margin-left:10px;
}

#homeAlbum #buyBtns {
	width:40%;
	min-width:110px;
	float:right;
	right:0px;
	bottom:0px;
	position:absolute;
}

#twitterFeed {
	height:100px;
	font-size:12pt;
}

#twitterFeed img { margin-left:10px; }

#twitterFeed a { text-transform:lowercase; font-size:10pt; }	

#TMMlogo {
	margin-top:20px;	
	margin-bottom:-20px;	
}

#homeQuote {
	font-size:10pt;
	font-style:italic;
	padding:5px;
	margin-right:5px;
	width:35%;
	float:right;
	clear:right;
	text-align:justify;
	background:rgba(0,0,0,0.75);
	-webkit-transition: height 500ms;
	-moz-transition: height 500ms;
	-ms-transition: height 0.5s;
	-o-transition: height 500ms;
	transition: height 500ms;
}

#homeQuoteText {
	color:#FFF;
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1000ms;
	transition: opacity 1000ms;
}

#homeSkype {
	margin:5px;
	padding:5px;
	height:66px;
	text-align:center;
	background:rgba(0,0,0,0.5);
}


#newsPage {
	text-align:right;
}

#newsPage a {
	font-family: 'lowveticaregular';
	font-size:10pt;
}

#newsPage .listenBtn { float:right; padding-right:0; padding-left:25px; }

#bioPage, #discographyPage, #reviewsPage {
	width:50%;
}

#bioPage {
	text-align:justify;
}

#about-menubar {
	font-family: 'lowveticaregular';
	overflow:hidden;
	width:45%;
	z-index:1000;
	top:30px;
	left:0px;
	position:absolute;
	text-align:right;
	text-transform:lowercase;
}

#about-menubar a:link, #about-menubar a:visited {
	color:#BBB;
	display:inline;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
}

#about-menubar a:hover, #about-menubar a:active {
	color:#FFF;
}

#discographyPage img {
	margin-right:10px;
	margin-bottom:10px;
}
#discographyPage .entry {
	padding-bottom:30px;
}

#reviewsPage p { font-size:12pt;
font-style:italic;
}

#multimediaPage {
	font-family: 'lowveticaregular';
	background:none;
	width:450px;
	height:50px;
	margin-top:25%;
	margin-right:10%;
	text-transform:lowercase;
	text-align:center;
	font-size: 32pt;
	line-height: 55px;
	background:rgba(0,0,0,0.5);
	overflow:hidden;
}

#multimediaPage a:link, #multimediaPage a:visited {
	color:#CCC;
}
#multimediaPage a:hover, #multimediaPage a:active {
	color:#FFF;
}

#musicPage, #musiclistingPage, #photosPage, #videoPage {
	margin-top:50px;
	height:76%;
	background:rgba(0,0,0,0.75);
}

.musicPageMenuBtn {
	width:19%;
	height:80%;
	margin:1%;
	margin-top:30px;
	padding-top:10%;
	float:left;
	font-size:24px;
	text-transform:lowercase;
	text-align:center;
	background:rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'lowveticaregular';
}

#musicPage a:link, musicPage a:visited { color:#CCC; }
#musicPage a:hover, musicPage a:active { color:#FFF; }

#musicPageMenuBtn-other { background-image: url(../images/musicBG00.jpg); }
#musicPageMenuBtn-cd001 { background-image: url(../images/musicBG01.jpg); }
#musicPageMenuBtn-cd002 { background-image: url(../images/musicBG02.jpg); }

.downloadlinernotesBtn {
	font-family: 'lowveticaregular';
	text-transform:lowercase;
	margin-top:20%;
	margin-right:30%;
	float:right;
}

#photosPage {
	font-family: 'lowveticaregular';
	width:40%;
	min-width:400px;
	height:74%;
	background:none;
	color:#222;
	font-size:24pt;
	text-transform:lowercase;
}

#photosPage a:link, #photosPage a:visited { color:#CCC; }
#photosPage a:hover, #photosPage a:active { color:#FFF; }

.photosectionBtn {
	width: 44%;
	height: 44%;
	float: left;
	text-align: center;
	padding: 10px;
	margin: 1px;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#photosection01 { 
	background-image: url(../images/PhotosBtnBGs/cd002.jpg);
}

#photosection02 { 
	background-image: url(../images/PhotosBtnBGs/publicityphotos.jpg);
}

#photosection03 { 
	background-image: url(../images/PhotosBtnBGs/photoalbum.jpg);
}

#photosection04 { 
	background-image: url(../images/PhotosBtnBGs/ontour.jpg);
}

#videoPage .entry {
	padding: 0px;
	clear:both;
}

#photoLoader {
	margin-top:40px;
	height:70%;
	width:400px;
	max-height:500px;
	background:none;
	padding:10px;
	float:left;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	opacity:0;
}

#photoLoader img {
	background:rgba(22,10,0,0.5);
	padding:10px;
}

#calendarPage {
	width:50%;
	max-width:600px;
	float:left;
	background:rgba(0,0,0,0.7);
	overflow-x:hidden;
}

#calendarPage a {
	font-family: 'lowveticaregular';
}
#calendarPage h1 {
	font-size: 24pt;
	margin-bottom:0;
	padding-bottom:0;
}

#calendarInfo {
	width:35%;
	max-width:430px;
	float:left;
	margin-top:35px;
	margin-right:5px;
	padding:5px;
	overflow-x:inherit;
	overflow-y:auto;
	height:60%;
	max-height:420px;
	background:rgba(0,0,0,0.7);
	opacity:0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

#buyPage { font-family: 'lowveticaregular'; background:rgba(0,0,0,0.5); }
#buyPage a {
	
}

.buypageAlbum {
	width:95%;
	margin-bottom:30px;
	position:relative;
	clear:both;
}

.albumTitle {
	width:60%;
	text-align:right;
	float:right;
	clear:right;
	margin-top:20px;
	font-size:20pt;
}

.albumYear {
	width:60%;
	text-align:right;
	float:right;
	clear:right;
	margin-bottom:-40px;
	font-size:36pt;
	color:#333;
}

#buyPage .albumCover {
	height:180px;
	width:180px;
	margin-left:10px;
	padding:0;
	float:left;
}

#buyPage .buyBtns {
	margin-top:42px;
	margin-left:10px;
	width:40%;
	min-width:110px;
	float:left;
}

#contactPage {
	width:420px;
}

#contactPage h3 {
	margin: 1px;
}
#contactPage p {
	text-align:right;
}

.videothumb {
	background: #000000;
	width:100px;
	border: 1px solid #FFFFFF;
	margin: 5px;
	float: left;
	overflow: hidden;
}
.cliplisting {
	width:70%;
	color: #AAA;
	padding:5px;
	float:right;
}
.cliplisting p {
	text-align: right;
	font-size:11pt;
}
.cliptitle {
	color: #FFF;
	font-size:16pt;
	text-align: left;
}
cliptitle {
	color: #FFF;
	font-size:16pt;
	text-align: left;
}

#music-menuBar {
	font-family: 'lowveticaregular';
	overflow:hidden;
	width:100%;
	z-index:1000;
	top:25px;
	left:5px;
	position:absolute;
	text-align:left;
	text-transform:lowercase;
}

#music-menuBar a:link, #music-menuBar a:visited {
	color:#BBB;
	display:inline;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
}
#music-menuBar a:hover, #music-menuBar a:active {
	color:#FFF;
}

#photos-menuBar {
	font-family: 'lowveticaregular';
	overflow:hidden;
	width:100%;
	z-index:800;
	top:25px;
	left:0px;
	padding-left:5px;
	position:absolute;
	text-align:left;
	text-transform:lowercase;
	background:rgba(0,0,0,0.7);
	opacity:0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

#photos-menuBar a:link, #photos-menuBar a:visited {
	color:#BBB;
	display:inline;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
}
#photos-menuBar a:hover, #photos-menuBar a:active {
	color:#FFF;
}

#video-menuBar {
	font-family: 'lowveticaregular';
	overflow:hidden;
	width:100%;
	z-index:1010;
	top:25px;
	left:5px;
	position:absolute;
	text-align:left;
	text-transform:lowercase;
}

#video-menuBar a:link, #video-menuBar a:visited {
	color:#BBB;
	display:inline;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
}
#video-menuBar a:hover, #video-menuBar a:active {
	color:#FFF;
}

.tracklisting {
	font-size: 10pt;
	color: #AAA;
	text-align:left;
	padding-bottom:20px;
}
.trackcomposer { 
	font-size: 12pt;
	text-transform: uppercase;
}

.tracktitle {
	color: #FFF;
	font-size: 14pt;
}

.trackmovement {
	font-size: 12pt;
}

.audioBtn {
	font-family: 'lowveticaregular';
	padding-right: 20px;
	font-size: 12pt;
}

.listenBtn {
	display: inherit;
	float: left;
	text-align:left;
	margin-top:0px;
	padding-right: 20px;
	font-family: 'lowveticaregular'; 
}

#discographyPage .listenBtn {
	float:right;
	text-align:right;
	font-size:10pt;
	padding:0;
	padding-left:20px;
}

#pubgallery { width:400px; margin-left:0px; margin-bottom:10px; padding-bottom:10px; clear:both; }
#pubgallery #thumb {
	background: #000000;
	width: 50px;
	height: 50px;
	border: 1px solid #FFFFFF;
	margin: 6px;
	float: left;
	overflow: hidden;
}

#albumgallery { width:400px; margin-left:0px; margin-bottom:10px; clear:both; text-align:center; }
#albumgallery #thumb {
	background: #000000;
	width: 45px;
	height: 45px;
	border: 1px solid #FFFFFF;
	margin: 4px;
	float: left;
	overflow: hidden;
}

.thumb { 
	background: #000000;
	width: 80px;
	height: 80px;
	border: 1px solid #FFFFFF;
	margin: 6px;
	float: left;
	overflow: hidden;
}

longdate { color: #AAA; font-size: 10pt; display:block; }
shortdate { color: #AAA; font-size: 10pt; display:block; }
newsdate { color: #AAA; font-size: 10pt; display: block; }

event { color: #FFFFFF; font-size: 16pt; display:block; }
#page0 event {  font-family: 'MyriadLight'; font-size: 12pt; }
venue { color: #CCCCCC; font-size: 14pt; display:block; }
#page0 venue {  font-family: 'MyriadLight'; font-size: 10pt; }
city { color: #BBBBBB; font-size: 14pt; display:block; }
#page0 city { font-family: 'MyriadLight'; font-size: 10pt; }
maplink { font-size: 12pt; display:block; }
repertoire { color: #999999; font-size: 12pt; display:block; }
details, description { color: #BBBBBB; font-size: 12pt; display:block; }
#page0 description { font-family: 'MyriadLight'; font-size: 10pt; }
website { font-size: 12pt; display:block; }
time { font-size: 10pt; display:block; }

headline { color: #FFFFFF; font-size: 14pt; display: block; }
#page0 headline {  font-family: 'MyriadLight'; font-size: 12pt; }
newsitem { color: #BBBBBB; font-size: 12pt; display:block; }
#page0 newsitem {  font-family: 'MyriadLight'; font-size: 10pt; }

content { font-size: 14pt; padding-left: 5px; }
education { font-size: 12pt; }
composer { color: #888; font-size: 10pt; display: block; }
work { color: #fff; }
movement { color: #acacac; font-size: 12px; display: block; }

artist { color: #CCCCCC; font-size: 10pt; text-transform:uppercase; }
album { color: #FFFFFF; font-size: 16pt; }
label { color: #CCCCCC; font-size: 12pt; }
year { color: #AAAAAA; font-size: 10pt; }

personnel { color: #CCCCCC; font-size: 14px; }
role { color: #888888; font-size: 12pt;}

reviewstext { font-style: italic; font-size:14pt; }
author { color: #BBBBBB; font-size: 12pt; font-style: normal; text-decoration: none; display: block; text-align: right; }
publication { color: #999999; font-size: 10pt; font-style: normal; text-decoration: none; margin-bottom: 20px; padding-bottom: 2px; display: block; text-align: right; font-family: 'lowveticaregular'; }

#preloaderOverlay { background:#000; width:100%; height:100%; z-index:9999; margin-right:-100%; margin-bottom:-100%; top:0px; left:0px; color:#AAA; font-size:36pt; text-align:center; overflow:hidden; visibility:visible; padding-top:40%;}

#socialMenu {
	height:30px;
	top:0;
	right:0;
	margin:0;
	z-index:1010;
	position:absolute;
}

#contactPage #socialMenu {
	height:50px;
	top:none;
	right:none;
	margin:0;
	z-index:none;
	position:inherit;
	text-align:center;
}

#contactPage #socialMenu a {
	margin:5px;
}

#FlashAudioPlayer {
	width:100%;
	height:25px;
	top:0px;
	left:0px;
	text-align:left;
	position:absolute;
	z-index:1000;
	padding:0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	opacity:0;
	background:rgba(0,0,0,0.7);
	overflow:hidden;
}

#audioStatusBar {
	margin-top:-3px;
	width:0px;
	height:1px;
	background:#FFF;
}

#audioplayerInfo {
	overflow:hidden;
	text-overflow:ellipsis;
	top:0;
	left:0;
	margin:0;
	color:#AAA;
}

#playerTimer {
	float:right;
	text-align:right;
	padding:0;
	margin-right:5px;
}

#audioControls {
	text-align:right;
	float:right;
	margin-right:10px;
}

#audioComposer, #audioName, #audioMovement {
	text-align:left;
	float:none;
	font-size:14px;
	line-height:18px;
	height:14px;
	margin-left:5px;
}

#audioTrackDetails {
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
}

#audioName {
	color:#FFF;
	margin-left:10px;
}

#audioComposer {
	padding-top:5px;
	text-transform:uppercase;
	font-size:12px;
	float:left;
}

#audioMovement {
	padding-top:5px;
	font-size:10px;
	float:left;
}

#playpauseBtn, #playBtn, #pauseBtn, #prevBtn, #nextBtn, #audiopurchaseBtn {
	text-transform:uppercase;
	font-size:10px;
	text-align:right;
	visibility:hidden;
	letter-spacing:0;
}

#prevBtn, #nextBtn, #audiopurchaseBtn {
	height:0;
	width:0;
}