@charset "UTF-8";

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

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


body { background: #000 no-repeat fixed; margin: 0px; padding: 0px; text-align: center; color:#DDD; font-family: 'garamond'; font-size: 28pt; line-height:38pt; }

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

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

table { color:#FFF; }
td { color:#FFF; }

form { color:#FFF;  }

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

h1, h2, h3, h4, h5 {
	font-family: 'Didot';
	color: #BBB;
	font-size: 44pt;
	line-height:44pt;
	font-weight: normal;
	text-decoration: none;
	clear:both;
	letter-spacing:1pt;
	text-transform:uppercase;
}
h2 { font-size: 40pt; }
h3 { font-size: 36pt; }
h4 { font-size: 24pt; }
h5 { font-size: 20pt; }

#menubar { 
	overflow:hidden; 
	font-size: 14pt;
	margin:0; 
	padding:0; 
	clear:both;
	width:100%;
	height:60px;
	line-height:50px;
	background:rgba(0,0,0,0.8);
}

#menubar ul {
    font-family: 'Didot';
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
}

#menubar li {
	display:inline;
}

#menubar ul a:link, #menubar ul a:visited {
    font-family: 'Didot';
	color:#BBB;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
	height:72px;
	line-height:72px;
	display:inline;
}

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

.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;
	background:rgba(0,0,0,0.5);
}

#mm-menubar { overflow:hidden; }

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

#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;
	border-left: 1px solid #FFFFFF;
	text-transform:uppercase;
}

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

#about-menubar { overflow:hidden; }

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

#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;
	border-left: 1px solid #FFFFFF;
	text-transform:uppercase;
}

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

#photos-menubar { overflow:hidden; }

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

#photos-menubar li {
	float:left;
}

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

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

#music-menubar { overflow:hidden; }

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

#music-menubar li {
	float:left;
}

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

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

#HomePage {
	width:100%;
	height:100%;
	position: absolute;
	background-image: url(../images/amiShare/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#homeMenu {
	width:100%;
	margin:0;
	z-index:1000;
	text-align:center;
	position:absolute;
}

#homeLogo {
	width:100%;
	height:60px;
	line-height:60px;
	margin:0;
	margin-bottom:5px;
	overflow:hidden;
	left:0;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	font-size:40px;
	letter-spacing:21px;
	color:#FFF;
	z-index:500;
	background:rgba(0,0,0,0.5);
}

@media screen and (orientation:portrait) {

	#HomePage {
		background-position: 45% top;
	}

	#homeMenu {
		top:0;
		bottom:none;
		height:100%;
	}

	.homeMenuBtn {
		top:0;
		bottom:none;
		font-size:24pt;
		height:10%;
		text-align:right;
		padding:0;
		padding-right:20px;
		text-transform:uppercase;
		margin:2px;
		display:block;
		background:none;
	}

	#homeLogo {
		top:none;
		bottom:0;
	}

}

@media screen and (orientation:landscape) {

	#HomePage {
		background-position: center top;
	}
	#homeMenu {
		top:none;
		bottom:10px;
		height:72px;
	}

	.homeMenuBtn {
		top:none;
		bottom:100px;
		font-size:8pt;
		width:12%;
		height:72px;
		line-height:72px;
		text-align:center;
		text-transform:uppercase;
		float:left;
		margin:1px;
		padding:10px;
		background:rgba(0,0,0,0.5);
	}

	#homeLogo {
		top:70%;
		bottom:none;
	}

}


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

#daddarioLogo {
	position:absolute;
	width:100%;
	bottom:100px;
}

.listenBtn {
	display:inline;
	color:#D9BEAA;
	margin:20px;
	font-size:30pt;
	text-transform:uppercase;
	float:none;
}

.mobilePage, .NewsPage, .AboutPage, .MultimediaPage, .AudioPage, .PhotosPage, .VideoPage, .CalendarPage, .LinksPage, .DiscographyPage, .ContactPage, .BlogPage {
	margin: 0 auto; 
	padding-top: 250px;
	width: 800px; 
	height: 100%; 
	border: none; 
	color: #DDD;
	overflow-x:hidden;
	background-color: #333;
	background-image: url(../mobile/images/bg01.jpg);
	background-repeat: no-repeat;
}

