/* ==========================================
   EUPHORIC ADDICTION
   DARK BRONZE + COPPER THEME
   4IMAGES GALLERY
   PAGE BACKGROUND: #35302B
========================================== */

:root {
  --page: #35302B;
  --dark: #27211E;
  --panel: #302923;
  --panel-light: #40342C;
  --copper: #A96438;
  --bronze: #C58B5B;
  --gold: #D8A574;
  --text: #D8BA98;
  --muted: #AD9886;
  --border: #69503D;
}

body {
  font-family: Tahoma, Arial, sans-serif;
  background: #35302B;
  font-size: 9px;
  color: #D8BA98;
  margin: 0;
  scrollbar-color: #A96438 #35302B;
}

/* LINKS */

a:link,
a:visited {
  color: #C58B5B;
  text-decoration: none;
}

a:active,
a:hover {
  color: #F2D1AA;
  text-decoration: none;
  cursor: crosshair;
}

hr {
  height: 1px;
  border: 0;
  background: #69503D;
}

ul, li, p, td {
  font-size: 9px;
}

/* TABLE STRUCTURE */

.tablehead {
  background-color: #302923;
  color: #D8BA98;
  border: 0;
}

.tablebottom {
  background-color: #27211E;
  background-image: none;
  padding: 0;
  height: 12px;
  border-top: 1px solid #69503D;
}

.bordercolor {
  background-color: #69503D;
}

.tablebgcolor {
  background-color: #302923;
}

/* NAVIGATION */

.navbar {
  background: linear-gradient(
    to bottom,
    #49382D 0%,
    #302720 55%,
    #27211E 100%
  );
  background-image: linear-gradient(
    to bottom,
    #49382D,
    #27211E
  );
  font-family: Tahoma;
  font-size: 10px;
  color: #D8BA98;
  font-weight: bold;
  padding: 5px;
  height: 30px;
  border-top: 1px solid #8B5A3C;
  border-bottom: 1px solid #69503D;
}

.navbar a,
.navbar a:visited {
  color: #D8BA98;
  font-weight: bold;
}

.navbar a:hover {
  color: #FFD4A2;
}

/* FOOTER */

.footer {
  background-color: transparent;
  color: #AD9886;
  font-family: Tahoma;
  font-size: 9px;
}

.footer a:link,
.footer a:visited {
  color: #C58B5B;
}

.footer a:hover {
  color: #F2D1AA;
}

/* TABLE ROWS */

.row1 {
  background-color: #302923;
  color: #D8BA98;
  padding: 4px;
}

.row2 {
  background-color: #35302B;
  color: #D8BA98;
  padding: 4px;
}

/* HEADERS */

.head1 {
  background: linear-gradient(
    to bottom,
    #513C2D,
    #302720
  );
  color: #E6C39D;
  border-top: 1px solid #A96438;
  border-bottom: 1px solid #69503D;
  padding: 4px 4px 4px 10px;
  font-family: Tahoma;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}

.head2 {
  background: linear-gradient(
    to bottom,
    #403229,
    #2B241F
  );
  color: #D8BA98;
  border-bottom: 1px solid #69503D;
  padding: 4px 4px 4px 10px;
  font-family: Tahoma;
  font-size: 10px;
  font-weight: bold;
}

.head3 {
  background-color: #35302B;
  border-top: 0;
  border-bottom: 0;
  padding: 3px;
  color: #C5AA8E;
  font-size: 9px;
  font-weight: normal;
}

/* TYPOGRAPHY */

.title {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #D8A574;
}

.clickstream {
  font-family: Tahoma;
  font-size: 9px;
  color: #AD9886;
}

.smalltext {
  font-family: Tahoma;
  font-size: 9px;
  font-weight: normal;
  color: #AD9886;
}

.marktext {
  color: #27211E;
  background-color: #C58B5B;
}

.new {
  font-family: Tahoma;
  font-size: 11px;
  color: #D8A574;
}

/* FORMS */

form {
  font-family: Tahoma;
  font-size: 9px;
}

.logininput,
.searchinput,
.textarea,
.input,
.select,
.setperpageselect,
.categoryselect,
.dropdownmarker,
.commenttextarea,
.commentinput {
  background-color: #27211E;
  font-family: Tahoma;
  color: #E6C9A8;
  font-size: 9px;
  border: 1px solid #76543C;
  padding: 3px;
  outline: none;
}

.logininput {
  width: 160px;
  margin-left: 4px;
}

.searchinput {
  width: 130px;
}

.textarea,
.input {
  width: 230px;
}

.commenttextarea,
.commentinput {
  width: 370px;
  max-width: 95%;
  box-sizing: border-box;
}

.logininput:focus,
.searchinput:focus,
.textarea:focus,
.input:focus,
.commenttextarea:focus,
.commentinput:focus {
  border-color: #C58B5B;
  background-color: #302923;
}

/* BUTTONS */

.button {
  background: linear-gradient(
    to bottom,
    #493528,
    #27211E
  );
  color: #D8BA98;
  border: 1px solid #8B5A3C;
  font-family: Tahoma;
  font-size: 9px;
  font-weight: normal;
  padding: 4px 8px;
  cursor: pointer;
}

.button:hover {
  background: #70452E;
  color: #FFE0B9;
  border-color: #C58B5B;
}

/* CATEGORIES */

.catbgcolor {
  background: linear-gradient(
    to bottom,
    #49382D,
    #302720
  );
  border-top: 1px solid #A96438;
  border-bottom: 1px solid #69503D;
}

.maincat {
  font-family: Tahoma;
  font-size: 9px;
  font-weight: bold;
  color: #D8A574;
}

.subcat {
  font-family: Tahoma;
  font-size: 9px;
  font-weight: normal;
  color: #C5AA8E;
}

/* IMAGE GALLERY */

.imagerow1 {
  background-color: transparent;
  color: #D8BA98;
  padding: 7px;
}

.imagerow2 {
  background-color: transparent;
  color: #D8BA98;
}

/* COMMENTS */

.commentrow1 {
  background-color: #302923;
  color: #D8BA98;
}

.commentrow2 {
  background-color: #35302B;
  color: #D8BA98;
}

.commentspacerrow {
  background-color: #27211E;
  color: #D8BA98;
}

/* SIDEBAR */

.left {
  background-color: #302923;
  background-image: none;
  padding: 0;
}

/* MAIN CONTENT */

.main {
  border-bottom: 0;
  border-top: 1px solid #A96438;
}

/* BOXES */

.box_back {
  color: #D8BA98;
  padding: 2px;
}

/* FINISHING DETAILS */

img {
  border-color: #69503D;
}

a img {
  border-color: #69503D;
}

a:hover img {
  border-color: #C58B5B;
}

::selection {
  background: #A96438;
  color: #FFFFFF;
}

/* MODERN SCROLLBAR */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #27211E;
}

::-webkit-scrollbar-thumb {
  background: #76543C;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #A96438;
}