/***--- Changelog
  - Adjusted CSS for better layout alignment
    -- tuned WikiLogo spacing: Assume WikiLogo is always 150px wide - height does not matter
    -- matched left and right sidebar spacing
  - Adjusted Print layout to remove sidebars, navigation and Wiki Actions
  - Tuned Steamport Logo (Ok, only I care about that...)
  - Changed CSS - appearance of <pre> 
  - Simplified favicon relative reference in steamport.tmpl
  - Pre-filled custom color code into the START_HERE.css file


/***********************************************************************
** steamport.css
**  Copyright 2019 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.
***********************************************************************/

/***********************************************************************
**                C U S T O M I Z A T I O N :
**
**  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:
**
**  You can also add any other modifications you like there, leaving
**  This file alone, START_HERE.css will override anything in this file
***********************************************************************/

/**  Establisth Variables to use throughout document      **/
/**  Microsoft Kills this since it won't work on older IE **/
/**  But here's how you declare a variable:               **/
:root {
  --palette-Body-BG-color:       #fff;  
}
/**  Then where you would have used the "#fff" you place "var(--palette-Body-BG-color)"  **/

/* Instead  I'll try to group the main theme color references Here:
  These all use the same Highlight Color:
    #wikitop, #wikirule, #wikifoot           background:
    #wikimoto, #wikitext                     border-color:



*/

body {
      background-color:                 #fff;
      margin:                           0px auto;
      width:                            100%;
      font-size:                        100%;
      font-family:                      georgia, times,  palatino, 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: georgia, times,  palatino, serif; color:#8a3e20;            }

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

pre {
                    background:           #efefe0;
                    border-top:           1px solid #666;
                    border-bottom:        1px solid #666;
                    padding:              10px;
                    font-family:          monospace;
                    font-size:            110%;
}

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;     }

.hidden       {     visibility:            hidden;    }


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

#wikitop {
                    position: 	           relative;
                    display:               block;
                    z-index:		           -1;  
                    height:   	           0.5em;
                    width:    	           100%; 
                    background: 	         #bb8c63;        }

#wikirule {
                    z-index:       	       0;
                    top:           	       0.5em; 
                    left:          	       0px;
                    min-height:    	       5.4em; 
                    width:         	       100%;
                    border-bottom: 	       1px solid #333;
                    background:    	       #bb8c63;         }

#wikirule:empty {   display:none;                           }


      #wikititlebar{
                    position:               relative;
                    margin:                 0 auto;
                    padding:                10px;
                    padding-top:            12px;         
                    text-align:             center;
                    text-transform:         uppercase;
                    background: 	          none;
                    font-size:              133%;
                    font-family:            georgia, times,  palatino, serif;
                    color: 			            black;       
      }     

      /**************************/
      .wikicmds {
                    z-index:       	        20;        
                    margin-left:   	        auto ;
                    margin-right:  	        auto ; 
                    margin-bottom:          3px;    
                    text-align:             center;
                    text-transform:         uppercase;
                    background:             none;
                    font-family:            georgia, times,  palatino, serif;        
                    color:                  black;
      }
        .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: 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;     
                    font-size:              83%;   
                    text-align:             center;
                    font-family:            verdana, tahoma, arial, helvetica, sans-serif;
      }
        .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;                     }
      


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



#wikileft {
                  	float:              left;
                    text-align:         right;
                    width:              195px;
                    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:         4px; 
                    top: 		            13px; 
                    left: 		          30px;
      }

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

   
      /*************************/
      #wikisidebar {
      				position: 			  absolute;
      				max-width: 			  165px;
                    z-index:     	      11;
                    
                    top: 				  10px;

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

                    font-size:          80%;
                    color: 		 		      #3535af;
                    background:         #edead5;
                    
                    font-family: 	      georgia, times,  palatino, 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;
      }

      .sidehead {
                    margin:             0px; 
                    padding:            4px 2px 2px 2px;
                    font-size:          11pt; 
                    font-weight:        bold; 
                    font-style:         normal; 
      }

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


