/* *============================================================* -* Art Gallery *- *============================================================* */
/* =============================================================================================================================================== */
/* *---------------------------------------------------* Title Block *---------------------------------------------------* */
  main .Title_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-top: 4px solid #85d7c1;
    border-right: 8px solid #079870;
    border-bottom: 16px solid #079870;
    border-left: 8px solid #85d7c1;
    
    background: linear-gradient(130deg, #61d3b4 0%, #ffffff 16%, #00ac7d 50%, #ffffff 64%, #00ac7d 100%);
    
    box-shadow: 4px 4px 0px black;
   }
   
  main .Title_Text {
    padding: 0px 8px 0px 8px;
    
    font-size: 2em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px #000000;
    
    border-top: 8px solid #00a074;
    border-right: 4px solid #00c28d;
    border-bottom: 2px solid #00c28d;
    border-left: 4px solid #00a074;
    border-radius: 8px;
    
    background-color: #00825e;
  }

   
/* *---------------------------------------------------* Main Block *---------------------------------------------------* */
   main .Standalone_Block {
    margin: 16px 0px 16px 0px;
    padding: 8px;
    
    border-top: 4px solid #85d7d4;
    border-right: 8px solid #079892;
    border-bottom: 16px solid #079892;
    border-left: 8px solid #85d7d4;
    
    background-color: #00aca5;
    
    box-shadow: 4px 4px 0px #000000;
   }
   
   main .Standalone_Text {
     padding: 16px 8px 16px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px #000000;
    
    border-top: 8px solid #00a099;
    border-right: 4px solid #00c2ba;
    border-bottom: 2px solid #00c2ba;
    border-left: 4px solid #00a099;
    border-radius: 8px;
    
    background-color: #004541;
   }
  
  
  
/* *============================================================* Sidebar *============================================================* */
/* *---------------------------------------------------* Divider Block *---------------------------------------------------* */
  aside .Divider_Block {
    margin: 16px 0px 0px 0px;
    padding: 8px;
    
    border-top: 4px solid #2f99b0;
    border-right: 8px solid #006277;
    border-left: 8px solid #2f99b0;
    
    background-color: #006b81;
    box-shadow: 4px 4px 0px #000000;
  }
  
  aside .Divider_Text {
    padding: 8px 8px 8px 8px;
    
    font-size: 1.5em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px 0#00000;
    
    border-top: 8px solid #006378;
    border-right: 4px solid #007892;
    border-bottom: 2px solid #007892;
    border-left: 4px solid #006378;
    border-radius: 8px;
    
    background-color: #003e4c;
  }
  
  
/* *---------------------------------------------------* Description Block *---------------------------------------------------* */
  aside .Description_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-right: 8px solid #006277;
    border-bottom: 16px solid #006277;
    border-left: 8px solid #2f99b0;
    
    background-color: #006b81;
    box-shadow: 4px 4px 0px #000000;
  }
  
  aside .Description_Text {
    padding: 16px 8px 16px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px 0#00000;
    
    border-top: 8px solid #006378;
    border-right: 4px solid #007892;
    border-bottom: 2px solid #007892;
    border-left: 4px solid #006378;
    border-radius: 8px;
    
    background-color: #00333e;
  }
  
  aside a {
    text-decoration: underline;
  }
  
  
  
/* *==========================================================* -* Art View Gallery *- *=========================================================* */
/* =============================================================================================================================================== */
  .Artwork_View_Main .Standalone_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-top: 4px solid #000000;
    border-right: 8px solid #000000;
    border-bottom: 16px solid #000000;
    border-left: 8px solid #000000;
    
    background-color: #000000;
    
    box-shadow: 4px 4px 0px #000000;
  }
  
  .Artwork_View_Main .Standalone_Text {
    padding: 16px 8px 16px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px #000000;
    
    border-top: 8px solid #000000;
    border-right: 4px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 4px solid #000000;
    border-radius: 8px;
    
    background-color: #000000;
  }
  
  .Sticky_Box {
    position: sticky;
    top: 16px;
  }
  
  .View_Comic_PFN {
    font-size: 2em;
  }
  

/* *============================================================* Sidebar *============================================================* */
  .Artwork_View_Aside .Standalone_Block, .Artwork_View_Aside .Discription_Block {
    margin: 16px 0px 16px 0px;
    padding: 8px;
    
    border-top: 4px solid #2f99b0;
    border-right: 8px solid #006277;
    border-bottom: 16px solid #006277;
    border-left: 8px solid #2f99b0;
    
    background-color: #006b81;
    
    box-shadow: 4px 4px 0px #000000;
  }
  
  .Artwork_View_Aside .Standalone_Text, .Artwork_View_Aside .Discription_Text {
    padding: 16px 8px 16px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px #000000;
    
    border-top: 8px solid #006277;
    border-right: 4px solid #2f99b0;
    border-bottom: 2px solid #2f99b0;
    border-left: 4px solid #006277;
    border-radius: 8px;
    
    background-color: #00333e;
  }
  

/* *---------------------------------------------------* Info *---------------------------------------------------* */
  #View_Title {
    padding: 8px;
    font-size: 1.3em;
  }

  #View_Description {
    font-size: 1.1em;
    text-align: left;
  }
  
  #View_Credits {
    padding: 8px;
    font-size: 0.8em;
  }
  
  #Date_Drew {
    padding: 8px;
    font-size: 0.8em;
  }
  
  #View_Artwork_Tags a {
    text-decoration: none;
  }
  
  
  
