/* ===============================
   FONT
================================ */

@font-face {
  font-family: "IM Fell English SC";
  src: url("https://www.perditrium.com/files/fonts/IMFellEnglishSC-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* ===============================
   GLOBAL
================================ */
ul.custom-bullets {
    list-style-image: url('files/images/blinkies/simsfaviconalt.gif');
  }

body {
  background-color: #0b0d14;
  background-image: url("https://www.perditrium.com/files/images/flowers-purple.png");
  color: #d8d8e8;
  margin: 0;
  padding: 0;
  font-family: "IM Fell English SC", Georgia, serif;
}

a {
  color: #9b7cff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  background-color: #2a1f4a;
}
/* GLOBAL MEDIA RULES */
img {
  max-width: 100%;
  height: auto;
}

/* ===============================
   PAGE CONTAINER
================================ */

.page {
  width: 760px;
  margin: 30px auto;
  background-color: #121421;
  border: 4px double #4b3a78;
  box-shadow: 0 0 20px #000;
}

/* ===============================
   HEADER
================================ */

.header {
  background: linear-gradient(to bottom, #1b1f3b, #0e1020);
  text-align: center;
  padding: 14px;
  border-bottom: 3px solid #4b3a78;
}

.header h1 {
  margin: 0;
  font-size: 34px;
  letter-spacing: 2px;
  text-shadow: 0 0 16px #6f5cff;
}

.subtitle {
  font-size: 13px;
  color: #9a8ad9;
  font-style: italic;
}

marquee {
  margin-top: 6px;
  color: #bfaaff;
  font-size: 12px;
}

/* ===============================
   LAYOUT
================================ */

.content {
  display: table;
  width: 100%;
}

.sidebar {
  display: table-cell;
  width: 210px;
  background-color: #16182b;
  border-right: 3px solid #33285e;
  padding: 10px;
  vertical-align: top;
}

.main {
  display: table-cell;
  padding: 12px;
  background-color: #101220;
  vertical-align: top;
}

/* ===============================
   BOXES
================================ */

.box {
  background-color: #181a30;
  border: 2px groove #5a4a8a;
  padding: 8px;
  margin-bottom: 12px;
}

.box h2 {
  margin: 0 0 6px 0;
  font-size: 14px;
  color: #e2d9ff;
  text-align: center;
  background-color: #2a2352;
  padding: 4px;
  border-bottom: 1px solid #6c5fa8;
  letter-spacing: 1px;
}
/* ===== TABLES (PERDITRIUM THEME) ===== */
table {
  width: 100%;
  background-color: #181a30;      /* same as .box */
  border: 2px groove #5a4a8a;     /* same border style */
  border-collapse: collapse;
  color: #d8d8e8;
}

td, th {
  padding: 8px;
  border: 1px solid #33285e;      /* sidebar divider color */
  vertical-align: top;
}

th {
  background-color: #2a2352;      /* same as .box h2 */
  color: #e2d9ff;
  letter-spacing: 1px;
}
/* ===============================
   TEXT EFFECTS
================================ */

.whisper {
  font-size: 11px;
  color: #8f85b8;
  font-style: italic;
}

.blink {
  animation: blink 1.5s steps(2, start) infinite;
  color: #ff6fae;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}

/* ===============================
   FOOTER
================================ */

.footer {
  text-align: center;
  font-size: 11px;
  background-color: #0c0e1a;
  border-top: 2px solid #4b3a78;
  padding: 10px;
  color: #7c75a3;
}