/* CS1 Background and text colours
-------------------------------------------------------------*/

html,
body {
  background-color: #e9f0ea;
}

#pun {
  box-sizing: border-box;
  background-color: #e5e5e5;
  box-shadow: 0px 0px 0px 3px #eeeeee, 0px 0px 0px 4px #7b615b, 0px 0px 0px 9px #372521;
  }

/* CS1.1 */
.punbb .section .container, 
.punbb .post-body, 
.punbb .post-links, 
.punbb td.tc2, 
.punbb td.tc3,
.punbb .formal fieldset .post-box, 
#viewprofile li strong, 
#viewprofile li div, 
#setmods dd,
.punbb .info-box, 
.punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, 
.punbb .post .container, 
.punbb .post h3, 
.punbb-admin #pun-admain .adcontainer {
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, 
.punbb .main h1, 
.punbb .main h2, 
#pun-debug h2, 
.punbb-admin #pun-admain h2 {
    background: url(https://i.imgur.com/XtN0vv4.png) top center repeat-x;
    color: #e9f0ea;
    font-size: 2.1em;
    letter-spacing: -0.5px;
    font-family: 'Lunapolis';
  }

/* CS1.4 */
#pun-title {
    background: url(https://i.imgur.com/GVCeTWs.jpg) top left no-repeat, url(https://i.imgur.com/WxBQe5S.jpg) right top no-repeat;
    color: #333;
}

.punbb .modmenu .container {
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    color: #3a201b;
  }

/* CS1.6 */
.punbb .post h3 span, 
.punbb th, 
#viewprofile li, 
#setmods dl  {
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, 
.punbb .code-box {
    background-color: #c8c8c8;
    color: #372521;
    box-shadow: 0px 0px 0px 2px #eeeeee, 0px 0px 0px 3px #d2bab5, 0px 0px 0px 6px #372521;
  }

.punbb .quote-box cite, 
.punbb .code-box strong.legend {
    background: #372521;
    color: #e5e5e5;
}

/* CS1.8 */
.offline li.pa-online strong {
  font-weight: normal
  }

li.pa-online {
    color: #372521;
}

/* CS1.9 */
.tcl .tclcon {
    background: url(https://i.imgur.com/CqB1xqM.png) top left no-repeat, url(https://i.imgur.com/ajkTQzA.png) right bottom no-repeat, #e7ebe8;
    color: #372521;
}

/* CS1.10 */
.punbb .post .post-author {
    background: #dddddd;
    box-shadow: 0px 0px 0px 3px #eeeeee, 0px 0px 0px 6px #372521;
}

.pa-author {
    background: url(https://i.imgur.com/O4eihPF.png) top left no-repeat;
}

.pa-avatar {
    border: 1px solid #372521;
    background: #372521;
}

.pa-title {
    background: #372521;
    color: #cfcfcf;
    box-shadow: 0px 0px 0px 2px #372521, 0px 4px 0px 1px #ebebeb;
}

/* CS1.11 */
.punbb textarea {
    margin: 7px 0 !important;
    background: url(https://i.imgur.com/w5vV9nm.jpg) #e9f0ea;
    color: #372521;
    border: 0;
    box-shadow: 0px 0px 0px 3px #e1e5df, 0px 0px 0px 4px #99837f, 0px 0px 0px 7px #372521;
}

.punbb select,
.punbb input {
    background: #322522;
    color: #e4d8c7;
}

.punbb input.button {
    font-family: Century Gothic !important;
    font-size: 0.95em !important;
    text-transform: lowercase; 
    background: #48544f;
    color: #e9f0ea;
    border: 0;
    border-bottom: 2px solid #8a9f96;
    cursor: pointer;
}

.punbb input.button:hover {
    background: #544f48;
    color: #e9f0ea;
    border-bottom: 2px solid #9f938a;
    text-shadow: 0px 0px 5px #ff7800;
}

/* CS1.12 */
.buttonInfo {
    width: 109px;
    padding: 4px 0px;
    margin: 0 45px 3px !important;
    display: inline-block;
    text-transform: lowercase;
    text-align: center;
    background: #48544f;
    color: #e9f0ea;
    border-bottom: 2px solid #8a9f96;
    cursor: pointer;
}

.buttonInfo:hover {
    background: #544f48;
    color: #e9f0ea;
    border-bottom: 2px solid #9f938a;
    text-shadow: 0px 0px 5px #ff7800;
}

.buttonInfo > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #e5e5e5 !important;
}

.buttonInfo > a:hover {
    color: #e9f0ea !important;
}

#plng {
    margin: 0px 25px 0px -15px;
    padding: 2px 10px !important;
    background: #372521 !important;
    color: #e7d2a9 !important;
    font-family: Century Gothic;
    font-size: 1em !important;
    letter-spacing: -0.5px;
    box-shadow: 0px 0px 0px 1px #99837f, 0px 0px 0px 2px #372521;
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
/*--*/

/* CS2.2 */
/*----*/

/* CS2.3 */
/*----*/

/* CS2.4 */
/*----*/

/* CS2.5 */
/*----*/

/* CS2.6 */
/*----*/

#pun-announcement h2 span,
li#onlinelist, 
#pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-announcement h2,
li#onlinelist div, 
#pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, 
.punbb .info-box {
  border: 0;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, 
.punbb a:link, 
.punbb a:visited,
.punbb-admin #pun-admain a, 
.punbb-admin #pun-admain a:link, 
.punbb-admin #punbb-admain a:visited {
    color: #696969;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #967c77;
  }

/* CS3.3 */
#pun-navlinks a {
    color: #372521;
    text-decoration: none;
  }

#pun-ulinks a {
    color: #696969;
    text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, 
#pun-navlinks a:focus, 
#pun-navlinks a:active,
#pun-ulinks a:hover {
  color: #967c77;
  text-decoration: none;
  }

