/*
Theme Name: BVSO
Theme URI: http://wearealways.com/
Description: 
Version: 
Author: 
Author URI: 
Tags: 

*/


* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #3e3e3e; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #3e3e3e; font-family: Helvetica,Arial,sans-serif; line-height: 1.62; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #196536; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 1000px; }
 #top { width: 100%; overflow: hidden; border-bottom: 10px solid #fff; height: 150px; }
  #logo { display: inline; float: left; width: 287px; height: 104px; margin: 25px 0 0 20px;  }
   #logo a { display: block; width: 100%; height: 100%; background: url(images/logo-screen.png) no-repeat; text-indent: -999em; overflow: hidden; }
  #top .side { display: inline; float: right; width: 600px; margin: 15px 15px 0 0; text-align: right; }
   #top .side p { font-size: 1.4em; font-weight: bold; color: #d4d4d4; margin-bottom: 10px;}
    #top .side p a, #top .side p a:hover, #top .side p a:focus, #top .side p a:active { color: #d4d4d4;  }
   #top .side .slogan { font: italic 3.1em/1.25 Helvetica,Arial,sans-serif; color: #fff; }
   *:first-child+html #top .side .slogan { margin-right: -10px; }
   * html #top .side .slogan { margin-right: -10px; }

  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #wrapper-a { width: 100%; overflow: hidden; }
 #nav { width: 200px; float: left; }
  #nav ul { list-style: none; margin: 0; padding: 0; overflow: hidden; width: 100%; }
  #nav .nav-a { background: #0d6537; padding: 20px 0 0; }
   #nav .nav-a li { font-size: 2.2em; width: 100%; float: left; border-bottom: 1px solid #fff; line-height: 1; }
    #nav .nav-a li a { float: left; display: block; width: 160px; padding: 20px 20px 15px; color: #fff; text-decoration: none; background: #0d6537;  }
    #nav .nav-a li a:hover, #nav .nav-a li a:focus, #nav .nav-a li a:active, #nav .nav-a li a.active { background: #fff; color: #0d6537; }

    #nav li em { position: absolute; left: -10001px; top: -10001px; }
  #nav .nav-b { background: #141414; padding: 10px 20px; width: 160px; margin: 0 0 15px; } 
   #nav .nav-b li { font: bold 1.8em/1.25 Helvetica,Arial,sans-serif; text-transform: uppercase; padding: 12px 0 10px; background: url(images/nav-sep.png) 0 0 repeat-x; }
   #nav .nav-b li.first { background: none; }
    #nav .nav-b li a { color: #fff; text-decoration: none; }
    #nav .nav-b li a:hover, #nav .nav-b li a:focus, #nav .nav-b li a:active { text-decoration: underline; }
 #content { width: 760px; padding: 15px 20px; float: right; background: #fff; }
 body.home #content { width: 800px; padding: 0; background: #daddd8; }
 #footer { width: 740px; padding: 30px; margin: 0 0 0 200px; color: #ccc; overflow: hidden; }
  #footer .col-a { float: left; width: 550px; }
  #footer .col-b { float: right; width: 150px; text-align: right; }
   #footer p { font-size: 1.2em; margin: 0; }
   #footer p.nav { word-spacing: 5px; }
    #footer a { color: #ccc; }

.subnav { float: left; width: 120px; padding: 0 20px 0 10px; list-style: none; }
 * html .subnav { width: 100px; }
 .subnav li { position: relative; background: url(images/subnav-sep.png) 0 100% repeat-x; }  
  .subnav li a { position: relative; left: -13px; display: block; width: 100%; padding: 5px 0 5px 13px; text-decoration: none; background: url(images/subnav-active.png) -999em 0 no-repeat; }
  .subnav li a.active, .subnav li a:hover, .subnav li a:focus, .subnav li a:active { background-position: 0 50%; }
  .subnav li.nosep { background: none; }
   
   
.wrapper-inner { overflow: hidden; }
* html .wrapper-inner { width: 610px; float: left; }

