/* PlanetCatfish ADDITIONAL Styles (e.g. not those present but altered from phpBB style)
 ---------------------------------------- */

body {
  background: none;
  font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: white;
}

/* Header */
#pclayer0 {
  background: black;
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0px;
  height: 101px;
  top: 0px;
}

/* Dither */
#pclayer1 {
  background: black;
  background: linear-gradient(black, lightgray);
  position: absolute;
  z-index: 11;
  width: 100%;
  left: 0px;
  top: 100px;
  height: 28px;
}

/* Full Cat Graphic */
#pclayer2 {
  position: absolute;
  z-index: 12;
  left: 0px;
  top: 46px;
  width: 200px;
  height: 100px;
}

/* Half Cat Graphic */
#pclayer3 {
  position: absolute;
  z-index: 13;
  left: 0px;
  top: 46px;
  width: 110px;
  height: 100px;
}

/* Head Cat Graphic */
#pclayer4 {
  position: absolute;
  z-index: 14;
  left: 0px;
  top: 40px;
  width: 46px;
  height: 100px;
}

/* PlanetCatfish Graphic */
#pclayer5 {
  position: absolute;
  z-index: 15;
  left: 200px;
  top: 46px;
}

/* Sponsor */
#pclayer6 {
  position: absolute;
  z-index: 16;
  right: 2px;
  top: 52px;
  padding-bottom: 12px;
}

/* Smart menu */
#pclayer7 {
  position: absolute;
  z-index: 17;
  align-content: end;
  top: 0px;
}

/* Main content wrapper */
#pclayer8 {
  z-index: 0;
  width: 100%;
  position: absolute;
  top: 128px;
}

#wrap {
  margin-top: 66px;
  /* Ensure quick links and everything afterwards sits under the PC header */
  max-width: 1700px;
}

.navbar {
  background: silver;
  background: linear-gradient(white, silver);
}

.forabg, .forumbg {
  background-color: gray;
  background-image: none;
  background: linear-gradient(to bottom, lightgray 0%, gray 2px, lightgray 92px, gray 100%);
}

h1, h2, h3 {
  color: #808080;
}


a:link, .postlink, .button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon, .signature a {
  text-decoration: none;
  font-weight: bold;
  color: purple;
}

a:visited, .postlink:visited, .signature a:visited {
  text-decoration: none;
  font-weight: bold;
  color: darkgreen;
}

a:active, .postlink:active, .signature a:active {
  text-decoration: none;
  font-weight: bold;
  background: green;
  color: yellow;
}

a:hover, .postlink:hover, .signature a:hover {
  border-radius: 2px;
  text-shadow: 0px 1px 0px black000;
  text-decoration: none;
  font-weight: bold;
  color: yellow;
  background: purple;
  background-image: linear-gradient(to bottom, indigo, purple);
}

.bg1 {
  background-color: lightgray;
}

.bg2 {
  background-color: silver;
}

.bg3 {
  background-color: silver;
}

.tabs .tab>a {
  background: silver;
  background-image: linear-gradient(to bottom, silver 0%, silver 100%);
  color: black;
}

.tabs .tab>a:hover {
  text-decoration: underline;
  background: silver;
  color: black;
}

.tabs .activetab>a, .tabs .activetab>a:hover {
  background-color: silver;
  background-image: linear-gradient(to bottom, silver 10%, silver);
  border-color: silver;
  box-shadow: 0 1px 1px lightgray inset;
  color: dimgray;
}

.tabs .activetab>a:hover {
  text-shadow: none;
  color: black;
}

.navigation a {
  color: purple;
  background: silver;
  background: linear-gradient(to right, silver 66%, silver);
}

.navigation a:hover {
  color: yellow;
  background: purple;
  background: linear-gradient(to right, purple 66%, silver);
}

.navigation .active-subsection {
  color: dimgray;
  background: purple;
}

.navigation .active-subsection a:hover {
  text-shadow: none;
  background: white;
}

.dropdown-extended .header {
  background-color: lightgray;
  background-image: linear-gradient(to bottom, lightgray 0%, silver 100%);
}

ul.forums {
  background-color: silver;
  background-image: linear-gradient(to bottom, silver 0%, silver 100%);
}

li.row {
  border-top-color: white;
  border-bottom-color: dimgray;
}

li.row:hover {
  background-color: lightgray;
}

.content h2, .panel h2 {
  color: black;
  border-bottom-color: silver;
}

ul.forums {
  background-color: silver;
}

ul.topiclist li {
  color: gray;
}

.panel {
  background-color: lightgray;
}

.bg1 {
  background-color: silver;
}

.bg2 {
  background-color: silver;
}

.bg3 {
  background-color: silver;
}

#tabs .tab>a {
  background: silver;
  color: purple;
}

#tabs .tab>a:hover {
  border-radius: 2px;
  text-shadow: 0px 1px 0px black000;
  text-decoration: none;
  font-weight: bold;
  color: yellow;
  background: purple;
  background-image: linear-gradient(to bottom, indigo, purple);
}

#tabs .activetab>a, #tabs .activetab>a:hover {
  background: silver;
  background: linear-gradient(to bottom, silver 0%, silver 100%);
  border-color: silver;
  box-shadow: 0 1px 1px lightgray inset;
  color: dimgray;
}

#tabs .activetab>a:hover {
  color: black;
}

/* --------------------------------------------------------------------------------------------------
 PC specific CSS (if it begins with arn_ then it SHOULD be used in common/css but be redefined here)
 --------------------------------------------------------------------------------------------------*/
#arn_quickfind_results {
  box-shadow: 0px 0px 32px darkgrey;
}

.arn_heading {
  background-color: silver;
  border: 1px solid #111111;
  text-shadow: 0px 1px 0px lightgray;
  border-radius: 8px 8px 0px 0px;
  box-shadow: inset 2px 4px 8px silver;
  border-left: 1px;
  border-right: 1px;
  border-top: 1px;
  border-bottom: 1px solid green;
  background: linear-gradient(silver, lightgray);
}