@charset "UTF-8";

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

}

@font-face {
    font-family: 'novanteregular';
    src: url('novante-webfont.eot');
    src: url('novante-webfont.eot?#iefix') format('embedded-opentype'),
         url('novante-webfont.woff2') format('woff2'),
         url('novante-webfont.woff') format('woff'),
         url('novante-webfont.svg#novanteregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background: #000 no-repeat fixed; margin: 0px; padding: 0px; text-align: left; color:#DDD; font-family: 'open_sanslight'; font-size: 16pt; }

p { text-align: justify; padding-left: 5px; padding-right: 5px; }

strong { color: #FFFFFF; display: inline; }
b { color: #FFFFFF; display: inline; }

td {  }

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

h1 {
	color: #BBB;
	font-size: 44pt;
	font-weight: normal;
	text-decoration: none;
	clear:both;
	letter-spacing:1pt;
	text-transform:uppercase;
}
h2 { color: #BBB; font-size: 40pt; font-weight: normal; text-decoration: none; text-align: right; font-style: normal; margin-top: 2px; margin-bottom: 2px; clear:both; text-transform:uppercase; }
h3 { font-size: 36pt; font-weight: normal; text-decoration: none; font-style: normal; clear:both; text-transform:uppercase; }
h4 { font-size: 24pt; font-weight: normal; text-decoration: none; font-style: normal; clear:both;text-transform:uppercase; }


#contactForm { text-align:center; width:720px; color: #000;}
#contactForm a:link, #contactForm a:visited {
	color: #755196;
}
#contactForm a:hover, #contactForm a:active {
	color: #2A1D36;
}
form { text-align:center; font-size:16pt; }
.label { color:#222; display:block; text-align:center; text-transform:uppercase; margin-top: 10px; }
input, textarea { width:700px; display:block; padding: 5px; margin-bottom: 10px; font-size:16pt; font-family: 'open_sanslight'; }

#HomePage {
	top:0;
	left:0;
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
	height:100%;
	position: absolute;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../mobile/images/HomeBG-2023.jpg);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))), url(../mobile/images/HomeBG-2023.jpg); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.7) 100%), url(../mobile/images/HomeBG-2023.jpg); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.7) 100%), url(../mobile/images/HomeBG-2023.jpg);    /* FF3.6+ */
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.7) 100%), url(../mobile/images/HomeBG-2023.jpg);      /* IE10 */
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.7) 100%), url(../mobile/images/HomeBG-2023.jpg);       /* Opera 11.10+ */
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.7) 100%), url(../mobile/images/HomeBG-2023.jpg);          /* W3C */
	-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;
	text-align: center;
}

#homeLogo {
	left:0;
	overflow:hidden;
	width:100%;
	height:75px;
	line-height:75px;
	margin:0;
	padding:0;
	position: absolute;
	background:rgba(0,0,0,0.5);
	text-transform: uppercase;
}

#homeMenu {
	left:0;
	width:100%;
	overflow:hidden;
	position: absolute;
	background:rgba(0,0,0,0.5);
	text-transform: uppercase;
}

#homeMenu a:link, #homeMenu a:visited {
	
}

#homeMenu a:hover, #homeMenu a:active {
	
}

.homeMenuBtn {
	overflow:hidden;
}

@media screen and (orientation:portrait) {
	#HomePage {

	}

	#homeLogo {
		bottom:10px;
	}

	#homeMenu {
		bottom:100px;
		text-align:center;
		height:auto;
		line-height:auto;
		background:none;
		font-size:20pt;
	}
	
	.homeMenuBtn {
		display:block;
		text-align:center;
		width:100%;
		margin-bottom:1px;
		padding:10px;
		background:rgba(0,0,0,0.5);
	}
}

@media screen and (orientation:landscape) {
	#HomePage {

	}

	#homeLogo {
		bottom:150px;
	}

	#homeMenu {
		height:100px;
		line-height:80px;
		background:rgba(0,0,0,0.5);
		font-size:18pt;
		bottom:10px;
	}
	
	.homeMenuBtn {
		display: inline-block;
		text-align:center;
		width:auto;
		margin:0;
		padding:10px;
		background:none;
	}
}

