@charset "UTF-8";

@font-face {
    font-family: 'GillSansLight';
    src: url('gillsansstd-light-webfont.eot?') format('eot'),
         url('gillsansstd-light-webfont.woff') format('woff'),
         url('gillsansstd-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body { background: #000 no-repeat fixed; margin: 0px; padding: 0px; text-align: left; color:#DDD; font-family: 'GillSansLight'; 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: #f8ba00; 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 { color: #BBB; font-size: 36pt; font-weight: normal; text-decoration: none; font-style: normal; clear:both; text-transform:uppercase; }
h4 { color: #BBB; font-size: 24pt; font-weight: normal; text-decoration: none; font-style: normal; clear:both;text-transform:uppercase; }

#menubar { overflow:hidden; margin-top:-10px; margin-bottom:0px; font-family: 'GillSansLight';}

#menubar ul {
	border-top: 1px thin #666;	
	margin-left:-1px; 
        font-family: 'GillSansLight';
	font-size: 14pt;
	list-style-type:none;
	text-transform:uppercase;
	padding:0px;
	overflow:hidden;
	height:100px;
	line-height:100px;
	background:rgba(0,0,0,0.5);
}

#menubar li {
	float:left;
	border-left: 1px solid #FFFFFF;
	height:100px;
font-family: 'GillSansLight';
}

#menubar p {
	text-align:center;font-family: 'GillSansLight';
}
#menubar ul a:link, #menubar ul a:visited {
	color:#BBB;
	display:block;
	width:113px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;font-family: 'GillSansLight';
}

#menubar ul a:hover,#menubar ul a:active {
	background-color:#111;
	color:#FFF;font-family: 'GillSansLight';
}

.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;font-family: 'GillSansLight';
}

#mm-menubar { overflow:hidden; }

#mm-menubar ul {
	border-top: 1px solid #FFFFFF;	
	font-family: 'GillSansLight';
	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);
	overflow: hidden;
}

#mm-menubar li {
	float:left;
        font-family: 'GillSansLight';
}

#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;
        font-family: 'GillSansLight';
}

#mm-menubar ul a:hover,#mm-menubar ul a:active {
	color:#FFF;
	width:266px;
        height:80px;
        background-color:#111;
        font-family: 'GillSansLight';
}

#music-menubar { overflow:hidden; }

#music-menubar ul {
	border-top: 1px solid #FFFFFF;	
	font-family: 'GillSansLight';
	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);
	overflow: hidden;
}

#music-menubar li {
	float:left;font-family: 'GillSansLight';
}

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

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

#HomePage {
	width:100%;
	height:100%;
	position: absolute;
	background-image: url(images/homemobilepiano.png);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
font-family: 'GillSansLight';
}

#homeMenu {
	width:50%;
	height:102%;
	margin:0;
	float:right;
font-family: 'GillSansLight';
}

#homeLogo {
font-family: 'GillSansLight';
	width:50%;
	height:30%;
	max-height:183px;
	margin:0;
	margin-bottom:1%;
	overflow:hidden;
        left:0;
	bottom:0;
	position:absolute;
	background-image: url(images/logomobileultimo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	text-align:center;
	text-transform:uppercase;
	font-size:100%;
	letter-spacing:3px;
	color:#F8ba00;
	text-shadow: 1 -1px 1px #000;
}

