body
    {
    background-color : #FFF;
    color : #333;
    font-family : Optima,Verdana,Palatino,serif;
    margin-right : 0;
    padding-right : 0;
    }

A   {
    text-decoration : none;
    border-bottom : 1px solid #DDE;
    }

A:link    { color:#485AAA; }
A:visited { color:#485AAA; }
A:active  { color:#7780FF; }
A:hover
    {
    color : #44F;
    border-bottom : 1px solid #CCF;
    }

a img,
.imglink
    {
    border: none;
    }

h1,
.title
    {
    font-family : 'Helvetica Neue',Helvetica,Verdana,sans-serif;
    font-weight : bold;
    font-size : 2.1em;
    color : #666;
    margin : 3.4em 0em 1.4em 1em;
    /*margin : 3.6em 1em 1.8em 9%;*/
    text-align : center;
    }
    
.title a,
.title a:link,
.title a:visited
    {
    color : #666;
    }
    
.title a
    {
    border : none;
    }

.title A:hover
    {
    color : #44F;
    border-bottom : 1px solid #CCF;
    }

h2  {
    font-family : 'Helvetica Neue',Helvetica,Verdana,sans-serif;
    font-weight : bold;
    font-style : normal;
    font-size : 1.32em;
    color : #666;
    margin : 1.2em 12% 1em 10%;
    clear: both;
    }
    
h3  {
    font-family : 'Helvetica Neue',Helvetica,Verdana,sans-serif;
    font-size : 1em;
    font-weight : bold;
    font-style : normal;
    color : #666;
    margin : 1.2em 12% 1em 11%;
    }

h1:first-child, h2:first-child, h3:first-child
    { margin-top: 0; }

.title .subtitle
    {
    font-weight : normal;
    font-size : 0.6em;
    margin : 0.1em 0em 0em 0em;
    }

p   {
    margin : 0.9em 12%;
    }

.nav-bottom
    {
    margin : 2em 1em 1em 2.1em;
    padding : 1em;
    clear : both;
    }
    
.nav-element
    {
    float : right;
    margin : 0 0 0 3.2em;
    padding : 0;
    padding-bottom : 1em;
    }


.about
    {
    font-style : italic;
    margin : 1.6em 18%;
    padding : 0.4em 1.3em;
    color : #222;
    background : #f4f4f4;
    border: 2px solid #CCC;
    }
    
    
.event
    {
    font-size: 110%;
    text-align: center;
    float: right;
    margin: 0 12% 1em 1.2em;
    border-radius: 1em;
    padding : 0.4em 0.8em;
    color : #222;
    background : #f3f4f4;
    border: 2px solid #BBBCBC;
    box-shadow: 0 0.5ex 1ex #d6d6d6;
    }

.event h3
    {
    margin: 0.6em;
    color: black;
    }

.event p
    {
    margin: 0.8em 0;
    }


.subscribe
    {
    float: right;
    clear: right;
    text-align: center;
    width: 24em;
    margin: 0 12% 1em 1.2em;
    }

.fineprint
    {
    font-size: 60%;
    padding: 0 1em;
    }

.columns
    {
    width : 86%;
    margin : 0 7%;
    padding : 0 0 0 1em;
    text-align : left;
    clear: both;
    }
    
.columns td
    {
    vertical-align : top;
    padding : 0.4em;
    }

.columns h2,
.columns h2
    {
    margin-left : 0;
    margin-right : 0;
    }

.columns h2
    {
    background : #f2f2f2;
    padding : 0.2em 0.2em 0.3em 0.6em;
    }

.columns h2 A
    {
    border : none;
    }

.columns h2 A:hover
    {
    border-bottom : 1px solid #BBE;
    }

.columns h3
    {
    margin-left : 1em;
    }

.columns p
    {
    margin-left : 1.4em;
    margin-right : 1em;
    }

.featured-recordings
    {
    font-size: 0.9em;
    /*text-align: center;*/
    /*float: right;*/
    /*margin-right: 7%;*/
    }

.featured-recordings ul
    {
    display: table;
    margin: 0;
    padding: 0;
    }

.featured-recordings li
    {
    display: table-row;
    margin: 0;
    padding: 0;
    }

.featured-recordings object,
.featured-recordings .name
    {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0.2em 0.2em;
    }

.featured-recordings .name
    {
    padding-right: 2em;
    }

.event-listing,
.recent-posts,
.featured-recordings
    {
    font-family : 'Helvetica Neue', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;
    font-size : 0.9em;
    }

.recent-posts,
.featured-recordings
    {
    margin: 0.8em 0.5em 0.8em 1.4em;
    }

.recent-posts .caption,
.featured-recordings .caption
    {
    caption-side : top;
    font-weight : bold;
    text-align : left;
    padding : 0.2em 0 0.4em 1em;
    }

li  {
    list-style : none;
    margin-top : 0.6em;
    margin-bottom : 0.6em;
    }

.recent-posts ul
    {
    margin : 0;
    padding : 0 1.2em;
    }
    
.recent-posts li
    {
    list-style : none;
    margin : 0 0 0.2em 0;
    padding : 0;
    }

.event-listing
    {
    padding : 0;
    }

.event-listing caption
    {
    caption-side : top;
    font-weight : bold;
    text-align : left;
    padding : 0.2em 0 0.4em 1em;
    }

.event-listing tr
	{
	padding : 0;
	margin : 0;
	}

.event-listing td
    {
    vertical-align: baseline;
    text-align : left;
    margin : 0;
    padding : 0 0em 0 0.94em;
    }

.event-listing .time
    {
    text-align : right;
    padding-left : 0.6em;
    }

.event-listing .event-sold-out
    {
    font-size : 0.8em;
    text-transform : uppercase;
    }

.event-listing a
    {
    font-weight : bold;
    }


.works-category
    {
    margin : 1.4em 0 0 14%;
    }
 
h3.works-category
    {
    margin-left : 16%;
    }
 
.list-of-works
    {
    font-size : 0.9em;
    font-family : 'Helvetica Neue', Verdana, Helvetica, 'Sans Serif', sans-serif;
    margin : 1em 16% 2em 16%;
    border-bottom : 2px solid #f6f6f6;
    }

.list-of-works td
    {
    padding : 0.14em 1em;
    background : #f0f0f0;
    border-top : 2px solid #f6f6f6;
    }
    
.list-of-works .work-title
    {
    font-size : 1.1em;
    font-weight : bold;
    }


.nav-top
    {
    position : fixed;
    width : 100%;
    top : -2em;
    left : 0;
    border-top : 1.8em solid #FFF;
    border-bottom : 0.6em solid #FFF;
    background : #EEE;
    font : bold 0.92em 'Lucida Grande', Verdana, 'Lucida Sans Unicode', 'Sans Serif', sans-serif;
    margin : 0.8em 0 0 0;
    color : #888;
    }

.nav-top td
    {
    padding : 0.3em 0 0.38em 0;
    }

.nav-top a
    {
    border : none;
    padding : 0.3em 1em;
    }

.nav-top a:hover
    {
    text-decoration : underline;
    }

.nav-top .breadcrumbs
    {
    text-align : left;
    padding-left : 0.6em;
    }
   
.nav-top .breadcrumbs a
    {
    border-right : 1px solid #dcdcde;
    }

.nav-top .breadcrumbs .current-page
    {
    color : #446;
    border : none;
    }

.nav-top .contact
    {
    text-align : right;
    }


.recording
    {
    margin: 1.2em 4% 1.6em 4%;
    padding: 0.8em 1.2em;
    border: 1px solid #BBB;
    border-left: 0.4em solid #AAA;
    background-color : #f3f4f4;
    border-radius: 1ex;
    }

.recording object
    {
    margin: 0.6em 0;
    }

.recording-composer,
.recording-performer,
.recording-title
    {
    font-family : Cochin, Georgia, Palatino, Times New Roman, serif;
    font-size : 1.16em;
    color : #000;
    }

.recording-title
    {
    font-style : italic;
    }

.recording-link
    {
    color : #777;
    }

.recording-link a
    {
    font-weight : bold;
    }


.videos
    {
    margin: 1em 10%;
    }

.videos .video-player
    {
    width: 560px;
    height: 315px;
    float: right;
    border: 1px solid #333;
    }

.videos .playlist
    {
    overflow: hidden;
    }

.videos h3
    {
    margin-left: 0;
    }

.videos ul
    {
    margin-left: 1ex;
    padding-left: 0;
    }

.videos li
    {
    margin: 0.5ex 0;
    padding: 0.4ex 0.2ex 0.4ex 1.6ex;
    }

.videos li.selected
    {
    background: #E4F4FF;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    }

.videos li.selected a,
.videos li.selected a:visited
    {
    color: #333;
    border: none;
    }

.videos h3 .year
    {
    font-weight: normal;
    font-size: 80%;
    padding-left: 1ex;
    }

.video-container,.video-content  /* YouTube on iPad */
    {
    top:0 !important;
    }