/* ==========================================
   1. ÎÁÙÈÅ ÍÀÑÒÐÎÉÊÈ È ×ÅÐÍÀß ÌÅÒÀËËÈ×ÅÑÊÀß ÒÅÊÑÒÓÐÀ
   ========================================== */
html,
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  /* Áåñøîâíàÿ òåêñòóðà ÷åðíîãî ïåðôîðèðîâàííîãî ìåòàëëà */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://w3.org' width='8' height='8' viewBox='0 0 8 8'><rect width='8' height='8' fill='%23141414'/><circle cx='2' cy='2' r='1' fill='%23222222'/><circle cx='6' cy='6' r='1' fill='%23222222'/><circle cx='2' cy='2' r='0.5' fill='%230b0b0b'/><circle cx='6' cy='6' r='0.5' fill='%230b0b0b'/></svg>") !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-color: #141414 !important; 
  color: #e0e0e0;
}

/* ÂÎÇÂÐÀÙÀÅÌ ÏÎËÍÓÞ ØÈÐÎÊÎÔÎÐÌÀÒÍÓÞ HD-ØÈÐÈÍÓ */
#pun {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
}

/* ==========================================
   2. ÍÀÑÒÐÎÉÊÀ ØÀÏÊÈ ÑÀÉÒÀ È ÎÁÚÅÌÍÎÃÎ ÒÅÊÑÒÀ
   ========================================== */
#pun-title {
  background-image: url("https://forumstatic.ru/files/001c/c7/04/92847.jpg ") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  height: 585px !important; /* Âåðíóëè ïîëíóþ âûñîòó øàïêè */
  display: block !important;
  position: relative !important;
  margin-bottom: 10px !important;
  border: 1px solid #333333 !important;
}

/* Îáúåìíîå íàçâàíèå My Games */
#pun-title h1,
#pun-title h1 a {
  display: block !important;
  position: absolute !important;
  left: 40px !important;
  top: 50px !important;
  margin: 0 !important;
  font-size: 45px !important; /* Âåðíóëè êðóïíûé ðàçìåð */
  font-weight: bold !important;
  text-transform: uppercase !important;
  color: #f0a346 !important; 
  text-decoration: none !important;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px #000, 3px 3px 0px #000, 4px 4px 0px #000, 0 0 15px rgba(240, 163, 70, 0.6) !important;
}

/* Ïîäçàãîëîâîê "Support for Stalker games" */
#pun-title p, 
#pun-title .title-text {
  display: block !important;
  position: absolute !important;
  left: 45px !important;
  top: 115px !important;
  margin: 0 !important;
  font-size: 16px !important;
  color: #d1c7bd !important;
  text-shadow: 2px 2px 4px #000000 !important;
  font-style: italic !important;
}

/* ==========================================
   3. ÌÎÍÎËÈÒÍÛÅ ×ÅÐÍÛÅ ÁËÎÊÈ 
   ========================================== */
.punbb .section, 
.punbb .main, 
.punbb .category, 
.punbb .container,
#pun-main .main-box,
.post-box,
.punbb table,
.punbb tbody,
.punbb tr,
.punbb td {
  background: #181818 !important; 
  background-image: none !important;
  border-color: #2b2b2b !important;
}

.punbb tr,
.punbb td,
.punbb li,
.punbb .introw,
.punbb .rowodd,
.punbb .roweven,
#pun-index table td {
  background: #1c1c1c !important; 
  background-image: none !important;
  border: 1px solid #262626 !important;
}

.punbb h2, 
.punbb th,
.punbb .main h2,
#pun-main h2,
.punbb thead th {
  background: #252525 !important; 
  background-image: none !important;
  color: #f0a346 !important;
  border-bottom: 1px solid #3a3a3a !important;
  text-shadow: 1px 1px 2px #000 !important;
}

/* ==========================================
   4. ÃÎÐÈÇÎÍÒÀËÜÍÎÅ ÍÀÂÈÃÀÖÈÎÍÍÎÅ ÌÅÍÞ
   ========================================== */
#pun-navlinks,
.punbb .navlinks,
#pun-navlinks fieldset {
  background: #181818 !important;
  background-image: none !important;
  padding: 10px 15px !important;
  border: 1px solid #333333 !important;
  border-radius: 4px !important;
  margin-bottom: 15px !important;
  text-align: center !important;
}

#pun-navlinks ul,
#pun-navlinks li,
.punbb .navlinks ul,
.punbb .navlinks li {
  display: inline-block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

#pun-navlinks a,
.punbb .navlinks a {
  display: inline-block !important;
  padding: 8px 18px !important;
  margin: 5px 4px !important;
  color: #d1c7bd !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 13px !important;
  background: linear-gradient(to bottom, #2d2d2d, #1a1a1a) !important;
  border: 1px solid #444444 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 2px 4px rgba(0,0,0,0.5) !important;
  transition: all 0.2s ease-in-out !important;
}

#pun-navlinks a:hover,
.punbb .navlinks a:hover {
  color: #f0a346 !important;
  background: linear-gradient(to bottom, #3d3d3d, #222222) !important;
  border-color: #f0a346 !important;
  box-shadow: 0 0 5px rgba(240, 163, 70, 0.5) !important; 
}