/***********************************************************************
** steamport.css
**  Copyright 2017 Kirk Siqveland (Kirk@theCogworks.org)
**  This file is one of several Skin files for PmWiki; you may 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 to customize the skin with your image URLs in the
**  START_HERE.css file:
**
**  body             - background-image:
**  #wikisidebar     - background-image:
**  #wikirightgroup  - background-image:
**
***********************************************************************/

/**  Establisth Variables to use through document  **/
:root {
  --fontset-serif:    				Georgia, Times,  Palatino, serif;
  --fontset-sanserif: 				Verdana, Tahoma, Arial, Helvetica, sans-serif;

  --palette-theme-dark:                 #bb8c63;
  --palette-theme-def-bg:               #f8f7ef;
  --palette-theme-side-bg:              #edead5;

  --palette-font-headline:              #8a3e20;
  --palette-font-link:                  black;
  --palette-font-link-h:                #aa2d39;

  --palette-header-bg-color:            #bb8c63; 
  --palette-header-font-color:          black;
  --palette-headcmd-bg-color:           none;

  --palette-footer-bg-color:            #bb8c63; 
  --palette-footer-font-color:          black;  

  --palette-bars-bg-color:              #bb8c63; 
  --palette-bars-font-color:            black;
  --palette-bars-font-a-color:          yellow;

  --palette-headcmd-font-color:         #3535af;  
  --palette-sidebars-bg-color:          #3535af;
  --palette-sidebars-font-color:        #3535af; 
  --palette-sidebars-title-color:       #3535af;  
}

body {
      background-color:                 #fff;
      margin:                           0px auto;
      width:                            100%;
      font-size:                        100%;
      font-family:                      var(--fontset-serif);  
}

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                  { font-size:         180%;}
h2                  { font-size:         150%;}
h3                  { font-size:         130%;}
h4, h5              { font-size:         100%;}
h1, h2, h3, h4, h5  { line-height:       1em;            padding-bottom: 3px; margin: 0;      }
h1, h2, h3, h4, h5  { font-family: var(--fontset-serif);  color: var(--palette-font-headline); }

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

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

br.clear {          clear:                both; } 

img.logoimage {     border:               0;    }

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

.lastmod {
                    font-style:            italic;
                    text-align:            center;
}

.fixedbar {         position:              fixed;}


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

#wikitop {
                    position: 	           relative;
                    display:               block;
                    z-index:		           -1;  
                    height:   	           0.5em;
                    width:    	           100%; 
                    background: 	         var(--palette-header-bg-color);
}

#wikirule {
                    z-index:       	       0;
                    top:           	       0.5em; 
                    left:          	       0px;
                    min-height:    	       5.4em; 
                    width:         	       100%;
                    border-bottom: 	       1px solid #333;
                    background:    	       var(--palette-bars-bg-color);
}

#wikirule:empty {   display:none;}


      #wikititlebar{
                    top:                    60px;
                    padding-top:            12px;         
                    text-align:             center;
                    text-transform:         uppercase;
                    background: 	          none;
                    font-size:              133%;
                    font-family:            var(--fontset-serif);
                    color: 			            var(--palette-header-font-color);       
      }     

      /**************************/
      .wikicmds {
                    z-index:       	        20;        
                    margin-left:   	        auto ;
                    margin-right:  	        auto ; 
                    margin-bottom:          3px;    
                    text-align:             center;
                    text-transform:         uppercase;
                    background:             none;
                    font-family:            var(--fontset-serif);        
                    color:                  var(--palette-header-font-color);
      }
        .wikicmds ul         { list-style: none; padding-left: 0; font-size: 100%;				            }     
        .wikicmds li         { display: inline;  margin: 0px 5px; 								                    }
        .wikicmds li a       { text-decoration:   none;           color: var(--palette-font-link);    }
        .wikicmds li a:hover { text-decoration:   none;           color: var(--palette-font-link-h);  }
	
      /*************************/   

      #headercmds{  width:            calc(100% - 420px); }
      #footercmds{  width:                 100%;}   

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

                    padding-top:            2px;   
                    padding-bottom:         1px;     
                    font-size:              83%;   
                    text-align:             center;
                    font-family:            var(--fontset-sanserif);
      }
        .wikinavbar a          { text-decoration: none; color: var(--palette-font-link);   }
        .wikinavbar a:hover    { text-decoration: none; color: var(--palette-font-link-h); }
        .wikinavbar ul         { list-style: 	    none;                                    }
        .wikinavbar li         { display: inline;       margin: 0px 5px;                   }
        .wikinavbar li a       { text-decoration: none; color: var(--palette-font-link);   }
        .wikinavbar li a:hover { text-decoration: none; color: var(--palette-font-link-h); }

      .wikinavbar:empty        { display: none; }
      


      .moto    {    font-size: 		          180%;                    }
      .italics {    font-style: 	          italic;  font-size: 140%;}
      .subtext {    font-size: 		          100%;                    }
      /*************************/