#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% - 80px);
                    max-width:          1050px;

                    text-align:         right;
                    color: 			        #333;
                    background:         #f8f7ef;        
                    font-family:        georgia, times,  palatino, serif;
                    border-color:       #bb8c63;
                    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:     #f8f7ef;
                    border-color:   #bb8c63;
                    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; }



  .ISframe  {
      width:          99% ; 
      height:        100% ;
      min-height:   840px ;
      overflow:      auto ;
      margin:         4px ; 
  }      
    /*************************/


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

                    text-align: 		  center;
                    font-size:        92%;
                    font-family:		  georgia, times, palatino, serif; 
}
      #wikisearch {
                    text-align:       center;
                    margin-left:         10px;
                    padding:          0 0 4px 0;
                    border-bottom:        1px #999;
                    font-family: 	    verdana, tahoma, arial, helvetica, sans-serif;
                    color:            black;
      }

      #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: 		  		#f8f7ef;
                    background-repeat:no-repeat;
                    background-size:			100% 100%; 

                    font-size: 			  		90%;
                    font-family: 		  		georgia, times,  palatino, 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: 				verdana, tahoma, arial, helvetica, sans-serif;
                    background:  				#bb8c63;

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

#wikifoot:empty {   display: 	none; }

#footersearch   {   display: 	none; }

.lastmod{      
                    padding:            2px;  
                    color:              black;
}


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

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



  /************************************************************/
 /*_______________ Responsive Page Sizing ___________________*/
/************************************************************/


@media screen and ( max-width:770px){

    #wikititlebar { 	width:  100% ;              		}
    .wikicmds     { 	width:   100%;              		}

    #headernav, #headercmds, #footercmds    {
                    	width:      100%;   
                    	margin-left: 0px;           		} 

    .wikinavbar   { 	display: block;             		}
    #wikileft     { 	display: none;              		}
    #wikibody     {		top:     110px;              
                    	width:   100%;             			}
    #wikimoto     { 	width:    92%;              		}
    #wikitext     { 	width:    90%;             			}
    #wikifoot     { 	width:    95%;              		}
}

@media screen and ( max-width:1024px){

   .wikinavbar    {   	display:        block;              }
   #footercmds    {   	width:          90%;                } 
   #wikiright     {   	display: 	    none;               }
   #wikifoot      {   	width:   	    95%;                }  
   #footersearch  {
                   	  	display:        block; 
                   	  	text-align:   	center;             }
}


@media screen and ( min-width:  770px){

    #wikititlebar, #headernav, #headercmds {   
                      	width:        100% - 210px;      
                      	margin-left:  210px;                }   
    .wikinavbar   	{   display:      block;                }
    #wikibody     	{   width:        calc(100% - 200px);   }
}


@media screen and ( min-width:  1024px){

    #wikititlebar, #headernav, #headercmds {
                      	width:        calc(100% - 400px);
                      	margin-left:       210px;           }

    .wikinavbar   	{   display:      none;                 }                        
    #wikibody     	{   width:        calc(100% - 400px);   }
   
    #wikiright   	{   display:      block;                }
    #wikifoot    	{   width:        95%;            		}  
    #footersearch 	{	display:      block; 
                      	text-align:   center;               }    
}


@media print {

    body       		{   width:auto;
	                    margin:.5em							}

    #wikisearch		{   display: none;						}
    .wikicmds  		{   display: none;						}
    .wikinavbar		{   display: none;						}
    #logoscrim 		{   display: none; 						}  
    #wikileft  		{   display: none; 						}  
    #wikiright 		{   display: none; 						}

    #wikibody 		{	  width: 	 		100%;				  }
    #wikititlebar	{
	                    width: 	 		100%;							
	                	  text-align: center;				}
    #wikilogo  		{
	                    position:		absolute;
	                    z-index:		100 ;
	                    left: 		  15px;		
	                	  top: 			   5px;				  }      
}



    /*****************************************/
   /*_______________________________________*/
  /* For use with HTML Tables       	   */
 /*     to Make Tables look nice:         */
/*_______________________________________*/
table{
  border:                   1px solid black;
  border-collapse:          collapse;
}

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

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

  tr:active{
    background-color:       #BBCF8B;
    color:                  #FFFF00;
  }   
    tr.selectedrow { 
      background-color:     green;
      color:                yellow;
    }  

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

  
  .rowselect {display: 	none;}     
  /*______________________________________*/
 /****************************************/