/***********************************************************************
** steamport.css
**  Copyright 2017 Kirk Siqveland (Kirk@theCogworks.org)
**  This file is one of several Skin files for PmWiki; you can redistribute it and/or modify
**  it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
***********************************************************************/

/***********************************************************************
**
**  You will need customize with your image URLs in 
**  START_HERE.css:
**
**  body             - background-image:
**  #wikisidebar     - background-image:
**  #wikirightgroup  - background-image:
**
***********************************************************************/

body {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0px auto;
  font-size: 10pt;
  width: 100%;
}

img {
  max-width: 100%;

  /*  /* -- This is a tweak to reshape Images I left in for you who like to tinker...
  height: calc(100% / 2);
  width: calc(100% / 2);
  
  -webkit-clip-path: polygon(100% 0, 100% 95%, 95% 100%, 0 100%, 0 0);
  clip-path:         polygon(100% 0, 100% 95%, 95% 100%, 0 100%, 0 0);    

  webkit-clip-path: polygon(10% 0, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
  clip-path:        polygon(10% 0, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
*/
}

h1, h2, h3, h4, h5 { line-height: 1em; padding-bottom: 3px; margin: 0;}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, Palatino, serif; color: #334858; }
h1     { font-size:180%;}
h2     { font-size:150%;}
h3     { font-size:130%;}
h4, h5 { font-size:100%;}


hr { 
  padding-left: 15px;
  border: none; 
  width: 80%;
  height: 1px; 
  background-color: #ccc; 
  }

pre {
  background: #f8f7ef;
  border-top: 1px dashed #666;
  border-bottom: 1px dashed #666;
  padding: 10px;
  font-family: monospace;
  font-size: 9pt;
}

br.clear {  clear: both; } 

.rounded {
  border:1px solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;    
}

.lastmod {
  font-style: italic;
}

.fixedbar {position: fixed;}


img.logoimage { border: 0; }


  /*******************************************/
 /* Decoration here reflects the html order */
/*******************************************/

#wikitop {
  position: absolute;
  z-index: 32;
  height: 8px;
  width: 100%; 
  background: #334858;
}

