/*-----------nB LOGO---------*/
#header { 
position: absolute;
top:12px;
left:12px;
right:12px;
height:150px;
background-color: rgba(255,255,255,0);
opacity:1.0;
z-index: 0;
overflow:hidden;
text-align:center;
}

/*-----------FACEBOOK ETC---------*/
#footer { 
position: absolute;
bottom:12px;
left:12px;
right:12px;
height: 80px;
background-color: rgba(255,255,255,0);
overflow:hidden;
z-index:2;
text-align:center;
}

#footer img {
width: auto;
height: 100%;
border:0px;
margin: 0 5px 0 5px;
}

/*-----------STANDARD LAYOUT W/O HEADER OR FOOTER---------*/
#mainpage {
position: absolute;
left:12px;
right:12px;
top: 174px;
bottom: 104px;
z-index:1;
background-color: rgba(255,255,255,0);
text-align:center;
}

#main-sub {
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	width:100%;
}

/*-----------BIO PHOTOS---------*/
.bio-img {
	border:1px solid #231f20;
	margin: 0px 0px 6px 0px;
	vertical-align:top;
	max-width:50%;
	max-height:50%;
	}

/*-----------IMAGES OF TEXT FOR LINNKS---------*/
.name {
	border:none;
	padding: 5px 0px 0px 0px;
	vertical-align:top;
	width: auto;
	height:30px;
}

/*-----------PHOTOS SETTINGS---------*/
.photos {
	text-align:center;
}

.photos img {
	margin-left: auto;
    margin-right: auto;
	max-height:78%; 
	width:auto;
}
	
.photos-thumbnail {
	height:163px;
	width:216px;
	border:1px solid #231f20;
}


/*-----START CONCERTS SETTINGS-----*/

TD#info { width:75% }
TD#flyer { vertical-align:middle; width:25%; }

.pieces_composer { white-space:nowrap }
.pieces_title { white-space:nowrap }
.pieces_instrumentation { white-space:auto }
.pieces_padding { height:20px; }

td#flyer img { 
	border:1px SOLID #888888;
	float:right;
	margin-right:30px;
	margin-bottom:25px;
	margin-top:25px;
	height:18em;
	}

TR#odd_concerts { background-color: rgba(0, 0, 0, 0); }
TR#even_concerts { background-color: rgba(160, 226, 255, 0.15); }
TR#concerts_year { background-color: rgba(22, 0, 0, 0.015); }


TR#odd_concerts TD, TR#even_concerts TD { 
	padding:0 8px 0 8px;
	vertical-align:top; 
	text-align:left;
	}

/*-----END CONCERTS SETTINGS-----*/


/*-----------IMAGES WITH SHADOW (E.G CONCERT FLYERS)---------*/
.shadow {
	-moz-box-shadow: 3px 3px 4px #888;
	-webkit-box-shadow: 3px 3px 4px #888;
	box-shadow: 3px 3px 4px #888;
	}

/*-----------TABLE PROPERTIES FOR 'REPERTOIRE' 'MEDIA' & 'CONCERTS'--------*/

table#list {
    border-collapse: collapse;
    border-spacing: 0;
	}

TR#heading { 
	background-color: rgba(0, 0, 0, 0.2);
	height:1em
	}

TR#heading TD { 
	padding-left:8px;
	vertical-align:top; 
	text-align:left;
	}

TR#odd { background-color: rgba(0, 0, 0, 0); }

TR#even { background-color: rgba(160, 226, 255, 0.15); }

TR#odd TD, TR#even TD { 
	padding-top:1em;
	padding-bottom:1em;
	padding-left:8px;
	padding-right:8px;
	vertical-align:top; 
	text-align:left;
	}

/*-----------BIOGRAPHY POPUP WINDOWS---------*/
#bio-body {
position: absolute;
top: 20px;
left: 0px;
height:100%;
width:100%;
background-color: rgba(255,255,255,0);
display:block;
}

/*-----------LINE STYLES----------*/

hr {
border: 0;
border-bottom: 1px dashed #ccc;
background: #999;
margin-left:0px
}

