/*
Theme Name: Italian Metal Promotion (Blogger Port)
Theme URI: 
Author: Ported by ChatGPT
Description: WordPress theme recreated from a Blogger (Blogspot) "Simple" template variant. Includes original CSS (variables resolved) and WordPress template structure.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: imp-blogger-port
Tags: blog, one-column, custom-background, custom-menu
*/

/*
-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Blogger
URL:      www.blogger.com
----------------------------------------------- */

/* Variable definitions
   ====================
   

   
     
     
   

   
     
     
     
   

   
     
     
     
   

   
     
     
   

   
     
   

   
     
     
     
   

   
     
     
   

   
     
   

   
     
     
     
     
     
     
   

   
     
     
     
   

   
     
     
     
   

   
     
     
     
   

   
     
     
   

   
   

   
   

   
   
   
   
   
   

   

   
   
   
   
   

   
   
   

   

   
   
   
   
   

   

   
   

   
   

   
   
   
   

   

   

   
   
   

   
   
*/

/* Content
----------------------------------------------- */
body {
  font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #fff0e6;
  background: #882222 url(https://blogger.googleusercontent.com/img/a/AVvXsEgDAG3zIYSZJqimLN1Sl6dlODxRqP3TL1t9SA5zXDsYgHSeJDOVY8M644Bjva40cXnqTEPROgkj62oXCl2dnY8SakwjiZjNH0QVigLZH9c2P7l3sgTUQBTvtewUrbSyIsVNpN9RqhBr81I3POj9zy4KP2MMnWGsP9CFtV6meVQ9hBTdfOuBBTxPd-Yy_l8=s1600) repeat fixed top center;
  padding: 0 40px 40px 40px;
  
}

html body .region-inner {
  min-width: 0;
  max-width: 100%;
  width: auto;
}

h2 {
  font-size: 22px;
}

a:link {
  text-decoration:none;
  color: #D52C1F;
}

a:visited {
  text-decoration:none;
  color: #D52C1F;
}

a:hover {
  text-decoration:underline;
  color: #ffffff;
}

.body-fauxcolumn-outer .fauxcolumn-inner {
  background: transparent none repeat scroll top left;
  _background-image: none;
}

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;
  width: 100%;
}

.body-fauxcolumn-outer .cap-top .cap-left {
  width: 100%;
  background: transparent none repeat-x scroll top left;
  _background-image: none;
}

.content-outer {
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 10px #333333;
  box-shadow: 0 0 40px rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}

.content-inner {
  padding: 10px 10px;
}

.content-inner {
  background-color: #000000;
}

/* Layout tuning to match the original Blogspot rendering (centered container + right sidebar) */
.content-outer,
.main-outer,
.header-outer,
.tabs-outer,
.footer-outer {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.columns {
  display: flex;
  gap: 30px;
}

.column-center-outer {
  flex: 1 1 auto;
  min-width: 0;
}

.column-right-outer {
  flex: 0 0 300px;
}

@media (max-width: 980px) {
  body { padding-left: 15px; padding-right: 15px; }
  .columns { flex-direction: column; }
  .column-right-outer { flex-basis: auto; }
}

.header-image-wrapper { padding: 18px 25px 6px; }
.header-image { max-width: 100%; height: auto; display: block; }

/* Menu underline separation like the screenshot */
.tabs-inner .section:first-child,
.tabs-inner {
  border-bottom: 1px solid #772222;
}

/* Header
----------------------------------------------- */
.header-outer {
  background: #000000 url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_deep.png) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
  color: #ffffff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: #ffffff;
}

.Header .description {
  font-size: 140%;
  color: #ffffff;
}

.header-inner .Header .titlewrapper {
  padding: 22px 30px;
}

.header-inner .Header .descriptionwrapper {
  padding: 0 30px;
}

/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
  border-top: 0 solid #772222;
}

.tabs-inner .section:first-child ul {
  margin-top: -0;
  border-top: 0 solid #772222;
  border-left: 0 solid #772222;
  border-right: 0 solid #772222;
}

.tabs-inner .widget ul {
  background: #000000 none repeat-x scroll 0 -800px;
  _background-image: none;
  border-bottom: 1px solid #772222;

  margin-top: 1px;
  margin-left: -30px;
  margin-right: -30px;
}

