/* syrian-agriculture.org — reproduction of the FrontPage 6.0 green RTL skin.
   Palette: page #EBF0CC, nav #336600/#006600, text #008000, link #008000,
   visited #800000, hover #FF0000. Fonts Tahoma / Simplified Arabic. RTL. */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; padding: 0; background: #d9e3b0; color: #008000;
  font-family: "Tahoma", "Segoe UI", "Simplified Arabic", Arial, sans-serif;
  font-size: 13px; direction: rtl;
}
a { color: #008000; text-decoration: none; }
a:visited { color: #800000; }
a:hover { color: #FF0000; font-weight: bold; }

.wrap { width: 700px; max-width: 100%; margin: 0 auto; background: #EBF0CC; }

/* ---- header banner (sliced GIF row rebuilt) ---- */
.masthead { background: #EBF0CC; }
.slices { display: flex; width: 700px; max-width: 100%; height: 102px; overflow: hidden; }
.slices img { height: 102px; display: block; flex: 0 0 auto; }
.slice-fallback { height: 102px; background: #336600; flex: 0 0 auto; }
.rule { display: block; width: 700px; max-width: 100%; height: 8px;
  background: repeating-linear-gradient(90deg,#336600 0 6px,#6b8e23 6px 12px); }

/* ---- top news marquee ---- */
.newsbar { background:#EBF0CC; text-align:center; padding:4px 6px; border-bottom:1px solid #cdd9a0;
  white-space: nowrap; overflow: hidden; }
.newsbar .lbl { font-size:12px; color:#008000; font-weight:bold; }
.newsbar .track { display:inline-block; }
.newsbar marquee, .newsbar .mq { color:#000080; font-weight:bold; font-size:12px; }
.newsbar a { color:#000080; }
.newsbar a:hover { color:#FF0000; }

/* ---- top horizontal menu ---- */
.topmenu { display:flex; flex-wrap:wrap; justify-content:center; gap:0;
  background:#fffff7; border-top:1px solid #336600; border-bottom:2px solid #336600; }
.topmenu a { display:block; padding:5px 10px; font-size:12px; color:#006600; border-left:1px solid #e0e0c8; }
.topmenu a:hover { background:#336600; color:#fff; font-weight:normal; }
.topmenu a.active { background:#6b8e23; color:#fff; }

/* ---- three-column body ---- */
.cols { display:flex; width:700px; max-width:100%; align-items:stretch; }
.col-nav { width:120px; flex:0 0 120px; background:#336600; padding:6px 4px; }
.col-main { flex:1 1 auto; width:460px; background:#EBF0CC; padding:10px 12px; min-height:420px; }
.navbtn { display:block; text-align:center; margin:0 0 8px; background:#006600; border:1px solid #cfe0a0;
  padding:4px 3px; }
.navbtn img { max-width:100%; display:block; margin:0 auto 3px; border:0; }
.navbtn span { display:block; color:#fffff7; font-size:11px; line-height:1.25; }
.navbtn:hover { background:#8bbf3a; }
.navbtn:hover span { color:#fff; }
.navsep { height:1px; background:#8bbf3a; margin:6px 2px; }

/* ---- content ---- */
.col-main h1 { font-size:15px; color:#004000; margin:0 0 10px; text-align:center;
  border-bottom:1px dotted #8bbf3a; padding-bottom:6px; }
.col-main p { line-height:1.7; margin:0 0 10px; text-align:justify; }
.col-main img { max-width:100%; height:auto; }
.col-main table { max-width:100%; }
.col-main a { color:#006600; }
.col-main a:hover { color:#FF0000; }
.ticker { display:block; }

/* ---- news / media list (inside.htm style rows) ---- */
.newslist { width:100%; }
.newsrow { display:flex; gap:10px; align-items:center; padding:9px 2px; }
.newsrow + .newsrow { border-top:3px double #8bbf3a; }
.newsrow .ico { flex:0 0 72px; width:72px; height:72px; object-fit:contain; }
.newsrow .hd { flex:1 1 auto; }
.newsrow .hd a { color:#006600; font-weight:bold; }
.newsrow .hd .meta { display:block; color:#6b7a3a; font-weight:normal; font-size:11px; margin-top:3px; }

/* ---- blog post ---- */
.post .meta { color:#6b7a3a; font-size:11px; margin-bottom:10px; }
.post .byline { margin-top:18px; padding-top:10px; border-top:1px dotted #8bbf3a; font-size:12px; }
.author-ini { display:inline-block; width:34px; height:34px; line-height:34px; text-align:center;
  background:#336600; color:#fff; border-radius:50%; font-weight:bold; margin-left:8px; vertical-align:middle; }

/* ---- footer ---- */
.foot { background:#EBF0CC; text-align:center; padding:12px 8px; border-top:2px solid #336600;
  color:#004000; font-size:12px; font-weight:bold; }
.foot .links { font-weight:normal; margin-top:6px; }
.foot .links a { color:#006600; }

/* ---- forms ---- */
.frm label { display:block; margin:8px 0 2px; color:#004000; font-weight:bold; font-size:12px; }
.frm input, .frm select, .frm textarea { width:100%; padding:5px; border:1px solid #8bbf3a; background:#fffff7; font-family:inherit; }
.frm button { margin-top:12px; background:#336600; color:#fff; border:0; padding:7px 18px; cursor:pointer; font-family:inherit; }
.frm button:hover { background:#6b8e23; }
.note { background:#fffff7; border:1px solid #cfe0a0; padding:8px 10px; margin:10px 0; font-size:12px; color:#555; }

@media (max-width: 720px) {
  .wrap, .cols, .slices, .rule, .masthead { width:100%; }
  .cols { flex-wrap:wrap; }
  .col-nav { width:50%; flex:1 1 50%; }
  .col-main { order:-1; width:100%; flex:1 1 100%; }
  .slices { height:auto; }
  .slices img, .slice-fallback { height:auto; }
}