/* *=============================================================* -* Blog *- *=============================================================* */
/* ========================================================================================================================================== */

/* *============================================================* Main *============================================================* */
  main .Title_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-top: 4px solid #c1e4f1;
    border-right: 8px solid #3dc0f1;
    border-bottom: 16px solid #3dc0f1;
    border-left: 8px solid #c1e4f1;
    
    background: linear-gradient(130deg, #7cd0ef 0%, #ffffff 16%, #7cd0ef 50%, #ffffff 64%, #7cd0ef 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 #539cc1;
    border-right: 4px solid #a2e0ff;
    border-bottom: 2px solid #a2e0ff;
    border-left: 4px solid #539cc1;
    border-radius: 8px;
    
    background-color: #256a8d;
  }
  
  
  main .Room_Block {
    border-right: 8px solid #3dc0f1;
    border-left: 8px solid #a6dff4;
    
    background-color: #1c5572;
  }
  
  main .Top_Header {
    padding: 24px 0px 24px 0px;
    background: linear-gradient(#a6dff4 15%, #87d4f0 16%, #87d4f0 84%, #3dc0f1 85%);
    border-bottom: 2px solid #256a8d;
  }
  
  main .Bottom_Header {
    padding: 8px 0px 8px 0px;
    background: linear-gradient(#a6dff4 15%, #87d4f0 16%, #87d4f0 84%, #3dc0f1 85%);
    border-top: 2px solid #256a8d;
  }

 
 
/* *-----------------------------------------------------* Back to Top *-----------------------------------------------------* */
  .Back_To_Top {
    display: inline-block;
    
    border-top: 2px solid #001231;
    border-right: 2px solid #001231;
    border-bottom: 2px solid #001231;
    border-left: 2px solid #001231;
  }
  
  .Extra_Border_Back_Button {
    padding: 4px 8px 4px 8px;
    
    border-top: 3px solid white;
    border-right: 3px solid #616197;
    border-bottom: 3px solid #616197;
    border-left: 3px solid white;
    
    background-color: #8c8cae;
  }
  
  .Back_To_Top:hover {
    cursor: pointer;
    border: 2px solid white;
    background-color: gray;
  }
 
 
  
/* *============================================================* Sidebar *============================================================* */

/* *---------------------------------------------------* Divider Block Block *---------------------------------------------------* */
  aside .Divider_Block {
    margin: 16px 0px 0px 0px;
    padding: 8px;
    
    border-top: 4px solid #d0c5ee;
    border-right: 8px solid #7444ea;

    border-left: 8px solid #d0c5ee;
    
    background-color: #9981d5;
    
    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 #7252c1;
    border-right: 4px solid #c0a7ff;
    border-bottom: 2px solid #c0a7ff;
    border-left: 4px solid #7252c1;
    border-radius: 8px;
    
    background-color: #563c98;
  }
  
/* *---------------------------------------------------* Description Block *---------------------------------------------------* */
  aside .Description_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-right: 8px solid #ffffb2;
    border-bottom: 16px solid #caca34;
    border-left: 8px solid #ffffb2;
    
    background-color: #e2e275;
    
    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 #c7c758;
    border-right: 4px solid #ffffb7;
    border-bottom: 2px solid #ffffb7;
    border-left: 4px solid #c7c758;
    border-radius: 8px;
    
    background-color: #949429;
  }

  
  
/* *=============================================================* -* Blog View *- *=============================================================* */
/* =============================================================================================================================================== */
  main .Blog_View_Block {
    padding: 8px;
    
    border: 2px solid #a3a3a3;
    
    background-color: gray;
  }
  
/* *---------------------------------------------------* Dividers *---------------------------------------------------* */
  main .Great_And_Powerful_Blog {
    display: block;
    padding: 8px;
    
    border: 1px solid white;
    border-radius: 8px;
    
    font-size: 0.8em;
    color: #83bacf;
    background-color: #505070;
    box-shadow: 4px 4px 0px #193268;
  }
  
  main .Now_Reading_Block {
    display: block;
    margin-top: 8px;
    padding: 8px;
    
    border: 1px solid white;
    border-radius: 8px;
    
    font-size: 0.8em;
    color: #407eff;
    background-color: #202020;
    box-shadow: 4px 4px 0px #193268;
  }

/* *---------------------------------------------------* Blog Area *---------------------------------------------------* */
  .Blog_Block {
    display: block;
    padding: 0px 0px 0px 0px;
  }

  main .View_Post_Block {
    position: relative;
    margin: 8px 0px 8px 0px;
    
    border: 1px solid white;
    border-radius: 8px;
    
    background-color: #d3f3ff;
    
    box-shadow: 4px 4px 0px #193268;
  }
  
  .View_Extra_Border {
    text-align: left;
    border: 2px solid #00719b;
    border-radius: 8px;
  }
  
  main .View_Blog_Title {
    display: inline-block;
    padding: 12px 8px 12px 8px;
    
    border-right: 2px solid #00719b;
    border-bottom: 2px solid #00719b;
    border-radius: 0px 0px 8px 0px;
    
    background-color: #97d7ef;
    
    font-size: 1.3em;
    color: black;
    text-shadow: 0px 0px 0px black;
  }
  
  main .View_Blog_Date {
    padding: 6px 8px 6px 8px;
    
    color: black;
    text-shadow: 0px 0px 0px black;
  }
  
  main .View_Blog_Description {
    padding: 12px ;
    border-top: 2px solid gray;
    
    color: black;
    text-align: left;
    font-size: 1.2em;
    letter-spacing: 0.02em;
    line-height: 1.3em;
  }
  
  article img {
    position: relative;

    
    float: right;
    margin: 0px 4px 0px 12px;
    height: 72px;
    
    border: 2px solid black;
    border-radius: 4px;
    box-shadow: 2px 2px 0px #193268;
  }
  
  .Blog_Gallery a {
    text-decoration: none;
  }
  
  
  /* *============================================================* Sidebar *============================================================* */
  .Customize_Block {
    position: sticky;
    top: 16px;
    
    border: 2px solid #a3a3a3;
    background-color: gray;
  }
  
  .Light, .Dark {
    margin: 12px 8px 12px 8px;
    padding: 30px 16px 30px 16px;
    border-radius: 8px;
    box-shadow: 2px 2px 0px #193268;
  }
  
  aside .Light {
    border: 2px solid #d3f3ff;
  }
  
  aside .Dark {
    border: 2px solid #00141b;
  }
  
  .Light:hover, .Dark:hover {
    cursor: pointer;
    border-color: white;
  }