.homeMenuBtn {
font-family: 'GillSansLight';
	width:49%;
	height:32.5%;
	font-size:20pt;
	float:left;
	margin-left:0.5%;
	margin-bottom:0.5%;
	text-align:center;
	text-transform:uppercase;
	background:rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 0 -1px 1px #000f4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(50%, rgba(0,0,0,0.3)), color-stop(50%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0.3)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%);
	background-image: -moz-linear-gradient(top, #888 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%);
	background-image: -ms-linear-gradient(top, #888 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%);
	background-image: -o-linear-gradient(top, #888 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%);
	background-image: linear-gradient(top, #888 0%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 100%);
	-webkit-box-shadow: inset 0 2px 2px 0 rgba(255,255,255, 0.4);
	moz-box-shadow: inset 0 2px 2px 0 rgba(255,255,255, 0.4);
	box-shadow: inset 0 2px 2px 0 rgba(255,255,255, 0.4);
	border: 1px solid rgba(0,0,0, 0.3);
	border-bottom: 1px rgba(0,0,0, 0.5);
}

@media screen and (orientation:portrait) {

	.homeMenuBtn {
		line-height:11;font-family: 'GillSansLight';
	}

	#homeLogo {
		line-height:7;
	}
}

@media screen and (orientation:landscape) {

	.homeMenuBtn {
		line-height:4;
	}
	
	#homeLogo {
		line-height:2;
	}
	

}

.homeMenuBtn:active {
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
font-family: 'GillSansLight';
    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; 
}


#homeMenuBtn1 { background-color:rgba(64,50,41, 0.8); }
#homeMenuBtn2 { background-color:rgba(80,65,57, 0.8); }
#homeMenuBtn3 { background-color:rgba(97,77,72, 0.8); }
#homeMenuBtn4 { background-color:rgba(72,63,59, 0.8); }
#homeMenuBtn5 { background-color:rgba(25,27,30, 0.8); }
#homeMenuBtn6 { background-color:rgba(86,62,63, 0.8); }

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

.mobilePage, .AboutPage, .MultimediaPage, 
.SharaPage, .AudioPage, .PhotosPage, .VideoPage, .CalendarPage, 
.DiscographyPage, .ContactPage, .TeachingPage {
	margin: 0 auto; 
	padding-top: 295px;
	width: 800px; 
	height: 100%; 
	border: none; 
	color: #DDD;
	overflow-x:hidden;
	text-align:center;
font-family: 'GillSansLight';
}


.ProjectPage {
	margin: 0 auto; 
	padding-top: 295px;
	width: 800px; 
	height: 100%; 
	border: none; 
	color: #000000;
	overflow-x:hidden;
	text-align:center;
        font-family: 'GillSansLight';
}


.BalconePage{
font-family: 'GillSansLight';
	margin: 0 auto; 
	padding-top: 295px;
	width: 800px; 
	height: 100%; 
	border: none; 
	color: #DDD;
	overflow-x:hidden;
	text-align:justify;
}

.BalconePage #mainContent { text-align:justify; }

.AboutPage {
	font-family: 'GillSansLight';
        background-color: #483F3B;
	background-image: url(images/mobile1giusta_1.png);
	background-repeat: no-repeat;
	text-align:justify;
}
.AboutPage #mainContent { padding-left: 10px; padding-right: 10px; font-family: 'GillSansLight';}
bio, bio biotext, biotext, .AboutPage #mainContent bio { font-family: 'GillSansLight'; padding-left: 10px; padding-right: 10px; text-align:justify; }

.AboutPage a:link, .AboutPage a:visited { color: #D9BEAA; font-family: 'GillSansLight';}
.AboutPage a:hover, .AboutPage a:active { color: #FFF; font-family: 'GillSansLight';}

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

.ProjectPage  {
	background-color: #080808;
	background-image: url(images/sharabalcone.png);
	background-repeat: no-repeat;
font-family: 'GillSansLight';
}
.ProjectPage #mainContent { font-family: 'GillSansLight';}
.ProjectPage p { color:#DDD; text-align:center;font-family: 'GillSansLight'; }
.ProjectPage h2 { padding-left: 5px; padding-right: 5px;font-family: 'GillSansLight'; }
.ProjectPage #photoalbum { margin-top: -1px;font-family: 'GillSansLight'; }



.MultimediaPage  {
	background-color: #483F3B;
	background-image: url(images/flute.png);
	background-repeat: no-repeat;
font-family: 'GillSansLight';
}
.MultimediaPage #mainContent { font-family: 'GillSansLight'; }
.MultimediaPage p { color:#DDD; text-align:center; }
.MultimediaPage h2 { padding-left: 5px; padding-right: 5px; }
.MultimediaPage #photoalbum { margin-top: -1px; }

.AudioPage {
	background-color: #483F3B;
	background-image: url(images/flute.png);
	background-repeat: no-repeat;
font-family: 'GillSansLight';
}
.AudioPage #mainContent { font-family: 'GillSansLight'; }
.AudioPage #repertoire { font-size: 10pt; padding-left: 5px; padding-right: 5px; font-family: 'GillSansLight';}
.AudioPage h2 { font-size: 30pt; line-height: 30pt; margin-top: 2px; margin-bottom: 2px; font-family: 'GillSansLight';}
.AudioPage h4 { font-size: 20pt; line-height: 20pt; margin-top: 2px; font-family: 'GillSansLight';}

.PhotosPage {
	background-color: #483F3B;
	background-image: url(images/flute.png);
	background-repeat: no-repeat;
font-family: 'GillSansLight';
}

.SharaPage {
	background-color: #483F3B;
	background-image: url(images/sharamobile.png);
	background-repeat: no-repeat;
font-family: 'GillSansLight';
}

.SharaPage .entry { border:none; font-family: 'GillSansLight';}

.BalconePage {
	background-color: #483F3B;
	background-image: url(images/balcone.png);
	background-repeat: no-repeat;font-family: 'GillSansLight';
}

.BalconePage .entry { border:none; font-family: 'GillSansLight';}


.VideoPage {
	background-color: #483F3B;
	background-image: url(images/flute.png);
	background-repeat: no-repeat;font-family: 'GillSansLight';
}

.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;
	float: right;
	text-align:right;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:20px; 
	margin-bottom:10px;
}

#AudioPage a:link,
#AudioPage a:visited {
	color:#D9BEAA;
	padding-left: 10px;
	text-transform: none;
font-family: 'GillSansLight';
}

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

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

.cliplisting{ text-align:left; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; font-size:24pt; width:580px; 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 { 
	width: 150px;
	height: 110px;
	border: 1px solid;
	margin: 1px;
	float: left;
	overflow: hidden;
        font-family: 'GillSansLight';
}

.CalendarPage {
	background-color: #483F3B;
	background-image: url(images/escedalmare.png);
	background-repeat: no-repeat;font-family: 'GillSansLight';
}
.CalendarPage #mainContent { text-align:center;font-family: 'GillSansLight'; }
.CalendarPage h2 { color: #FFFFFF; padding-left: 5px; padding-right: 5px; font-family: 'GillSansLight';}
.CalendarPage a:link, .CalendarPage a:visited { color:#D9BEAA; text-transform:uppercase; font-family: 'GillSansLight';}
.CalendarPage a:hover, .CalendarPage a:active { color:#FFF;font-family: 'GillSansLight'; }



.ContactPage {
	background-color: #483F3B;
	background-image: url(images/sfondomobile.png);
	background-repeat: no-repeat;
	text-align:center;
font-family: 'GillSansLight';
}
.ContactPage #mainContent { padding-bottom: 10px }
.ContactPage h1, .ContactPage h2, .ContactPage h3, .ContactPage h4 { text-align:center; margin-top: 2px; margin-bottom: 2px; font-size:30pt; }
.ContactPage a, .ContactPage a:visited { color: #FFFFFF; text-transform:uppercase; }

.TeachingPage {
	background-color: #483F3B;
	background-image: url(images/sfondoconcerti2.png);
	background-repeat: no-repeat;
	text-align:center;
font-family: 'GillSansLight';
	color:#CCC;
}
.TeachingPage #mainContent { padding-bottom: 10px; font-family: 'GillSansLight'; }
.TeachingPage h1, .TeachingPage h2, .TeachingPage h3, .TeachingPage h4 { color:#333;font-family: 'GillSansLight'; text-align:center; margin-top: 2px; margin-bottom: 2px; font-size:30pt; }
.TeachingPage a:link, .TeachingPage a:visited { color: #f8ba00; text-transform:uppercase;font-family: 'GillSansLight'; }
.TeachingPage a:hover, .TeachingPage a:active { color: #FFF; text-transform:uppercase;font-family: 'GillSansLight'; }

iframe, form { margin:0; padding:0; border:0; font-size:10pt; text-align:right;font-family: 'GillSansLight'; }
form a { text-transform:uppercase; }
input, textarea { font-family: 'GillSansLight'; font-size:10pt; font-weight:normal; width:380px; margin:5px; }
textarea { height:140px; font-family: 'GillSansLight'; }
.formlabel { width:50px; padding:3px; margin-right:5px; font-family: 'GillSansLight';}

#creditsPage {
	font-size:12pt;font-family: 'GillSansLight';
}

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

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

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; }
venue { color: #999; font-size: 14pt; }
city { color: #BBB; font-size: 14pt; }
maplink { font-size: 12pt; }
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; }
#linksPage headline { color: #FFF;}
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; }

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

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