/* === TEAM C00LKIDD REVIVAL — 2012 ROBLOX STYLE === */

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background: #5d5d5d url("https://i.imgur.com/8QZ7ZQx.png") repeat;
  color: #000;
}

#wrap {
  width: 900px;
  margin: 20px auto;
  background: #ddd;
  border: 1px solid #000;
  box-shadow: 0 0 10px #000;
}

.header {
  height: 70px;
  background: linear-gradient(#f9f9f9, #dcdcdc);
  border-bottom: 1px solid #999;
  padding: 10px;
}

.header h1 {
  margin: 0;
  color: #1480F5;
  font-size: 26px;
}

#ct_menu {
  background: linear-gradient(#2a2a2a, #111);
  height: 35px;
}

#ct_menu a {
  float: left;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none;
}

#ct_menu a:hover {
  background: #333;
}

#ct_menu1 {
  background: linear-gradient(#111111, #000000);
  height: 30px;
}

#ct_menu1 a {
  float: left;
  color: #fff;
  padding: 6px 15px;
  text-decoration: none;
}

#ct_menu1 a:hover {
  background: rgba(255,255,255,0.2);
}

.alert {
  background: #9E1919;
  color: #fff;
  text-align: center;
  padding: 6px;
}

#content {
  background: #eee;
  border: 1px solid #999;
  padding: 10px;
}

.panel {
  background: #f5f5f5;
  border: 1px solid #bbb;
  margin-bottom: 10px;
}

.panel .title {
  background: linear-gradient(#222222, #000000);
  padding: 6px;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
  color: #ffffff;
}

.panel .body {
  padding: 10px;
}

.button {
  display: inline-block;
  padding: 6px 10px;
  background: linear-gradient(#4c8df5, #2c5fb3);
  color: #fff;
  border: 1px solid #1f4a8a;
  text-decoration: none;
}

.button:hover {
  background: linear-gradient(#6aa3ff, #3a6fd1);
}

input {
  border: 1px solid #aaa;
  padding: 4px;
}

#footer {
  background: #111;
  color: #fff;
  text-align: center;
  padding: 10px;
}