/* Basic preset for that late‑2000s feel */
*{margin:0;padding:0}
body{
  background:#dedede;
  color:#333;
  font:13px Verdana,Arial,Helvetica,sans-serif;
}
a{color:#28518a;text-decoration:none}
a:hover{text-decoration:underline}

#page{width:960px;margin:10px auto}

/* Header */
.header-banner{
  position:relative;
  height:90px;
  border:1px solid #8ba3b8;
  background:#cfddec; /* shows if no image is set */
  overflow:hidden;
}
#logo-banner{width:100%;height:100%;display:block}

/* small top-left Register link (old 'Login' style) */
.top-register{
  position:absolute;
  left:8px;
  top:5px;
  color:#fff;
  font:bold 15px Verdana,Arial,Helvetica,sans-serif;
  text-decoration:underline;
  text-shadow:1px 1px 0 #000;
  z-index:5;
}

#main-nav{
  list-style:none;
  margin-top:6px;
  border:1px solid #5a6f83;
  background:#6b84a7;
  height:32px;
}
#main-nav li{float:left;border-right:1px solid #5a6f83}
#main-nav li.last{border-right:0}
#main-nav a{
  color:#fff;
  display:block;
  padding:7px 14px;
  font-weight:bold;
  line-height:18px;
}

/* Layout */
#main{margin-top:8px;overflow:hidden}
#sidebar{float:left;width:200px}
#content{margin-left:210px;background:#fff;border:1px solid #9a9a9a}