#wikirule {
  position: absolute;
  z-index: 0;
  top: 8px; 
  left: 0px;
  min-height: 65px; 
  width: 100%;
  border-bottom: 1px solid #333;
  /*background: transparent;*/
  background: #bb8c63;
  color: #334858;
}


      #wikititlebar{
        top: 30px;
        padding-top: 11px;         
        font-family: Georgia, Times, Palatino, serif;
        font-size: 16pt;
        text-align: center;
        text-transform: uppercase;
        background: #bb8c63;
        color: black;        
      }     

      /**************************/
      .wikicmds {
        z-index:         20;
        width:  calc(100% - 420px);
        margin-left:  auto ;
        margin-right: auto ; 
        margin-bottom:  3px;    
        font-family: Georgia, Times, Palatino, serif;
        font-size:     14pt;
        text-align:  center;
        text-transform: uppercase;
        background: #bb8c63;
        color: black;  
      }
        .wikicmds ul   { list-style: none; padding-left: 0; font-size: 12pt;}     
        .wikicmds li         { display: inline; margin: 0px 5px; }
        .wikicmds li a       { text-decoration: none; color: black; }
        .wikicmds li a:hover { text-decoration: none; color: #aa2d39; }
      /*************************/   

      #footercmds{ width:100%;}   

      /*************************/
      .wikinavbar {
        position: relative;
        display: block;
        z-index: 20;  
        width: 100%;        
        margin: auto ;

        padding-top: 2px;   
        padding-bottom: 1px;     
        text-align: center;
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 10pt;
      }
        .wikinavbar a       { text-decoration: none; color: black; }
        .wikinavbar a:hover { text-decoration: none; color: #aa2d39; }
        .wikinavbar ul { list-style: none; }
        .wikinavbar li { display: inline; margin: 0px 5px; }
        .wikinavbar li a { text-decoration: none; color: black; }
        .wikinavbar li a:hover { text-decoration: none; color: #aa2d39; }

      .wikinavbar:empty {
        display: none;    
      }
      /*************************/


/**************************************/
/*   Class to move or pin sidebars    */
/**************************************/
.fixplace{position: fixed;}
.slipplace{position: relative;}


#wikileft {
  position: relative;
  vertical-align: text-top;
  text-align: right;
  z-index: 10;
  top: 0; 
  width: 200px; 
}

  /** This is used to hold a place for the logo while it is allowed to float **/
      #wikilogoscrim {
        margin-top: 4px;  
        position: relative;
      }   
      #logoscrim{
        opacity: 0.01;
        filter: alpha(opacity=01); /* For IE8 and earlier */
      }

      #wikilogo {
        z-index: 1;
        margin-top: 4px; 
        top: 14px; 
        left: 27px;
        position: fixed;
      }

   


      /*************************/
      #wikisidebar {
        z-index: 11;
        position: relative;
        margin-left: 15px;
        padding: 10px 10px 10px 10px;
        border: 4px double #aaa;
        font-size: 9pt;
        color: #333;
        font-family: Georgia, Times, Palatino, serif;
        background: #edead5;
        background-repeat:no-repeat;
        background-size:100% 100%;         
        /* overflow: auto; */
      }
      #wikisidebar a:hover, #groupbar a:hover, #splashbar a:hover { text-decoration:underline;                }
      #wikisidebar a,       #groupbar a,       #splashbar a       { text-decoration:none;                     }
      #wikisidebar ul,      #groupbar ul,      #splashbar ul      { list-style:none; padding:5px; margin:0px; }
      #wikisidebar li,      #groupbar li,      #splashbar li      { margin-top:4px;                           }


      #sitesidebar { 
          position: relative;
          top: 10px;
      }
      /*************************/


#wikibody {
  position: absolute; 
  top: 90px;
  left: 200px; 
}


      /*************************/
      #wikitext {
        position: relative;
        top: 10px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        padding: 30px 20px 30px 20px;
        line-height: 1.33em;
        border: 5px;
        border-style: solid;
        border-color: #bb8c63;
        border-top-right-radius:50px 15px;
        border-top-left-radius:50px 15px;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        width: calc(100% - 100px);
        max-width: 1050px;
        background: #f8f7ef;
        color: #333;
      }
      #wikitext a { text-decoration: none; color: #229; }
      #wikitext a:hover { text-decoration: underline; color: #229; }
      /*************************/


#wikiright {
  z-index: 20;
  position: absolute;
  float:right;
  text-align: center;
  right: 0px;
  top: 12px; 
  padding: 0px 20px 0 0;

  font-family: Georgia, Times, Palatino, serif;
  font-size: 11pt;
  color: #333;
}
      #wikisearch {
        text-align: center;
        margin-left: 10px;
        padding: 0 0 4px 0;
        border-bottom: 1px #999;
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      }

      #splashbar:empty {
        display: none;    
      }  

      #groupbar:empty {
        display: none;    
      } 

      #groupbarfooter:empty {
        display: none;    
      }       

      #wikirightgroup:empty {
        display: none;    
      }      

      #wikirightgroup {
        position: relative;
        top: 19px;
        width: 145px;
        z-index: 11;
        margin-left: 10px;
        padding: 10px 10px 10px 10px;

        border-top: 4px double #aaa;
        border-left: 4px double #aaa;
        border-right: 4px double #aaa;
        border-bottom: 4px double #aaa;

        background: #edead5;
        background-repeat:no-repeat;
        background-size:100% 100%; 

        font-size: 9pt;
        font-family: Georgia, Times, Palatino, serif;
      }

      #splashbartitle {
        text-align: center;
        font-size: 12pt;
        border-bottom: 1px solid #999;
      }

      #splashbar {
        right: 0px;
        top: 90px; 
        font-size: 11pt;
        border-bottom: 1px solid #999;
      }
    
      #groupbar {
        right: 0px;
        top: 90px; 
        font-size: 11pt;
      }     

      #groupbarfooter {
        right: 0px;
        top: 90px; 
        font-size: 11pt;
      }



  .pagegroup { margin-top:10px; font-size:85%; } 
  .pagetitle { margin-top:2px; font-size:180%; } 

