body { background-color: #ffffff; 
       width: 90%;
       /* border: 5px solid #ff0066; */ }
h1 { background-color: #999999;
     background-repeat: repeat-x;
     background-image: url(conleo.jpg);
     color:#00FFFF;
     font-family: Candara, Verdana, Geneva, sans-serif;
     text-indent: 10px;
     line-height: 160%; }
h2 { color:#000000;
     margin: 15px 0 -12px 0;
     font-family: Candara, palatino, fantasy; }
h3 { color:#00E6E6;
     font-style: italic;
     font-family: candara, Times, serif;
     margin-right: 10px;
     }
h4 { margin-top: 3px;
     margin-bottom: 3px;
     color:#000000;
     font-family: Candara, Arial, Geneva, Verdana, Tempus Sans, sans-serif;
     font-size: 14pt; }
h5 { color:#000000;
     font-family: Tempus Sans, Geneva, Verdana, sans-serif;
     text-indent: 10px;
     margin-top: -10px; }
p  { color:#000000;
     font-size: 13pt; }
tr { color: #000000; }
td { color: #000000; }
img { border: none; }
.nav { margin: 10px;
       color: #ff3399; }
.mainnav { margin: -10px 0 0 0; }
.button { border: 2px inset #990000;
          width: 90px;
          padding: 3px 5px;
          margin: -6px 0 -6px 0;
          color: #ffffff;
          background-color: #999999;
          font-family: "helmet bold", geneva, sans-serif;
          font-size: 14px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
      display: block; }
a.button:link { color: #808080; }
a.button:visited { color: #ffffff; }
a.button:hover { color: #ffff66;
                 border: 2px outset #990000; }
a:link { color: #808080;
        text-decoration: none; }
a:visited { color: #808080; }
a:hover { color: #d3d3d3; }
#link { text-decoration: none; }
a.event:link { color: #000000;
               text-decoration: none; }
a.event:visited { color: #000000;
                  text-decoration: none; }
a.event:hover { color: #666666;
                text-decoration: none; }
#wrapper { background-color: #ffffff; 
           margin: 0 auto;
           padding: 0 10px 2px 10px;
           /* border: 5px solid #ffff00; */
           float: left; 
           width: 100%;}
#leftcolumn { width: 15%;
              float: left; 
              padding-top: 10px;
              /* border: 5px solid #ff0000; */ }
#rightcolumn { float: right;
               margin: 10px, 10px, 10px, 30px;
               border-left-style: solid;
               border-left-color: #000000;
               border-left-width: thin;
               /*border: 5px solid #0000ff;*/ 
               width: 15%;
               padding-left: 10px;   }
#middlecolumn { width: 80%;
                float: left;
                margin-top: -10px;
                padding: 0 10px 0 10px; 
                /* border: 5px solid #00ff00; */ }
#midcolumn { width: 40em;
             margin-left: 20%;
             /*border: 5px solid #00ff00;*/ }
#column1 { width: 303px;
           float: left;
           padding: 10px 10px 0 10px; 
           margin-top: 2px;
           background-color: #222222;
           /*border: 5px solid #ffaaaa;*/ }
#column2 { width: 303px;
           float: right;
           margin-top: 2px;
           padding: 10px 0 0 10px; 
           /*border: 5px solid #ffaaaa;*/ }
#leo { float: right;
       margin: 5px 5px 5px 8px;
       align: bottom; }
#skinnyleo { float: right; 
             margin: 3px 0px 0px 0px; }
#alki { /*margin: 5px 5px 5px 8px;*/ 
        display: block;
        margin-left: auto;
        margin-right: auto; }
#video { margin: 0 10px 0 0;
         float: left; }
#classtitle { font-weight: bold; 
              color: #ffcccc;
              margin-bottom: -13px; }
p.right { text-align: right;
          color: #ffcccc;
          margin-bottom: 0; }
#lucid { float: left;
         margin: -5px 10px 5px 0; } 
#reviewer { text-align: right;
            color:#000000;
            margin-top: -10px;
            margin-bottom: 30px; }
.fliers { padding: 0 0 20px 20px; }
.month { margin: 45px 0 -5px 0; }
.events { background-color: #ffaaaa;
          color: #000000;
          margin-top: 20px; }
.eventlink { text-decoration: none;
             color: #000000; }
.workshop { margin: 0 0 -13px 0;
            font-style: bold;
            color: #00E6E6; }
p.event { margin: 2px 0 15px 10px; }
#bio { width: 715px;
       margin: 0 50px 0 40px; }
.biopic1 { float: right;
            margin: 10px 5px 10px 10px; }
#biopic2 { float: left;
            margin: 10px 10px 10px 0; }
.indentedblock {
    float: right; 
    display: block;
    left: 50%;
    width: 80%;
}            
.block {
    display: block;
    clear: left;
    clear: right;
    width: 100%;
}   
#footer { font-size: .75em; 
          font-style: italic; 
          text-align: right; 
          margin-right: 10px; 
          color:#000000; 
          float: right; 
          clear: right; }
#footer1 { align: bottom; }
#altnav { font-size: .80em;  
          padding-left: 10px;
          clear: right; 
          /*border: 5px solid #ff00ff;*/ }
          
/* SLIDESHOW 5/28 CSS */

.bss-slides{
  position: relative;
  display: block;    
}
.bss-slides:focus{
 outline: 0;
}
.bss-slides figure{
  position: absolute;
  top: 0;
  width: 100%;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bss-slides .bss-show{
  z-index: 2;
}
.bss-slides .bss-show img{
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative; 
}

.bss-slides figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .8em;
  bottom: .75em;
  right: .35em;
  padding: .25em;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .25);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
  z-index: 3;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;    
}
.bss-next, .bss-prev{
  color: #fff;
  position: absolute;
  background: #000;
  background: rgba(0,0,0, .6);
  top: 50%;
  z-index: 4;
  font-size: 2em;
  margin-top: -1.2em;
  opacity: .3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bss-next:hover, .bss-prev:hover{
  cursor: pointer;
  opacity: 1;
}
.bss-next{
  right: -5%;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bss-prev{
  left: 6%;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.bss-fullscreen{
  display: block;
  width: 32px;
  height: 32px;    
  background: rgba(0,0,0,.4) url(../img/arrows-alt_ffffff_64.png); 
  -webkit-background-size: contain; 
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 5px;   
  cursor: pointer;    
  opacity: .3;
} 
.bss-fullscreen:hover{
  opacity: .8;   
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
.slideshowcontainer {
    display: block;
    left: 50%;
    width: 90%;
}