#menubar { 
	overflow:hidden; 
	background:rgba(0,0,0,0.8);
	padding:0;
	z-index:100;
	position: fixed;
	top:0;
	left:0;
	-webkit-transition: width 500ms, height 500ms;
	-moz-transition:  width 500ms, height 500ms;
	-ms-transition: width 500ms, height 0.5s;
	-o-transition:  width 500ms, height 500ms;
	transition: width 500ms, height 500ms;
	text-transform:none;
}

#menuControls {
	margin-top:-20px;
	font-size:90pt;
	text-transform:lowercase;
}

#menuControls a:link, #menuControls a:visited {
	color: #FC0;
}

.menuBtn {
	padding:5px;
}

@media screen and (orientation:portrait) {
	#menuItems {
		font-size:48pt;
	}
}

@media screen and (orientation:landscape) {
	#menuItems {
		font-size:20pt;
	}
}

#menuItems {
	text-transform:uppercase;
	width:0;
	height:0;
	-webkit-transition: width 500ms, height 500ms;
	-moz-transition:  width 500ms, height 500ms;
	-ms-transition: width 500ms, height 0.5s;
	-o-transition:  width 500ms, height 500ms;
	transition: width 500ms, height 500ms;
}



.entry {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	clear:both;
}

#mm-menubar { overflow:hidden; }

#mm-menubar ul {
	border-top: 1px solid #FFFFFF;	
	font-family: 'open_sanslight';
	font-size: 12pt;
	list-style-type:none;
	margin:-1px;
	padding:0px;
	overflow:hidden;
	height:80px;
	line-height:80px;
	background:rgba(0,0,0,0.5);
}

#mm-menubar li {
	float:left;
}

#mm-menubar ul a:link, #mm-menubar ul a:visited {
	color:#BBB;
	display:block;
	width:266px;
	height:80px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border-left: 1px solid #FFFFFF;
}

#mm-menubar ul a:hover,#mm-menubar ul a:active {
	color:#FFF;
	background-color:#111;
}

#about-menubar { overflow:hidden; margin-top:5px; margin-bottom:5px; z-index:0; }

#about-menubar ul {
	border-top: 1px solid #FFFFFF;	
	font-family: 'open_sanslight';
	font-size: 12pt;
	list-style-type:none;
	margin:-1px;
	padding:0px;
	overflow:hidden;
	height:80px;
	line-height:80px;
	background:rgba(0,0,0,0.5);
}

#about-menubar li {
	float:left;
}

#about-menubar ul a:link, #about-menubar ul a:visited {
	color:#BBB;
	display:block;
	width:266px;
	height:80px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border-left: 1px solid #FFFFFF;
}

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

#music-menubar { overflow:hidden; margin-top:5px; margin-bottom:5px; }

#music-menubar ul {
	border-top: 1px solid #FFFFFF;	
	font-family: 'open_sanslight';
	font-size: 12pt;
	list-style-type:none;
	margin-left:-1px;
	padding:0px;
	overflow:hidden;
	height:80px;
	line-height:80px;
	background:rgba(0,0,0,0.5);
}

#music-menubar li {
	float:left;
}

#music-menubar ul a:link, #photos-music ul a:visited {
	color:#BBB;
	display:block;
	width:399px;
	height:80px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border-left: 1px solid #FFFFFF;
}

#music-menubar ul a:hover, #music-menubar ul a:active {
	color:#FFF;
	background-color:#111;
}

#photos-menubar { overflow:hidden; margin-top:5px; margin-bottom:5px; }

#photos-menubar ul {
	border-top: 1px solid #FFFFFF;	
	font-family: 'open_sanslight';
	font-size: 12pt;
	list-style-type:none;
	margin-left:-1px;
	padding:0px;
	overflow:hidden;
	height:80px;
	line-height:80px;
	background:rgba(0,0,0,0.5);
}

#photos-menubar li {
	float:left;
}

#photos-menubar ul a:link, #photos-menubar ul a:visited {
	color:#BBB;
	display:block;
	width:399px;
	height:80px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border-left: 1px solid #FFFFFF;
}

#photos-menubar ul a:hover,#photos-menubar ul a:active {
	color:#FFF;
	background-color:#111;
}

#HomePage a:link, #HomePage a:visited { color:#BBB; } 
#HomePage a:hover, #HomePage a:active { color:#FFF; } 

