@charset "UTF-8";

@font-face {
    font-family: 'baskerville';
    src: url('librebaskerville-regular-webfont.woff2') format('woff2'),
         url('librebaskerville-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

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

body { 
	background: #000 no-repeat fixed; 
	margin: 0; 
	padding: 0;
	top:0;
	left:0;
	color:#EEE; 
	font-family: 'baskerville'; 
	width:100%;
	height:100%;
	-webkit-animation-name: fade-in;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
}

.bit-upcoming-events, .bit-event-list-title, .bit-event-list-title bit-show-past, .bit-event-list-title bit-show-upcoming {
	font-family: 'baskerville'; 
}

a { }

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'bodoni_bk_btbook';
	color: #AAA;
	font-weight: normal;
	text-decoration: none;
	clear:both;
	padding:0;
	margin:0;
	margin-top:50px;
	margin-bottom:25px;
	text-transform: uppercase;
}

h2 a:link, h2 a:visited { color:#a87b69; }
h2 a:hover, h2 a:active{ color:#FFF; }

.pageTitle {
    font-family: 'bodoni_bk_btbook';
}


#page0 {
	top: auto;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	overflow-y:hidden;
	width:100%;
	height:100%;
	position: absolute;
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1000ms;
	transition: opacity 1000ms;
}

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

.CalendarPage { }
.CalendarPage #mainContent { }
.CalendarPage a:link, a:visited { }
.CalendarPage h2 { color: #777; text-align: left;  padding-left: 5px; padding-right: 5px; }

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

longdate { }
shortdate { }
newsdate { display: block; }
twitterdate { display: block; }
twitterstatus { color: #222; display: block; }

event { color: #FFF; }
venue { color:#AAA; }
city { color: #FFF;  }
repertoire { color: #BBB; display:block; }
details, description { color: #CCC; display:block; }
#linksPage details { color: #CCC; }
website { }
time { }

headline { color: #FFF; display: block; }
#linksPage headline { color: #FFF;}
newsitem { color:#AAA; }

worktitle { color: #FFF; display:block; }
duration { color: #AAA; display: block; }
instrumentation { color: #BBB; display: block; }
ensemblesize { color: #AAA; display: block; }
workyear { color: #CCC; display: block; }

composer { color: #BBB; text-transform:uppercase; }
personnel { color: #DDD; }
work { color: #FFF; text-align:right;  }
role { display:inline; }

reviews { font-style: italic; }
author { color: #BBB; font-style: normal; text-decoration: none; display: block; text-align: right; }
publication { color: #888; font-style: normal; text-decoration: none; margin-bottom: 20px; padding-bottom: 2px; display: block; text-align: right; }

#desktopMessage {
	display:block;
	text-align:center;
	font-size:24pt;
	line-height:30pt;
	color:#FFF;
	background:#400;
}

#desktopMessage a { text-transform:none; }

#html5Page { text-align:center; font-size:24pt; line-height:30pt; color:#FFF; }

#html5Page #mainContent { padding:50px; }