/* ================================================================
   النسخة الثانية  —  the second-generation skin.

   Every colour below is read out of the forum's own stylesheet as it
   was served in 2009, not chosen in 2026:

     .page    background #F8E897   the page
     .tborder background #7E050C   the dark red frame
     .thead   background #CE7A28 + gradients/gradient_thead.gif
              colour #221212, bold 8pt Tahoma
     .panel   background #FCFAF5, colour #4B1E1B, border 1px #876C13

   The header is not a drawing of the second-generation banner. It is
   the banner: qadsiyah_05.gif tiled behind, 2q.gif at one end,
   qadsiyah_04.gif with the crest in the middle, qm.swf beside it and
   qadsiyah_01.gif closing the other end -- the same files, at the same
   pixel sizes, in the same order as the forum's own markup.

   Nothing here loads unless the reader asks for it.
   ================================================================ */

html[data-skin="2"] body{
  background:#F8E897; color:#000;
  font:13px/1.85 Tahoma,Arial,sans-serif;
}

/* the first-generation band and its note step aside */
html[data-skin="2"] .qstrip,
html[data-skin="2"] .hdrnote{ display:none; }

/* ---- the second-generation header -------------------------------- */
.g2wrap{ display:none; }
html[data-skin="2"] .g2wrap{ display:block; }

.g2hdr{
  background:url(../qadsiyah-2/qadsiyah_05.gif) repeat-x top left #F8E897;
  height:234px; overflow:hidden; direction:rtl;
}
.g2hdr td{ padding:0; vertical-align:top; }
.g2hdr img{ display:block; border:0; }
/* qm.swf sits here in the forum's own markup. 2w.gif is the same corner
   as a still -- the mirror of 2q.gif at the other end -- so the band is
   whole before Ruffle arrives, and stays whole if it never does. */
.g2flash{ width:230px; height:234px; overflow:hidden;
          background:url(../qadsiyah-2/2w.gif) no-repeat top left; }
/* qadsiyah_09.gif is a 21x1 side gutter in the original, not a rule --
   so the seam here is a plain line in the frame colour instead. */
.g2rule{ height:3px; background:#7E050C; }

.g2note{
  background:#FCFAF5; border-top:1px solid #876C13; border-bottom:1px solid #876C13;
  color:#4B1E1B; font:11.5px/1.75 Tahoma,Arial,sans-serif;
  padding:6px 12px; text-align:center; direction:rtl;
}
.g2note a, .hdrnote a{ color:#7E050C; font-weight:bold; }

/* ---- the page furniture, in the forum's colours ------------------- */
html[data-skin="2"] .wrap{
  background:#F8E897;
  border-left:6px solid #7E050C; border-right:6px solid #7E050C;
}
html[data-skin="2"] .blk{
  border:1px solid #876C13; background:#FCFAF5; margin-bottom:10px;
}
html[data-skin="2"] .blk .cap{ display:none; }
html[data-skin="2"] .blk h3{
  background:#CE7A28 url(../qadsiyah-2/gradients/gradient_thead.gif) repeat-x top left;
  color:#221212; font:bold 12px/1.9 Tahoma,Arial,sans-serif;
  border:0; border-bottom:1px solid #7E050C;
  margin:0; padding:3px 9px; text-align:right;
}
html[data-skin="2"] .blk .in{ background:#FCFAF5; color:#4B1E1B; padding:8px 10px; }
html[data-skin="2"] .blk .in a{ color:#7E050C; }

html[data-skin="2"] .story{
  background:#FCFAF5; border:1px solid #876C13; color:#000;
}
html[data-skin="2"] .story h1{
  background:#CE7A28 url(../qadsiyah-2/gradients/gradient_thead.gif) repeat-x top left;
  color:#221212; font:bold 15px/2 Tahoma,Arial,sans-serif;
  border:0; border-bottom:1px solid #7E050C; margin:0; padding:5px 12px;
}
html[data-skin="2"] .story .meta{
  background:#F8E897; color:#4B1E1B; border-bottom:1px solid #876C13;
}
html[data-skin="2"] .art{ background:#FCFAF5; color:#000; }
html[data-skin="2"] .art img.jo{ border:1px solid #876C13; }
html[data-skin="2"] .art .jo-gone{
  border:1px dashed #876C13; background:#F8E897; color:#7E050C;
}
html[data-skin="2"] .gal img{ border:1px solid #876C13; }
html[data-skin="2"] .gal figcaption{ color:#4B1E1B; }
html[data-skin="2"] .note{
  background:#FCFAF5; border:1px solid #876C13; color:#4B1E1B;
}
html[data-skin="2"] .artlist li a{ color:#7E050C; }
html[data-skin="2"] a{ color:#7E050C; }
html[data-skin="2"] a:visited{ color:#4B1E1B; }

@media (max-width:760px){
  .g2hdr{ height:auto; }
  .g2hdr td[data-drop]{ display:none; }
}