/* Boxes */
.box{background:#f8f8f8;border:1px solid #9a9a9a;padding:10px}

/* Sidebar login */
.member-login{background:#f3f6fa}
.member-login .box-title{
  background:#cfd8e5;
  border:1px solid #9ba8b6;
  margin:-10px -10px 8px -10px;
  padding:6px 7px;
  font-weight:bold;
  color:#2d4054;
}
.member-login label{display:block;font-weight:bold;font-size:12px;margin:6px 0 2px}
.member-login input{
  width:100%;
  border:1px dotted #666;
  background:#fff;
}
.login-btn{
  margin-top:8px;
  padding:4px 12px;
  background:#e0e0e0;
  border:1px solid #8f8f8f;
  cursor:pointer;
}
.forgot{display:block;margin-top:6px;font-size:11px}

.robloxian{text-align:center;margin-top:12px}
.robloxian img{width:120px;height:auto;border:0}

/* Main content */
#content h1{
  font:bold 26px "Trebuchet MS",Arial,Helvetica,sans-serif;
  padding:12px 14px 2px
}
#content h2{font-size:16px;color:#333;padding:0 10px 12px}

.columns{padding:0 12px 12px;overflow:hidden}
.left-features{float:left;width:350px}
.right-video{float:right;width:350px}

/* Feature list */
.feature{
  padding:12px 0;
  border-top:1px solid #d0d0d0;
  overflow:hidden
}
.feature:first-child{border-top:0}
.feature img.icon{
  float:left;
  width:52px;height:52px;
  margin-right:10px;
  border:1px solid #b0b0b0;
  background:#fff
}
.feature .ftext h3{font-size:16px;margin:0 0 3px 0}
.feature .ftext p{font-size:12px;line-height:1.35;color:#444}

/* Kid Safe badge */
.kidsafe{
  background:#fff;
  width:200px;
  margin-top:8px;
  text-align:center
}
.kidsafe img{width:105px;height:105px;display:block;margin:0 auto}

/* Video area + CTA */
.video-frame{
  border:1px solid #9a9a9a;
  background:#000;
  height:220px;
  margin-top:10px
}
/* fix: make the iframe fill the frame */
.video-frame iframe,#video-shot{width:100%;height:100%;display:block;border:0}

.works{font-size:11px;color:#444;margin:6px 0 8px;text-align:right}

.cta{
  display:block;
  background:#ffd95c;
  color:#000;
  text-align:center;
  text-decoration:none;
  border:2px solid #bfa232;
  padding:12px 10px;
  border-radius:12px;
  font:bold 20px "Comic Sans MS","Trebuchet MS",Arial,Helvetica,sans-serif
}

/* Cool Places strip */
#cool-places{margin:10px 0}
#cool-places .section-title{
  background:#cfd8e5;
  border:1px solid #9ba8b6;
  margin:-10px -10px 6px -10px;
  padding:6px 8px;
  font-weight:bold;
  color:#2d4054
}
#cool-places .subtle{font-size:12px;color:#2d4054;margin-bottom:6px}
.places-strip{
  background:#eef2f6;
  border:1px solid #c1cbd9;
  padding:6px
}
.places-strip img{
  width:160px;height:90px;
  margin-right:10px;
  border:1px solid #9a9a9a;
  background:#fff
}

/* Footer */
#footer{
  background:#fff;
  color:#666;
  font-size:11px;
  text-align:center;
  padding:10px 12px
}
#footer .links a{color:#28518a}

/* ===== Register page (retro minimal) ===== */
body.register-page{background:#fff}
#signup{width:960px;margin:10px auto;color:#000}
.signup-header{display:flex;align-items:flex-end;gap:10px;margin-bottom:8px}
#register-logo{width:160px;height:auto;display:block}
#signup h1{font:bold 24px Verdana,Arial,Helvetica,sans-serif}
.step-title{font:bold 14px Verdana,Arial,Helvetica,sans-serif;margin:12px 0 8px}

.signup-form{border-top:1px solid #ddd;padding-top:6px}
.signup-form .row{margin:10px 0}
.signup-form label{display:block;margin:4px 0 2px;font-weight:bold}
.signup-form input{
  width:320px;
  padding:4px;
  border:1px solid #777;
  background:#fff
}
.signup-form .hint{font-size:11px;color:#333;margin-top:3px}
.register-btn{
  margin:10px 0;
  padding:4px 10px;
  background:#e0e0e0;
  border:1px solid #8f8f8f;
  cursor:pointer
}
.already{margin:14px 0}
.signup-footer{border-top:1px solid #ccc;padding-top:10px;font-size:11px;color:#444;text-align:left}
.signup-footer a{color:#28518a}

/* toggle helpers + tiny banner link + iframe fix */
.hidden{display:none}

.top-register{
  position:absolute;left:8px;top:5px;color:#fff;
  font:bold 15px Verdana,Arial,Helvetica,sans-serif;
  text-decoration:underline;text-shadow:1px 1px 0 #000;z-index:5
}

/* ensure YouTube fills the black frame */
.video-frame iframe,#video-shot{width:100%;height:100%;display:block;border:0}

/* show/hide helper */
.hidden{display:none}

/* tiny banner link (logged OUT) */
.top-register{
  position:absolute;left:8px;top:5px;color:#fff;
  font:bold 15px Verdana,Arial,Helvetica,sans-serif;
  text-decoration:underline;text-shadow:1px 1px 0 #000;z-index:5
}

/* top-left logged-in strip */
#user-strip{
  position:absolute;left:8px;top:5px;color:#fff;z-index:6;
  font:bold 13px Verdana,Arial,Helvetica,sans-serif;text-shadow:1px 1px 0 #000
}
#user-strip a{color:#fff;text-decoration:underline}

/* logged-in avatar box (left sidebar) */
.logged-box .avatar-wrap{padding:8px 0;text-align:center}
#avatar-thumb{width:120px;height:auto;border:0}

/* ensure YouTube fills the frame */
.video-frame iframe,#video-shot{width:100%;height:100%;display:block;border:0}

.hidden{display:none}

.top-register{
  position:absolute;left:8px;top:5px;color:#fff;
  font:bold 15px Verdana,Arial,Helvetica,sans-serif;
  text-decoration:underline;text-shadow:1px 1px 0 #000;z-index:5
}

#user-strip{
  position:absolute;left:8px;top:5px;color:#fff;z-index:6;
  font:bold 13px Verdana,Arial,Helvetica,sans-serif;text-shadow:1px 1px 0 #000
}
#user-strip a{color:#fff;text-decoration:underline}

.logged-box .avatar-wrap{padding:8px 0;text-align:center}
#avatar-thumb{width:120px;height:auto;border:0}