/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.5em; }
h2 { font-size: 2.1em; text-transform: uppercase; }
h3 { font-size: 1.8em; }
h3.a { color: #196536; font-weight: normal; }
 h3.a span { color: #666; font-size: 0.78em; text-transform: uppercase; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* containers */

.figure-a { overflow: hidden; width: 100%; }
 .figure-a .img { float: left; margin: 0 10px 15px 0; }
  .figure-a .img img { display: block; } 
 .figure-a p { font-size: 1.1em; line-height: 1.7em;  }

.cols-3 { width: 100%; overflow: hidden; }
 .cols-3 .col { display: inline; float: left; width: 31%; margin: 0 0 0 3%; }
 .cols-3 .col-first { margin: 0; }

.cols-2 { width: 100%; overflow: hidden; }
 .cols-2 .col { display: inline; float: left; width: 48%; margin: 0 0 0 3%; }
 .cols-2 .col-first { margin: 0; }


/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

table.staff-a { }
 table.staff-a th, table.staff-a td { padding: 0 30px 0 0; border: none; text-align: left; font-size: 1.2em; }

/* lists */
ul.a { padding: 0; list-style: none; }


/* links */

.button-a { width: 100%; overflow: hidden; }
 .button-a a { float: left; display: block; text-align: center; padding: 2px 15px; color: #fff; text-decoration: none; background: #198341; border: 2px solid #2e8d44; font-weight: bold; }

/* other */
.hr { height: 2px; background: url(images/hor-sep.png) repeat-x; margin: 30px 0 !important; margin: 30px 0; }
 .hr hr { position: absolute; left: -999em; }

 
/* SPECIFIC
------------------------------------------- */
.intro { position: relative; width: 798px; margin: 0 0 10px 2px; overflow: hidden; }
 .intro .cta { float: left; margin: 0; }
  .intro .cta img { display: block; }
 .intro .events-a { float: right; margin: 0; width: 220px; }
  .intro .events-a h2 { font-weight: bold; font-size: 1.6em; color: #070707; line-height: 1; height: 27px; padding: 15px; margin: 0; }
   .intro .events-a h2 span { font-weight: normal; font-size: 0.75em; display: block; font-weight: normal; }
  .intro .events-a .wrap { background: #fff; height: 305px; padding: 15px; line-height: 1.3; }
   .intro .events-a .event { padding: 22px 0 0; background: url(images/events-sep.png) no-repeat;  }
   .intro .events-a .first { padding: 0; background: none; }
    .intro .events-a .meta { font-size: 1.2em; font-weight: bold; margin: 0; color: #040404; }
    .intro .events-a h3 { font-size: 1.8em; margin: 0;  }
    .intro .events-a .description { font-size: 1.2em; color: #595959; margin: 0; } 
    .intro .events-a .location { font-size: 1.2em; color: #040404; margin: 0 0 15px; font-style: italic; } 
   .intro .events-a .more { font-size: 1.4em; font-weight: bold; margin: 0; } 

.sections-a { width: 100%; overflow: hidden; margin: 0 0 10px; }
 .sections-a .col { display: inline; float: left; margin: 0 0 0 10px; }
 .sections-a .col-a { position: relative; width: 265px; height: 266px; padding: 30px 15px 0; background: #fff; }
  .sections-a .col-a h2 { font: normal 2.4em/1.25 Helvetica,Arial,sans-serif; text-align: center; margin: 0; text-transform: none; }
  .sections-a .col-a img { border: 2px solid #dbded8; }
  .sections-a .col-a p { color: #3e3e3e; font-size: 1.5em; line-height: 1.33;  }
  .sections-a .col-a p.more { position: absolute; bottom: 10px; width: 265px; text-align: center; font-weight: bold; font-size: 1.8em; margin: 0; }

 .sections-a .col-b { width: 170px; }
  .sections-a .col-b .section { background: #3e3e3e; border: 2px solid #828282; padding: 12px; height: 115px; }
  .sections-a .col-b .section-mailing { margin: 0 0 10px; }
   .sections-a .col-b .section h2 { margin: 18px 0 25px; color: #dbded8; font-size: 2.1em; font-weight: normal; text-align: center; line-height: 1.05; text-transform: none; }
   .sections-a .col-b .section-volunteer h2 { margin: 7px 0 15px;  }
   .sections-a .col-b .section p { margin: 0; }
    .sections-a .col-b .section p a { display: block; text-align: center; color: #fff; text-decoration: none; background: #198341; border: 2px solid #2e8d44; font-weight: bold; }

.sponsors { margin: 0 auto 10px; padding: 15px 0 10px; text-align: center; background: #fff; }
body.home .sponsors { width: 780px; }
 .sponsors h3 { font-size: 1.8em; font-weight: normal; text-align: center; margin: 0; }
 .sponsors p { margin: 0; font-size: 1.2em; text-align: center; }

#nav .mailing { background: #3e3e3e; border: 2px solid #828282; padding: 12px; height: 115px; width: 140px; margin: 0 auto; }
 #nav .mailing h2 { margin: 18px 0 25px; color: #dbded8; font-size: 2.1em; font-weight: normal; text-align: center; line-height: 1.05; text-transform: none; }
 #nav .mailing p { margin: 0; }
  #nav .mailing p a { display: block; text-align: center; color: #fff; text-decoration: none; background: #198341; border: 2px solid #2e8d44; font-weight: bold;  }

.staff-b { width: 100%; overflow: hidden; margin: 0 0 20px; }
 .staff-b .photo { float: left; margin: 0 30px 0 0; }
  .staff-b .photo img { display: block; border: 3px solid #878787; }
  .staff-b .description { overflow: hidden; }
  .staff-b h3, .staff-b p { margin: 0; }

.event-b { }
 .event-b .header { position: relative; margin: 0 0 15px; }
  .event-b .header p { margin: 0; }
   .event-b .header p img { display: block; }
  .event-b .header h3 { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; line-height: 28px; background: url(images/event-overlay.png); font-size: 2.1em; color: #fff; text-transform: uppercase; text-align: center; }
 .event-b .meta { font-weight: bold; font-size: 1.8em; text-align: center; }
 .event-b .description, .event-b .cast { width: 100%; overflow: hidden; }
  .event-b .col-a { width: 49%; float: left; }
  .event-b .col-b { width: 49%; float: right; }
   .event-b .col-b p { width: 100%; overflow: hidden; font-weight: bold; font-size: 1.2em; margin: 0; }
    .event-b .col-b p span { overflow: hidden; display: block; }
    .event-b .col-b p span.label { display: block; float: left; margin: 0 5px 0 0;  }
  .event-b .cast ul { padding: 0; list-style: none; }

.purchase-a { position: relative; background: #3e3e3e; padding: 20px 0 20px 230px; border: 2px solid #828282;  } 
 * html .purchase-a {  height: 1%; }
 .purchase-a h2 { color: #dbded8; font-size: 2.4em; font-weight: normal; text-transform: none; margin: 0; }
 .purchase-a p { position: absolute; left: 40px; top: 20px; margin: 0; font-size: 2.1em; }
  .purchase-a p a { float: left; display: block; padding: 0 40px; text-align: center; color: #fff; text-decoration: none; background: #198341; border: 2px solid #2e8d44; font-weight: bold; } 

.donations-a { padding: 0 20px; overflow: hidden;  }
* html .donations-a { height: 1%; }
 .donations-a h2 { text-transform: none; }
 .donations-a p { font-size: 1.6em; margin: 0 0 30px; }
 .donations-a p.graph { margin: 0 -20px 15px; }

 .donations-a .sections { width: 100%; overflow: hidden; }
  .donations-a .sections .call-to-action { width: 300px; float: left; }
   .donations-a .sections .call-to-action p { text-align: center; }
   .donations-a .sections .call-to-action .section-b { background: #3e3e3e; border: 2px solid #828282; padding: 12px; width: 176px; margin: 0 auto 30px;  }
   .donations-a .sections .call-to-action .section-b h3 { margin: 10px 0 15px; color: #dbded8; font-size: 2.1em; font-weight: normal; text-align: center; line-height: 1.05; text-transform: none; }
    .donations-a .sections .call-to-action .section-b p { margin: 0 0 10px; }
     .donations-a .sections .call-to-action .section-b p a { display: block; text-align: center; color: #fff; text-decoration: none; background: #198341; border: 2px solid #2e8d44; font-weight: bold; }
  .donations-a .sections .levels { width: 290px; float: right; }
   .donations-a .sections .levels h3 { font-weight: bold; text-transform: uppercase; margin: 0 0 10px; }
    .donations-a .sections .levels ul { }
     .donations-a .sections .levels ul li { word-spacing: 5px; font-size: 1.4em; }
      .donations-a .sections .levels ul li span { font-weight: bold; }

  
/* Chris */

/* music director */
body.page-id-55 .entry img {
 margin-right: 15px; 
}

body.page-template-about-php div.entry table td {
  border: 0px;
}

/* events single page */
body.single div.cast {
  margin-bottom: 15px;
}

body.single div.cast .musicians-wide-col ul li {
  float: left;
  width: 49%;
}

body.single div.cast .wide-col {
 /* float: left; */
  width: 100%;
}



/* active states on sidebar navs */

body.homepage #nav .nav-a li a.home,
body.about #nav .nav-a li a.about,
body.schedule #nav .nav-a li a.schedule,
body.past-events #nav .nav-a li a.schedule,
body.tickets #nav .nav-a li a.tickets,
body.faq #nav .nav-a li a.faq {
  background: #fff; 
  color: #0d6537;
}

body.page-template-about-php #nav .nav-a li a.about,
body.page-template-schedule-php #nav .nav-a li a.schedule,
body.page-template-faq-php #nav .nav-a li a.faq {
  background: #fff; 
  color: #0d6537;
}



body.donate #nav .nav-b li a.donate,
body.for-musicians #nav .nav-b li a.for-musicians,
body.contact #nav .nav-b li a.contact
{
  text-decoration: underline;
}

body.history .subnav li a.history,
body.music-director .subnav li a.music-director,
body.symphony-board .subnav li a.symphony-board,
body.musicians .subnav li a.musicians,
body.press-room .subnav li a.press-room,
body.faso .subnav li a.faso,
body.staff .subnav li a.staff {
  background-position: 0 50%;  
}

/* subnav */
.subnav li {
 line-height: 1.1em;
 padding-top: 5px;
 padding-bottom: 2px;
}


body.page-template-musician-single-php .entry img {
 margin-right: 15px; 
}

body.musicians table tr {
 line-height: 0.90em; 
}

.green-button { 
 clear: both;
} 
 * html .green-button {  height: 1%; }

.green-button p { 
  display: block;
  margin: 0; 
  font-size: 2.1em; 
}
.green-button p a { 
 /*float: left; */
 display: block; 
 padding: 0 40px;
 margin-bottom: 15px;
 text-align: center; 
 color: #fff; 
 text-decoration: none; 
 background: #198341; 
 border: 2px solid #2e8d44; 
 font-weight: bold; 
} 

.rehearse-button p a {
 width: 300px; 
}


.beside-button {
  display: inline;
  float: left;
}

.beside-button p {
 font-size: 2.1em; 
}

.beside-button p a {
 width: 350px;  
 padding: 0 40px;
 margin-bottom: 15px;
 padding-top: 3px;
 text-align: center; 
 color: #fff; 
 text-decoration: none; 
 background: #198341; 
 border: 2px solid #2e8d44; 
 font-weight: bold; 
}
 
.right-button {
 float: right; 
}


.sidebar-button {
  margin: 0;
  padding: 0;
}

.sidebar-button p {
 margin-top: 10px;
 font-size: 1.2em; 
}

.sidebar-button p a {
   left: 0px;
   width: 73%;
   padding-top: 3px;
   color: #fff; 
   text-decoration: none; 
   background: #198341; 
   border: 2px solid #2e8d44; 
   font-weight: bold; 
   line-height: 1.2em;
  
}

#sponsor-table * {
border: 0px;
padding: 0px;
margin: 0px;
    
}

#sponsor-table {
/*background: red;*/
 width: 700px;
}



#bsdLogger {
  position: absolute;
  top: 0px;
  right: 0px;
  border: 2px solid #bbb;
  padding: 3px;
  background: white;
  color: #444;
  z-index: 999;
  font-size: 1.25em;
  width: 400px;
  height: 800px;
  overflow: scroll;
}

.clip-right {
  position: relative;
  float: right;
  width: 440px;
}

.clip-right .clip-title {
  color: #196536;
  font-size: 1.8em;
}

.clip-right .clip-composer {
  text-transform: uppercase;
  font-size: 1.4em;
}

#top .side .sidebar-button p a {
  padding: 5px 8px;
}