@charset "utf-8"; /* Core */

@import url(http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css); 
@import url(../style/var.css); 

@font-face{font-family:idsans_font; src:local(idsans_font), url('../style/IdealistSans.otf') format('opentype');}
*{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
/* Tags */

html, body{height:100%;}
html#index{background:url(../i/bgFrontShot.jpg) no-repeat center center fixed; background-size:cover;}
html#music, html#bio, html#composing{background:url(../i/bgDesktop.jpg) no-repeat center center fixed; background-size:cover;}
html#session{background:url(../i/bgSession.jpg) no-repeat center center fixed; background-size:cover;}
html#teaching{background:url(../i/bgTeaching.jpg) no-repeat center center fixed; background-size:cover;}

p{margin-bottom:40px; font-size:20px; background-color:var(--main-bg); padding:10px; line-height:1.7; color:#fff;border-radius: 14px; border-left: 10px solid #f1f2f2 !important; padding-left: 25px; padding-right: 25px;}
p.standard{margin-left:50px; margin-right:50px;}
q{text-shadow:var(--textshadow); font-size:29px; color:rgba(255, 255, 255, 0.8); font-family:cambria;}
small{color:rgba(216, 215, 215, 0.61);}

/* Layout */

#PageHeader, .PageHeader{font-family:idsans_font; font-size:45px; margin:0 auto 45px auto; padding:5px 0 10px 0; text-align:center; color:#fff; background-color:var(--main-bg); border-radius:0px 0px 20px 20px; width:40%; min-width:460px; border-left: solid 10px #b92727;}

#PageSubHeader{
	text-align: center;
font-size: 24px;
color: #f1f2f2;
left: 0;
right: 0;
padding: 10px;
margin-left: auto;
margin-right: auto;
letter-spacing: 2px;
font-weight: 600;
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-color: rgb(185, 39, 39);
}

@media (max-width: 1226px)
{
	#PageSubHeader{font-size:20px}
}

#PageHeaderBox{height:220px; width:100%; /*background-color:#333436; */}
#PageWrap{margin:0 auto 0 auto; overflow:auto; padding:0 0 30px 0 !important; width:100%; clear:both;}
#PageWrap-of{overflow:hidden;}


/* Quotes */

#BoxQuote{text-align:center; padding:30px; background-color:RGBA(1, 0, 11, 0.51); min-height:118px; width: 70vw;
left: 0;
bottom: 0;
position: absolute;
right: 0;
margin: 0 auto 0 auto;}
#q1, #q2{position:relative;}

/* NAV */
#wrapper{min-width:1000px;}
nav{background-color:var(--main-bg); padding:0; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
#nom{color:#fff; font-family:idsans_font; font-size:21px; padding-left:10px; padding-right:10px; }
nav ul{list-style-type:none; margin:0; padding:0;}
nav ul li{ display:inline-block; position:relative;}

nav a{line-height:40px; padding:0 12px; margin:0 12px;}
nav a{color:#fff; text-decoration:none; display:block;}
nav a:hover,nav a:focus,nav a:active{background-color:#f1f2f2; color:#0e0d0d;  -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;}

#musicNav{position:relative; top:40px; z-index:99;}

#nav-n{display:none!important;}
#nav-nButton{display:none!important;}

/* index */
ul a{text-decoration:none; color:#fff;}
figure h3{
	text-align:center;
color: #fff;
text-decoration: underline;
font-weight: bold;}
figcaption{
position:relative;
top:195px;
padding-top:5px;
padding-bottom:5px;
width: 400px;
text-align: center;
background-color:var(--main-bg);
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;}
.insert{width: 600px;height:180px;margin-bottom:40px; font-size:20px; background-color:var(--main-bg); padding:10px; line-height:1.7; color:#fff;border-radius: 14px; ; padding-left: 25px; padding-right: 25px; margin-top:-55px; margin-left:450px;}
#teachingInsert{border-left:10px solid var(--teaching-stripe)!important;}
#composingInsert{top:517px;border-left:10px solid var(--composing-stripe)!important;}
figure ul{list-style-type:square !important;}
figure li{padding-bottom:0px; padding-left:5px;}
img{position:absolute; clip: rect(0px,400px,200px,0px);}
.insert ul{padding-left:20px;}
li.fig{position:absolute;}
li.fig a{width:100vw;}
#composing{top:400px}