body { background-color: #000000; 
       width: 100%; /* 900px; */ }
h1 { /* background-color: #ff3399;
     background-repeat: repeat-x;
     background-image: url(flowerbanner.jpg); */
     color:#ffffff;
     font-family: Candara, Verdana, Geneva, sans-serif;
     /* text-indent: 10px; 
     line-height: 140%; */
     font-size: 250%;	 }
h2 { color:#ffffff;
     font-family: Candara, Verdana, Geneva, sans-serif;
 }
.subhead { font-size: 100%;
           margin: -30px 10% 20px 10%; }
h3 { margin: -2px 5px;
     font-style: italic;
     color:#ffffff; 
     font-family: Candara, Verdana, Geneva, sans-serif;
     }
h4 { margin-top: 5px;
     margin-bottom: 5px;
     color:#ffffff; 
     font-family: Candara, Verdana, Geneva, sans-serif;
      }
p  { color:#ffffff;
     font-family: Candara, Verdana, Geneva, sans-serif;
 }
dl { color:#ffffff; }
dt { font-weight:bold; }
dd { margin-bottom: 5px; }
td { color:#ffffff;
    font-family: Candara, Verdana, Geneva, sans-serif; }
tr { color:#ffffff;
    font-family: Candara, Verdana, Geneva, sans-serif; }
a:link { color: #ff3366; }
a:visited { color: #ff3366; }
a:link { text-decoration: none; }
#series { text-decoration: none;
          font-style: italic;
          margin: -10px 0 15px 0;
          font-weight: normal; }
img { border: none; }
.nav { color: #ff3399; }
.mainnav { margin: -10px 0 0 0; }
.button { font-family: Candara, Verdana, Geneva, sans-serif; }
/*.button { border: 2px inset #990000;
          width: 150px;
          padding: 3px 5px;
          color: #ffffff;
          background-color: #ff0033;
          font-family: Candara, Verdana, Geneva, sans-serif;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          text-decoration: none; }*/
a.button:link { color: #ffffff; }
a.button:visited { color: #ffffff; }
a.button:hover { color: #ffff66;
                 border: 2px outset #990000; }
#wrapper { background-color: #000000; 
           margin: 0 auto;
           padding: 0 10px 10px 10px;
           /*border: 5px solid #ffff00;*/
           float: left; 
           width: 95%; /* 800px; */}

#leftcolumn { width: 120px;
              float: left; 
              padding-top: 10px;
              /*border: 5px solid #ff0000;*/ }
#middlecolumn { width: 140px;
                float: left;
                padding-top: 10px; /*border: 5px solid #00ff00;*/ }
#rightcolumn { float:left;
               padding: 20px;
               /*border: 5px solid #0000ff;*/ 
               width: 500px; }
#rightbar { float: right;
            width: 25%; /*220px; */
            padding: 13px 10px 30px 10px;
            /*border: 5px solid #0000ff;*/
            background-color: #181818;  }
#main { float: left;
		width: 60%;}
#new { position: absolute;
       /* left: 735px;
       top: 105px; */ 
	   left: 90%;
       }
#splash { float: left;
          height: 500px;
          width: 70%; /* 520px; */
          /*border: 5px solid #0000ff;*/ }
#more { position: absolute;
            top: 655px;
            width: 520px;
            padding-top: 13px; }
#sponsors { float: left;
            width: 520px;
            padding-top: 13px; }


.photo { padding: 5px;
         float: left;
         margin: 2px;
         background-color: #ffffff;
         display: block; }
.bigphoto { padding: 10px;
            background-color: #ffffff;
            margin: 10px; }
.links { font-size: small;
         text-align: right;
         padding-right: 10px; }
.pictitle { float: left;
            padding-right: 10px; }

#english { position: absolute;
          left: 324px;
          top: 386px; 
          border: 5px solid #ffffff; }
#tango { position: absolute;
          left: 324px;
          top: 220px;
          border: 5px solid #ffffff; }
#gatogris { position: absolute;
          left: 111px;
          top: 448px;
          border: 5px solid #ffffff; }
#poppy { position: absolute;
          left: 395px;
          top: 485px;
          border: 5px solid #ffffff; }
#galleries { position: absolute;
             z-index: 5;
             left: 301px;
             top: 485px;
             background-color: #ffffff;
             padding: 10px; 
             font-size: large; 
             font-family: Verdana, sans-serif;
             font-weight: bold;
             line-height: 120%;
             text-indent: 3px;
             border: 2px solid #ffffff; }
#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; }
#bio { width: 715px;
       margin: 0 50px 0 40px; }
.biopic1 { float: right;
            margin: 10px 5px 10px 10px; }
#biopic2 { float: left;
            margin: 10px 10px 10px 0; }
#form { max-width: 500px;
        margin: 10px; }
.frow { height: 30px; }
.label { float: left;
         width: 50px;
         text-align: right;
         padding-right: 10px; }
#submit { margin: 10px 0 0 5px; } 

            
#footer { font-size: .75em; 
		  font-style: italic; 
		  text-align: right; 
		  margin-right: 20px; 
		  padding-top: 20px; 
		  padding-right: 20px; 
		  width: 90%; 
		  color:#ffffff; 
		  clear: right; 
		  clear: left; }
#footer1 { /*position: absolute;
           top: 490px;
           left: 460px; */ 
		   clear: left;	
		   width: 90%;
           font-family: Candara, Verdana, Geneva, sans-serif;
           font-size: .80em; }
#altnav { font-size: .80em;  
          clear: left; /*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%;
  margin-left: auto;
  margin-right: auto;
}
.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: 0;
  top: 60%;
  /* padding: 10px 10px 15px 5px; */
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bss-prev{
  left: 0;
  top: 60%;
  /* 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;
    width: 100%;
}