#wikifoot {
  position: relative;
  top: 45px;
  width: 95%;
  margin-left: auto;
  margin-right:auto;
  text-align: center;
  font-size: 80%;
  padding-top: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: #333;
  background: #bb8c63;

  border-top-left-radius :50px 15px;
  border-top-right-radius:50px 15px;  
}

#footersearch {display:   none; }
.lastmod{      padding:   2px;  }


/*******************************************/
/*    Style for Edit Window               */
#wikiedit form     { margin:0px; }     
#wikiedit textarea { width:99%;  }

/*******************************************/

  /************************************************/
 /*__________ Responsive Page Sizing ____________*/
/************************************************/


@media screen and (max-width:1024px){
   .wikinavbar {display: none;                }
   #wikiright  {display: none;                }
   #wikifoot   {width:   95%;                 } 
   .wikicmds   {width:   calc(100% - 200px);  }
   #wikititlebar{
                width:   calc(100% - 180px);
                float:  right;
   } 
   #footersearch {
        display:      block; 
        text-align:   center; 
   }   
}



@media screen and (max-width:770px){
    .wikinavbar {display: block;          }
    .wikicmds   {left:  0px; width: 100%  } 
    #wikileft   {display: none;           }
    #wikibody   {top: 110px;              }
    #wikibody   {left: 10px;              }
    #wikibody   {width: calc(100% - 20px);} 
    #wikitext   {width: 90%;              }   
    #wikifoot   {width: 95%;              }  
    #wikititlebar{
      width:   100% ;
      float:  none  ;
     }     
}


@media screen and (min-width:770px){
  #wikibody {width: calc(100% - 200px);   }  
}


@media screen and (min-width:  1024px){
  .wikinavbar {display: none;             }
  #wikibody {width: calc(100% - 400px);   }
  

}


@media print {
      body {width:auto;margin:.5em}
      #wikisearch{display: none;}
      .wikicmds  {display: none;}
      .wikinavbar{display: none;}

      #wikibody  {
        left: 200px;
        width: calc(100% - 200px);
      }
      #wikilogo  {
        top: 127px; 
        left: 42px;
      }
      #logoscrim {top: 110px;}      
      #wikileft  {top: 110px; }

      #wikiright {
        position: relative; 
        float:    left;
        top:    100px;
        left:     5px;        
      }      


}



    /*****************************************/
   /*_______________________________________*/
  /* For use with SelectQuery recipe       */
 /*     to Make Tables look nice:         */
/*_______________________________________*/
table{
  border: 1px solid black;
  border-collapse: collapse;
}
      #selectquerytable {overflow-x:auto; white-space: nowrap;}
      #selectquerytable tr:nth-child(even){background-color: #e6ccb3;}
      #selectquerytable tr:hover          {background-color: #cc9766;}


      th{
        text-align: left;
        border: 1px solid black;  
        padding-left: 5px;
        padding-right: 5px; 
      }

      tr:active{
        background-color: #cc9766;
        color: #FFFF00;
      }

      .selectqueryheaders{
        text-align: left;
      }


      .selectqueryrow tr:nth-child(even){background-color: #e6ccb3;}
      .selectqueryrow tr:hover {background-color: #cc9766;}


      .selectedrow td{
        background-color: #5F8934;
        color: #FFFF00;
      }    

      .selectquerycell{
        padding-left: 6px;
        padding-right: 6px;
      }

      .rowselect {display: none;}

      td{
        padding-left: 10px;
        padding-right: 10px; 
        cursor: pointer;
      }      
  /*______________________________________*/
 /****************************************/