#pun-pagelinks a:active, 
#pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS3.5 */
#pun-index .inew .tcl h3 a {
  color: #372521;
  text-decoration: none;
}

#pun-index .tcl h3 a {
  color: #979797;
  text-decoration: none;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
    background: url(https://i.imgur.com/cn5wkOE.png) top center no-repeat;
}
div.inew {
    background: url(https://i.imgur.com/qewhmAm.png) top center no-repeat;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


img.post-img-Sp {
    margin: 5px 10px;
    width: 42px;
    height: 42px;
    display: inline-block;
}

div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{
  font-size:14px;
  letter-spacing:1px;
}

/* CS5 Announcement
 -------------------------------------------------------------*/
#headerAnnouncement {
    margin: 36px 0 0 -5px;
    position: absolute;
    width: 286px;
}

.inAnnouncement > span {
    box-sizing: border-box;
    padding: 5px 5px 15px;
    font-size: 1em;
    font-family: Century Gothic;
    color: #372521;
}

.inAnnouncement > h2 {
    text-align: center;
    font-family: 'FarCry';
    font-size: 1.5em !important;
    letter-spacing: -0.5px;
    margin-bottom: -5px;
    color: #372521;
}

#annNews > span {
    display: block;
    width: 286px;
    background: url(https://i.imgur.com/90vvThd.png) no-repeat top right, url(https://i.imgur.com/FQb9h7U.png) no-repeat bottom left, rgba(213, 213, 213, 0.2);
}

#annLiders {
    margin-top: 5px;
}

#annLiders > span {
    display: block;
    width: 286px;
    background: url(https://i.imgur.com/CqB1xqM.png) top left no-repeat, url(https://i.imgur.com/ajkTQzA.png) right bottom no-repeat, rgba(213, 213, 213, 0.2);
    text-align: center;
}

#annLiders > span img {
    margin-top: 3px;
    margin-right: 10px;
}

#annPartners > span {
    margin-top: 6px;
    display: block;
    width: 200px;
    background: url(https://i.imgur.com/CqB1xqM.png) top left no-repeat, url(https://i.imgur.com/ajkTQzA.png) right bottom no-repeat, rgba(219, 255, 77, 0.10);
    text-align: center;
    padding: 6px 5px 4px;
}