/* === Base === */
html, body { margin:0; padding:0; }
body{
  font: 14px/1.45 Arial, Helvetica, sans-serif;
  color:#333;
  background:#e6e1d7; /* как на скрине: серо-бежевый фон вокруг */
}

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

#container{
  width: 980px;
  margin: 0 auto;
  background:#f6f1e6; /* светлый фон внутри */
  border: 1px solid #cfc8bb;
}

#container-inner{ padding:0; }

/* === Header (можно оставить пустым, но блок нужен) === */
#header{ height:20px; }

/* === Top navigation === */
#main-navigation{
  background:#4c4c4c;
  border-bottom:1px solid #2f2f2f;
}
#main-navigation-inner{
  width:980px;
  margin:0 auto;
}
#main-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:0;
}
#main-navigation li{ margin:0; padding:0; }
#main-navigation a{
  display:block;
  padding:10px 12px;
  color:#fff;
  font-weight:bold;
  font-size:13px;
  border-right:1px solid #666;
}
#main-navigation li.last a{ border-right:none; }
#main-navigation a:hover{ background:#3b3b3b; text-decoration:none; }

/* === Content area === */
#content{ padding:18px 18px 24px; }
#content-inner{ overflow:hidden; }

/* Баннерная зона (если картинки нет — будет просто место как на скрине) */
#northeast-images{
  width: 560px;
  height: 230px;
  background:#d8d8d8;
  border:1px solid #c7c7c7;
  margin:0 0 18px 0;
}
#ne-image-rotator{ position:relative; width:100%; height:100%; overflow:hidden; }
#ne-image-rotator div{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }
#ne-image-rotator div.current{ opacity:1; }
#ne-image-rotator img{ width:100%; height:100%; object-fit:cover; }

/* === 3-column layout (alpha / beta / gamma) === */
#alpha{
  float:left;
  width:560px;
}
#beta{
  float:left;
  width:210px;
  margin-left:20px;
}
#gamma{
  float:left;
  width:150px;
  margin-left:20px;
}

/* === Titles / text === */
h2, h3{ margin:0 0 10px 0; font-family: Arial, Helvetica, sans-serif; }
.entry-title a{ color:#3a3a3a; }
.entry-title a:hover{ color:#000; }

.asset{ margin:0 0 18px 0; }
.asset-meta{
  font-size:12px;
  color:#777;
  margin:6px 0 10px;
}
.entry-content p{ margin:0 0 10px 0; }

/* === Sidebar blocks === */
.widget, .alliance-members{
  margin:0 0 16px 0;
}
.widget-header, .alliance-members h3{
  font-size:13px;
  font-weight:bold;
  color:#333;
  border-bottom:1px solid #cfc8bb;
  padding:0 0 6px 0;
  margin:0 0 10px 0;
}
.widget-content{
  font-size:13px;
}

/* left sidebar logo/description */
#side-logo{ display:block; margin:0 0 10px 0; }
.site-description{
  font-style:italic;
  color:#555;
  margin:0 0 12px 0;
}
.membership-link{
  display:inline-block;
  padding:6px 10px;
  background:#f0a300;
  color:#fff;
  font-weight:bold;
}
.membership-link:hover{ background:#d99000; text-decoration:none; }

/* lists */
#beta ul, #gamma ul{
  list-style:none;
  margin:0;
  padding:0;
}
#beta li, #gamma li{
  margin:0 0 6px 0;
}
#beta li a{
  color:#b06a00;
  font-weight:bold;
}

/* right widgets look */
#gamma .widget{
  border-top:1px solid #cfc8bb;
  padding-top:10px;
}
#gamma input.ti{
  width: 100%;
  box-sizing:border-box;
  padding:5px 6px;
  border:1px solid #c7c7c7;
}
#gamma input.nav-search{
  margin-top:6px;
  padding:5px 8px;
  border:1px solid #999;
  background:#efefef;
  cursor:pointer;
}

/* simple “mailchimp” box like screenshot */
.widget-mailchimp .widget-content{
  background:#eaf2f7;
  border:1px solid #c8d7e2;
  padding:10px;
}
.widget-mailchimp label{
  display:block;
  font-size:12px;
  color:#355;
  margin:8px 0 3px;
}
.widget-mailchimp input{
  width:100%;
  box-sizing:border-box;
  padding:5px 6px;
  border:1px solid #b8c7d2;
}
.widget-mailchimp .button{
  margin-top:10px;
  width:auto;
  padding:6px 10px;
  background:#fff;
  border:1px solid #999;
  cursor:pointer;
}

/* utility */
.left-wrap{ float:left; margin:0 12px 10px 0; }
.mt-image-right{ float:right; margin:0 0 10px 12px; }

.clearfix:after{ content:""; display:block; clear:both; }