/*-----------SIMPLE TEXT STYLES----------*/

/*--LOAD 'MREAVES' FONT--*/
@font-face {
    font-family: 'mreavesmodalth';
    src: url('/fonts/mreavmodaltb-webfont.eot');
    src: url('/fonts/mreavmodaltb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/mreavmodaltb-webfont.woff') format('woff'),
         url('/fonts/mreavmodaltb-webfont.ttf') format('truetype'),
         url('/fonts/mreavmodaltb-webfont.svg#mreavesmodalth') format('svg');
font-style: normal;
font-weight: 900;
}

/*--ANA'S DESIGN – MEMBERS' LINKS--*/
h1 { 
font-family: mreavesmodalth;
font-size: 2.5em; 
line-height: 1.1em; 
color: #231f20;
text-align:center;
}

h1 a:link {
color: #DD3333;
}

/*--OTHER TEXTS--*/

/*--SAME AS H3 BUT BOLD--*/
h2 { 
font-family: Calibri; 
font-size: 0.9em; 
line-height: 1.4em; 
color: #231f20;
font-style: bold;
font-weight: 600;
display:inline;
}

/*---STANDARD SMALL TEXT, POP-UP WINDOWS ETC---*/
h3 { 
font-family: Calibri; 
font-size: 0.9em; 
line-height: 1.4em; 
color: #231f20;
font-style: normal;
font-weight: 100;
display:inline;
}

h3 a:link {
color: #231f20;
text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
	transition: color 0.5s linear;
}

h3 a:visited {
color: #231f20;
text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
	transition: color 0.5s linear;
}

h3 a:hover {
color: #DD3333; 
text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
	transition: color 0.5s linear;
}

/*---TINY TEXT--*/
h4 { 
font-family: Calibri; 
font-size: 0.7em; 
line-height: 1.0em; 
color: #231f20;
font-style: normal;
font-weight: 100;
display:inline;
}

h4 a:link {
color: #231f20;
text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
	transition: color 0.5s linear;
}

h4 a:visited {
color: #231f20;
text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
	transition: color 0.5s linear;
}

h4 a:hover {
color: #DD3333; 
text-decoration: none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
	transition: color 0.5s linear;
}


/*--SAME AS H3 BUT JUSTIFIED--*/
h5 { 
font-family: Calibri; 
font-size: 0.9em; 
line-height: 1.4em; 
color: #231f20;
font-style: normal;
font-weight: 100;
text-align:justify;
text-justify:auto;
}

/*--ANA'S DESIGN – FOOTER MENU--*/
h6 { 
font-family: mreavesmodalth;
font-size: 1.4em; 
line-height: 1.2em; 
color: #000000;
display:inline;
font-weight: 600;
}

/*--ANA'S DESIGN – LARGE TEXT, GREY -- USED FOR 'SEASON' and ERROR MESSAGES--*/
h7 { 
font-family: mreavesmodalth;
font-size: 2em; 
line-height: 1.2em; 
color: #B0B0B8;
}

/*----------LINK STYLES-----------*/
a { 
color: #DD3333; 
text-decoration: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 
}

a:link {
color: #DD3333; 
text-decoration: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 
}

a:visited {
color: #DD3333; 
text-decoration: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 
}

a:hover { 
color: #DD3333; 
text-decoration: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 
}

/*---------------------------HOME PAGE ANIMATIONS & LINKS---------------------------*/

/*MEMBERS LINK*/
#members {
position:absolute;
top:20%;
left:0;
width:40%;
height:34%;
}

/*ABOUT-US LINK*/
#about-us {
position:absolute;
top:-6%;
left:40%;
width:20%;
height:57%;
}

/*REPERTOIRE LINK*/
#repertoire {
position:absolute;
top:6%;
left:59%;
width:27%;
height:47%;
}

/*MEDIA LINK*/
#media {
position:absolute;
top:52%;
left:19%;
width:31%;
height:41%;
}

/*CONCERTS LINK*/
#concerts {
position:absolute;
top:50%;
left:50%;
width:45%;
height:34%;
}