#wikileft {
                  	float:                   left;
                    text-align:              right;
                    width:                   200px;
                    min-height:              200px; 
}

  /** The Scrim is not visible but it 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 */
                    margin-top:         2px; 
                    top: 		            14px; 
                    left: 		          22px;
      }

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

   
      /*************************/
      #wikisidebar {
                    z-index:     	      11;
                    position:    	      relative;
                    top: 				        -80px;

                    margin-left: 	      15px;
                    padding:     	      10px 10px 10px 10px;
                    border:      	      4px double #aaa;

                    font-size:          80%;
                    color: 		 		      var(--palette-sidebars-font-color);
                    background:         var(--palette-theme-side-bg);
                    
                    font-family: 	      var(--fontset-serif);
                    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 {         float:              left;}


      /****************************************************/
      /*  This is a Moto or sub-header Area of Every Page */
      /****************************************************/
      
      #wikimoto{
                    position:           relative;
                    top:                10px;
                    margin-top:         0px;        
                    margin-left:        auto;
                    margin-right:       auto;
                    margin-bottom:      20px;
                    padding:            30px 20px 30px 20px;
                    line-height:        130%;
                    border:             5px;
                    border-style:       solid;       
                    border-left:        1px solid #999;
                    border-right:       1px solid #999;
                    width:     		      calc(100% - 100px);
                    max-width:          1050px;

                    text-align:         right;
                    color: 			        #333;
                    background:         var(--palette-theme-def-bg);        
                    font-family:        var(--fontset-serif);
                    border-color:       var(--palette-bars-bg-color);
                    border-top-right-radius:    50px 15px;
                    border-top-left-radius:     50px 15px;
                    border-bottom-right-radius: 50px 15px;
                    border-bottom-left-radius:  50px 15px;         
      }

      #wikimoto:empty   { display:          none;                   }      
      #wikimoto a       { text-decoration:  none;      color: #229; }
      #wikimoto a:hover { text-decoration:  underline; color: #229; }


    /*********************************************/
    /*  This is the Main Text Area of Every Page */
    /*********************************************/
      #wikitext {
                    position: 	  	relative;
                    top:	 	  	    10px;
                    margin-top:   	 0px;
                    margin-left:	  auto;
                    margin-right: 	auto;

                    padding:		    30px 20px 30px 20px;
                    line-height: 	  1.33em;
                    border:			    5px;
                    border-style: 	solid;
                    width: 			    calc(100% - 100px);
                    max-width:  	  1050px;

                    color: 			    #333;

                    border-left:    1px solid #999;
                    border-right:   1px solid #999; 
                    background:     var(--palette-theme-def-bg);
                    border-color:   var(--palette-bars-bg-color);
                    border-top-right-radius:  50px 15px;
                    border-top-left-radius:   50px 15px;
      }
      #wikitext a       { text-decoration: none;      color: #229; }
      #wikitext a:hover { text-decoration: underline; color: #229; }
    /*************************/


#wikiright {
                    position:       relative;
                    float:          left;  
                    z-index:        20;
                    top:            -70px;

                    text-align: 		center;
                    font-size:      92%;
                    font-family:		var(--fontset-serif);
                    color:      		var(--palette-bars-side-color);  
}
      #wikisearch {
                    text-align:       center;
                    margin-left:      10px;
                    padding:          0 0 4px 0;
                    border-bottom:    1px #999;
                    font-family: 	    var(--fontset-sanserif);
                    color:            var(--palette-bars-font-color);
      }

      #splashbar:empty        {display: none; }  
      #groupbar:empty         {display: none; }
      #groupbarfooter:empty   {display: none; }
      #wikirightgroup:empty   {display: none; }

      #wikirightgroup {
                    position: 			relative;
                    top:            19px;
                    width: 				 155px;
                    z-index: 			  11;
                    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: 		  var(--palette-theme-def-bg);
                    background-repeat:no-repeat;
                    background-size:	100% 100%; 

                    font-size: 			  90%;
                    font-family: 		  var(--fontset-serif);
      }

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

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

      #groupbarfooter {
                    right: 				    0px;
                    top: 				     90px; 
                    font-size: 			  92%;
      }

  .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;
                    padding-top:        12px;  
                    text-align: 				center;
                    font-size:   				80%;
                    color:              #333;
                    font-family: 				var(--fontset-sanserif);
                    background:  				var(--palette-bars-bg-color);

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

#wikifoot:empty {   display: 	none; }

#footersearch   {   display: 	none; }

.lastmod{      
                    padding:            2px;  
                    color:              var(--palette-bars-font-color);
}


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

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

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


@media screen and ( max-width:1024px){
   .wikinavbar {    display: 	          none;      }
	
   #headernav  {
                    width:  				calc(100% - 200px);               
                    margin-left:         200px;
   }
   #headercmds {
                    width:  				calc(100% - 200px);   
                    margin-left:         200px;         
   }   
   #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){
    #scrollbar    { display: 	block;           }  
    #headercmds   {
                    width:      100%;   
                    margin-left: 0px;         
    }      
    #headernav    {
                    width:      100%;           
                    margin-left: 0px;
    }
    .wikinavbar   { display: block;          		}
    #wikileft     { display: none;              }
    #wikibody     {
                    top:     110px;              
                    left:    10px;              }
    #wikitext     { width: 	90%;                } 
    #wikimoto     { 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 {
        background-color: 	green;
        color: 			  	    yellow;
      }  

       .selectquerytable tbody tr.selectedrow { 
        background-color:   green;
        color:              yellow;
      }

      .selectquerytable tr.selected {
          background-color: green;
          color: yellow;
      }      

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

      .rowselect {display: 	none;}

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