.tabs-inner .widget li a {
  display: inline-block;

  padding: .6em 1em;

  font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #ffffc3;

  border-$startSide: 1px solid #000000;
  border-$endSide: 0 solid #772222;
}

.tabs-inner .widget li:first-child a {
  border-$startSide: none;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}

/* Columns
----------------------------------------------- */
.main-outer {
  border-top: 0 solid #000000;
}

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: 1px solid #000000;
}

.fauxcolumn-right-outer .fauxcolumn-inner {
  border-left: 1px solid #000000;
}

/* Headings
----------------------------------------------- */
div.widget > h2,
div.widget h2.title {
  margin: 0 0 1em 0;

  font: normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #ffffff;
}

/* Widgets
----------------------------------------------- */
.widget .zippy {
  color: #8e8e8e;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}

.widget .popular-posts ul {
  list-style: none;
}

/* Posts
----------------------------------------------- */
h2.date-header {
  font: normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}

.date-header span {
  background-color: rgba(0,0,0,0);
  color: #fff5ee;
  padding: inherit;
  letter-spacing: inherit;
  margin: inherit;
}

.main-inner {
  padding-top: 30px;
  padding-bottom: 30px;
}

.main-inner .column-center-inner {
  padding: 0 15px;
}

.main-inner .column-center-inner .section {
  margin: 0 15px;
}

.post {
  margin: 0 0 25px 0;
}

h3.post-title, .comments h4 {
  font: normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  margin: .75em 0 0;
}

.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 4px;

  background: #ffffff;
  border: 1px solid #000000;

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: 8px;
}

.post-body .tr-caption-container {
  color: #000000;
}

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}

.post-header {
  margin: 0 0 1.5em;

  line-height: 1.6;
  font-size: 90%;
}

.post-footer {
  margin: 20px -2px 0;
  padding: 5px 10px;

  color: #ecd8c5;
  background-color: #000000;
  border-bottom: 1px solid rgba(0,0,0,0);

  line-height: 1.6;
  font-size: 90%;
}

#comments .comment-author {
  padding-top: 1.5em;

  border-top: 1px solid #000000;
  background-position: 0 1.5em;
}

#comments .comment-author:first-child {
  padding-top: 0;
  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

#comments .avatar-image-container img {
  border: 1px solid #000000;
}

/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
  border-top: 1px solid #8e8e8e;
  border-bottom: 1px solid #8e8e8e;
}

.comments .comment-thread.inline-thread {
  background-color: #000000;
}

.comments .continue {
  border-top: 2px solid #8e8e8e;
}

/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
  border-$startSide: 1px solid #000000;
}

.blog-pager {
  background: transparent none no-repeat scroll top center;
}

.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
  background-color: #000000;
  padding: 5px;
}

.footer-outer {
  border-top: 0 dashed #bbbbbb;
}

/* Mobile
----------------------------------------------- */
body.mobile  {
  background-size: auto;
}

.mobile .body-fauxcolumn-outer {
  background: transparent none repeat scroll top left;
}

.mobile .body-fauxcolumn-outer .cap-top {
  background-size: 100% auto;
}

.mobile .content-outer {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}

.mobile .tabs-inner .widget ul {
  margin-left: 0;
  margin-right: 0;
}

.mobile .post {
  margin: 0;
}

.mobile .main-inner .column-center-inner .section {
  margin: 0;
}

.mobile .date-header span {
  padding: 0.1em 10px;
  margin: 0 -10px;
}

.mobile h3.post-title {
  margin: 0;
}

.mobile .blog-pager {
  background: transparent none no-repeat scroll top center;
}

.mobile .footer-outer {
  border-top: none;
}

.mobile .main-inner, .mobile .footer-inner {
  background-color: #000000;
}

.mobile-index-contents {
  color: #fff0e6;
}

.mobile-link-button {
  background-color: #D52C1F;
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: #000000;
}

.mobile .tabs-inner .section:first-child {
  border-top: none;
}

.mobile .tabs-inner .PageList .widget-content {
  background-color: #000000;
  color: #ffffff;
  border-top: 1px solid #772222;
  border-bottom: 1px solid #772222;
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid #772222;
}