.mobilePage, .NewsPage, .AboutPage, .MultimediaPage, .AudioPage, .PhotosPage, .VideoPage, .CalendarPage, .ReviewsPage, .DiscographyPage, .ContactPage {
	margin: 0 auto; 
	padding-top: 295px;
	width: 800px; 
	height: 100%; 
	border: none; 
	color: #DDD;
	overflow-x:hidden;
	text-align:center;
	background-repeat: no-repeat;
	z-index:0;
}

.NewsPage {
	background-color: #211b17;
	background-image: url(../mobile/images/NewsBG.jpg);
}
.NewsPage #mainContent { }
.NewsPage strong { color: #FFFFFF; display: inline;}
.NewsPage b { color: #FFFFFF; display: inline;}
.NewsPage i { color: #FFFFFF; display: inline;}
.NewsPage a:link, .NewsPage a:visited { color: #D9BEAA; text-decoration: none; text-transform:uppercase; }
.NewsPage a:hover, .NewsPage a:active { color: #FFF; }

.AboutPage {
	background-color: #cdc3b9;
	background-image: url("../mobile/images/AboutBG-2023.jpg");
	text-align:justify;
	color:#222;
}
.AboutPage #mainContent { padding-left: 10px; padding-right: 10px; }
bio, bio biotext, biotext, .AboutPage #mainContent bio { padding-left: 10px; padding-right: 10px; text-align:justify; }

.AboutPage a:link, .AboutPage a:visited { color: #725D2E; }
.AboutPage a:hover, .AboutPage a:active { color: #222; }

.AboutPage img {
	margin-right:20px;
}

.DiscographyPage { 	background-image: url("../mobile/images/DiscographyBG.jpg"); }
.DiscographyPage #mainContent { padding-left: 10px; padding-right: 10px; text-align: right; }
.DiscographyPage artist {text-transform:uppercase; }
.DiscographyPage album { }

#TeachingPage { background-image: url("../mobile/images/TeachingBG.jpg"); }

.MultimediaPage  {
	background-color: #2d051d;
	background-image: url(../mobile/images/MultimediaBG.jpg);
}
.MultimediaPage #mainContent {  }
.MultimediaPage p { color:#DDD; text-align:center; }
.MultimediaPage h2 { padding-left: 5px; padding-right: 5px; }
.MultimediaPage #photoalbum { margin-top: -1px; }

.AudioPage {
	background-color: #2d051d;
	background-image: url(../mobile/images/MultimediaBG.jpg);
	text-align:center;
}

.AudioPage #mainContent {  }
.AudioPage #repertoire { font-size: 10pt; padding-left: 5px; padding-right: 5px; }
.AudioPage h1, .AudioPage h2, .AudioPage h3, .AudioPage h4 { text-align:center; }


.tracklisting { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; padding-bottom: 10px; color:#999; font-size:24pt; }
#trackcomposer { font-size: 28pt; text-transform: uppercase; }
#tracktitle { color: #FFF; font-size: 36pt;}
.audioBtn {  }

.AudioPage a:link,
.AudioPage a:visited {
}

.AudioPage a:hover,
.AudioPage a:active{
}

.albumAudioListing {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.albumAudioListing .entry {
	background:rgba(0,0,0,0.7);
}

#albumMenu {
	text-align:center;
}

.musicMenuThumb {
	margin:10px;
	display:inline-block;
}

.PhotosPage {
	background-color: #2d051d;
	background-image: url(../mobile/images/MultimediaBG.jpg);
}

.VideoPage {
	background-color: #2d051d;
	background-image: url(../mobile/images/MultimediaBG.jpg);
}

.VideoPage .entry { border:none; }

.tracklisting { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; padding-bottom: 10px; color:#999; font-size:16pt; }
#trackcomposer { font-size: 16pt; text-transform: uppercase; }
#tracktitle { color: #FFF; font-size: 20pt;}
.audioBtn { padding-right: 10px; font-size: 16pt; }

.listenBtn {
	display:inline;
	color:#D9BEAA;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px; 
	margin-right:10px; 
	padding-bottom:10px;
}

#AudioPage a:link,
#AudioPage a:visited {
	color:#725D2E;
	padding-left: 10px;
	text-transform: none;
}

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

.cliplisting{ text-align:left; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; font-size:24pt; width:560px; float:left; color:#999;}
.cliptitle{ color: #FFF; font-size:32pt;}

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

#pubgallery { width: 800px; margin-left:0px; clear:both;}
#pubgallery #thumb {
	background: #000000;
	width: 100px;
	height: 100px;
	border: 1px solid #FFFFFF;
	margin: 15px;
	float: left;
	overflow: hidden;
}

#albumgallery { width: 800px; margin-left:0px; clear:both; }

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

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

.CalendarPage {
	background-color: #0b1e25;
	background-image: url("../mobile/images/CalendarBG-2023.jpg");
}
.CalendarPage #mainContent {}
.CalendarPage h2 { color: #FFFFFF; text-align: left;  padding-left: 5px; padding-right: 5px; }
.CalendarPage a:link, .CalendarPage a:visited { color:#D9BEAA; text-transform:uppercase; }
.CalendarPage a:hover, .CalendarPage a:active { color:#FFF; }

#socialButtons{
	width:380px;
	text-align:left;
	padding:1px;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}

.socialBtn {
	text-align:left;
	height:24px;
	overflow-y:hidden;
	width:80px;
	overflow:hidden;
	float:right;
	padding-left:10px;
}

.ReviewsPage {
	background-color: #cdc3b9;
	background-image: url(../mobile/images/ReviewsBG.jpg);
	color:#222;
}
.ReviewsPage #mainContent { }
.ReviewsPage a:link, .ReviewsPage a:visited {
	color: #725D2E;
	text-transform: uppercase;
}
.ReviewsPage a:hover, .ReviewsPage a:active { color:#222; }
.ReviewsPage img { clear:right; }

.ContactPage {
	background-color: #cebeaa;
	background-image: url(../mobile/images/ContactBG.jpg);
	text-align:center;
	color:#222;
}
.ContactPage #mainContent { padding-bottom: 10px }
.ContactPage h1, .ContactPage h2, .ContactPage h3, .ContactPage h4 { text-align:center; margin-top: 2px; margin-bottom: 2px; }
.ContactPage a { text-transform:uppercase; }
.ContactPage a:link, .ContactPage a:visited { color:#2F212E; }
.ContactPage description { color: #666; font-size: 16pt; }

#creditsPage {
	font-size:12pt;
}

#creditsPage h4 { margin:0; padding:0; letter-spacing:0; font-size:10pt; color:#FFF; }
#creditsPage a { text-transform:uppercase; font-size:10pt; }

#creditsText { 
}

#creditsPage img { margin:10px; margin-top:5px; margin-bottom:5px; }
#creditsText img { margin:10px; margin-top:5px; margin-bottom:5px; display:block; }

.creditsInfo {
	padding-top:15px;
}

#contactsocialPage {
}

#Table_01 { border-top: solid 1px #FFFFFF; }

pubdate { color: #000000; font-size: 8pt; }
twitterstatus { color: #000000; font-size: 10pt; }

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

event { color: #FFF; font-size: 20pt; display:block;}
venue { color: #999; font-size: 14pt; display:block;}
city { color: #BBB; font-size: 14pt; display:block;}
maplink { font-size: 12pt; display:block;}
repertoire { color: #999; font-size: 12pt; display:block; }
details, description { color: #BBB; font-size: 20pt; display:block; }
#linksPage details { color: #999; }
website {  }
time { font-size: 10pt; color: #BBB; }

headline { color: #FFF; font-size: 20pt; display: block; }
.ContactPage headline { color: #000;}
newsitem { color: #BBB; font-size: 14pt; display: block; }

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; }

.discIMG { margin-right:10px; padding-bottom:80px; clear:both; }

artist { color: #AAA; font-size: 20pt; text-transform:uppercase; }
album { color: #FFF; font-size: 30pt; text-align:left; }
label { color: #AAA; font-size: 24pt; }
year { color: #CCC; font-size: 20pt; }

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

reviews { font-style: italic; }
author { color: #444; font-size: 14pt; font-style: normal; text-decoration: none; display: block; text-align: right; }
publication { color: #666; font-size: 12pt; font-style: normal; text-decoration: none; margin-bottom: 20px; padding-bottom: 2px; display: block; text-align: right; }