.NewsPage {
	text-align:center;
}
.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; }
.NewsPage a:hover, .NewsPage a:active { color: #FFF; }

.AboutPage {
	text-align:justify;
}
.AboutPage #mainContent { padding:10px;  }
.AboutPage #mainContent bio { text-align:justify; }

.AboutPage a:link, .AboutPage a:visited { color: #D9BEAA; }
.AboutPage a:hover, .AboutPage a:active { color: #FFF; }

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

.AboutPage .entry {
	padding-bottom:30px;
}

.DiscographyPage {  }
.DiscographyPage #mainContent {  }

.discThumb {
	margin:20px;
	display:block;
	text-align:center;
}

.DiscographyPage .entry {
	padding-bottom:30px;
	background:rgba(0,0,0,0.8);
}

.discAlbum {
	clear: both;
	background-size: 100% auto;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
}

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

.MultimediaPage  {
}
.MultimediaPage #mainContent {  }
.MultimediaPage p { color:#DDD; text-align:center; }
.MultimediaPage h2 { padding-left: 5px; padding-right: 5px; }
.MultimediaPage #photoalbum { margin-top: -1px; }

.AudioPage { 
	text-align:center;
}
.AudioPage #mainContent {  }
.AudioPage #repertoire { font-size: 10pt; padding-left: 5px; padding-right: 5px; }
.AudioPage h1 { text-align:center; }
.AudioPage h2 { text-align:center; }
.AudioPage h3 { text-align:center; }
.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;
}

#photoLoader {
	margin-top:40px;
	width:60%;
	height:70%;
	max-width:507px;
	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;
}

.PhotosPage {
}

.PhotosPage h2 {
	
}

.VideoPage {
	text-align:center; 
}

.VideoPage .entry {
	border: none;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.VideoPage .listenBtn {
}

.cliplisting { 
	padding:10px;
	margin:0;
	margin-bottom: 20px; 
	font-size:24pt; 
	width:100%; 
	color:#999;
	background:rgba(0,0,0,0.6);
}

.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 {
	text-align: center; 
}
.CalendarPage #mainContent {}
.CalendarPage h2 { color: #FFFFFF; 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;
}

.LinksPage {
}
.LinksPage #mainContent { }
.LinksPage a:link, .LinksPage a:visited { color:#D9BEAA; text-transform:uppercase; }
.LinksPage a:hover, .LinksPage a:active { color:#FFF; }
.LinksPage img { clear:right; }

.LinksPage { }
.LinksPage a {
	
}

.buypageAlbum {
	width:99%;
	margin-bottom:30px;
	clear:both;
}

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

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

.LinksPage .albumCover {
	height:500px;
	width:500px;
	margin-left:10px;
	padding:0;
	float:left;
}

.LinksPage .buyBtns {
	margin-left:10px;
	float:right;
}

.ContactPage {
}
.ContactPage #mainContent { padding: 10px; }
.ContactPage h1, .ContactPage h2, .ContactPage h3, .ContactPage h4 { text-align:left; margin-top: 2px; margin-bottom: 2px; }
.ContactPage a:link, .ContactPage a:visited { }

.contactSocialBtn {
	margin:20px;
}

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

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

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

event { color: #FFF; font-size: 36pt; }
venue { color: #999; font-size: 30pt; }
city { color: #BBB; font-size: 28pt; }
repertoire { color: #999; font-size: 24pt; display:block; }
details, description { color: #DDD; font-size: 26pt; display:block; text-align:center; }
#linksPage details { color: #999; }
website { display:inline-block; margin:20px; font-size: 32pt; }
maplink { display:inline-block; margin:20px; }
time { font-size: 20pt; color: #BBB;}

headline { color: #FFF; font-size: 36pt; display: block; }
#linksPage headline { color: #FFF;}
newsitem { margin-bottom:10px; color: #BBB; font-size: 24pt; display: block; text-align:justify; clear:both; }

composer { color: #888; font-size:24pt; display: block; text-align:left; margin-bottom:-15px; letter-spacing:2px; text-transform:uppercase; }
work { color: #fff; font-size:16pt; margin:0; text-align:right; }
movement { color: #acacac; font-size: 14pt; text-align:right; }
role { color: #888888; font-size: 12pt; }
textpage02 p { margin:0; padding:0; }
textpage02 h1, textpage02 h2 { text-align:left; margin:20px; }

artist { color: #CCC; font-size: 28pt; text-transform:uppercase; text-align:center; display:block; }
album { color: #FFF; font-size: 36pt; text-align:center; display:block; }
label { color: #CCCCCC; font-size: 24pt; text-align:center; display:block; }
year { color: #AAAAAA; font-size: 20pt; text-align:center; display:block; }

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

reviews { font-style: italic; }
reviewtext { display:block; clear:both; }
author { color: #CCC; font-size: 20pt; font-style: normal; text-decoration: none; display: block; text-align:center; }
publication { color: #AAA; font-size: 18pt; font-style: normal; text-decoration: none; margin-bottom: 20px; padding-bottom: 2px; display: block; text-align:center; }