/* *==========================================================* -* Comic View Gallery *- *=========================================================* */
/* =============================================================================================================================================== */
  aside .Comic_Button_Block {
    display: flex;
    justify-content: center;
  }
  
  #Previous_Button, #First_Button, #Next_Button {
    margin: 0px 8px 0px 8px;
    padding: 8px 16px 8px 16px;
    
    font-size: 1em;
    text-align: center;
    
    border: 4px solid #545caf;
    
    background: linear-gradient(150deg, #191d60 64%, #6a7bcb 100%);
    box-shadow: 4px 4px 0px black;
  }
  #Previous_Button:hover, #First_Button:hover, #Next_Button:hover {
    cursor: pointer;

    border-top-color: #757cc5;
    border-right-color: #3b44a0;
    border-bottom-color: #3b44a0;
    border-left-color: #757cc5;
    
    background: linear-gradient(150deg, #555aa9 0%, #9e89d2 100%);
  }
  
  .Comic_Button_Block a {
    text-decoration: none;
  }
  
  
  
/* *============================================================* Buttons *============================================================* */
/* *---------------------------------------------------* Page Buttons *---------------------------------------------------* */
  main .Page_Button_Folder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  main .Page_Button_Block {
    margin: 0px 8px 0px 8px;
    padding: 10px 20px 10px 20px;
  }
  
  main .Page_Button_Text {
    font-size: 1.5em;
    color: black;
    text-shadow: 0px 0px 0px black;
  }
  
  main #Page_Button_ID {
    margin: 8px;
    padding: 16px 20px 16px 20px;
    border: 4px solid white;
    background-color: #57bf5c;
    
    background-color: #ffffff;
    box-shadow: 4px 4px 0px #0d261b;
  }
  main #Page_Button_ID:hover {
    border-color: #5bdf62;
    background-color: #5bdf62;
  }
  
  main #Page_Button_Highlight {
    margin: 8px;
    padding: 16px 20px 16px 20px;
    border: 4px solid white;
    
    background-color: #57bf5c;
    box-shadow: 4px 4px 0px #0d261b;
  }
  main #Page_Button_Highlight:hover {
    border-color: #5bdf62;
    background-color: #5bdf62;
  }
  
  .Page_Button_Folder a {
    text-decoration: none;
  }
  
  

/* *---------------------------------------------------* Tag Buttons *---------------------------------------------------* */
  aside .Tag_Button_Block {
    display: block;
  }
  
  aside .Tag_Button_Text {
    margin: 12px 10px 12px 10px;
    padding: 6px;
    
    font-size: 1em;
    text-align: left;
    
    border: 4px solid #545caf;
    
    background: linear-gradient(150deg, #191d60 64%, #6a7bcb 100%);
    box-shadow: 4px 4px 0px black;
  }


/* *---------------------------------------------------* Tag Buttons *---------------------------------------------------* */
  aside .Comic_Button_Folder {
    margin: 12px 10px 12px 10px;
    padding: 6px;
    
    height: 64px;
    
    border: 4px solid #545caf;
    
    background: linear-gradient(150deg, #191d60 64%, #6a7bcb 100%);
    box-shadow: 4px 4px 0px black;
  }
  
  aside .Comic_Button_Text {
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
  }
  

/* *---------------------------------------------------* Tag Buttons *---------------------------------------------------* */
  aside .Folder_Button_Block {
    display: block;
  }
  
  aside .Folder_Button_Text {
    margin: 0px;
    padding: 6px;
    
    font-size: 1em;
    text-align: center;
    
    border: 4px solid #545caf;
    
    background: linear-gradient(150deg, #191d60 64%, #6a7bcb 100%);
    box-shadow: 4px 4px 0px black;
  }
  
  
  aside .Comic_Image {
    position: relative;
    float: left;
    height: 94px;
  }
  
  aside .Highlight {
    border-top-color: #757cc5;
    border-right-color: #3b44a0;
    border-bottom-color: #3b44a0;
    border-left-color: #757cc5;
    
    background: linear-gradient(150deg, #555aa9 0%, #9e89d2 100%);
  }
  
  aside .Tag_Button_Text:hover, aside .Comic_Button_Folder:hover, aside .Folder_Button_Text:hover {
    cursor: pointer;

    border-top-color: #757cc5;
    border-right-color: #3b44a0;
    border-bottom-color: #3b44a0;
    border-left-color: #757cc5;
    
    background: linear-gradient(150deg, #555aa9 0%, #9e89d2 100%);
  }
  
  
/* *---------------------------------------------------* Back to Top Button *---------------------------------------------------* */
  .BTT_Block {
    margin: 16px 10px 16px 10px;
    padding: 2px 16px 2px 16px;
    
    font-size: 2em;
    
    text-shadow: 2px 2px 0px black;
    
    border-top-color: #6853ae;
    border-right-color: #2c1b62;
    border-bottom-color: #2c1b62;
    border-left-color: #6853ae;

    background: linear-gradient(150deg, #2b1a63 0%, #9389eb 100%);
  }
  
  .BTT_Text {
    color: white;
    
    border-top-color: #9988d1;
    border-right-color: #73669e;
    border-bottom-color: #73669e;
    border-left-color: #9988d1;
    
    background: linear-gradient(150deg, #7466a1 0%, #b2aaf8 100%);
  }
  
  .BTT_Block:hover {
    cursor: pointer;
    
    border-top-color: #9988d1;
    border-right-color: #73669e;
    border-bottom-color: #73669e;
    border-left-color: #9988d1;
    
    background: linear-gradient(150deg, #7466a1 0%, #b2aaf8 100%);
  }