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

/* 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 {
  color: #333;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: none;
  color: #8F8F8F;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #f7f7f7;
  color: #8F8F8F
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background: rgba(255, 255, 255, 0.8);
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #004F90;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border: none;
  }

/* CS2.5 */
.punbb th {
  border-color: #dedfdf
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: rgba(0, 0, 0, 0.03);
  }

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

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

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #A5A5A5;
  }


/* 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: #919191;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  }

.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: #fff;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  }

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

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

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

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

div.icon {
        background: url(http://i.imgur.com/vfCgzia.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://i.imgur.com/vfCgzia.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://i.imgur.com/vfCgzia.png) no-repeat;
}

tr.iredirect div.icon {
        background: url(http://i.imgur.com/vfCgzia.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://i.imgur.com/vfCgzia.png) no-repeat;
}

    #pun-stats ul.container {
background: url(http://i.imgur.com/vfCgzia.png) 25px 115px no-repeat;
padding-left: 80px;
        }

     #pun-stats div.statscon {

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

/* CS5 Style
 -------------------------------------------------------------*/

.statscon {
padding: 3em 5em 8em 0em;
background: rgba(0, 0, 0, 0.1);
margin-bottom: 1em !important;
  font-size: 1.1em;
}

td.tc2, td.tc3 {
background: rgba(0, 0, 0, 0.1) !important;
}

.punbb tr.alt2 {
background: rgba(0, 0, 0, 0.1) !important;
}

.punbb table div.icon {
float: left;
}

.multipage .pagelink {
  padding: 2em;
  float: left;
}

.multipage .modmenu {
  padding: 0.2em;
  background: rgba(255, 255, 255, 0.5);
}
#topic-modmenu.modmenu {
  padding: 1em;
  background: rgba(255, 255, 255, 0.5);
}

.modmenu .container {
  padding: 0em;
  background: none;
}

#topic-users-in.modmenu {
  padding: 1em;
  margin-top: 0.1em;
  background: rgba(255, 255, 255, 0.5);
}

#main-reply {
  width: 99.5%; 
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid white;
  margin-top: 1em;
}

#post .container {padding: 0em 1em 2em 1em;}

#post fieldset legend {display: none;}

#post fieldset {
  padding: 0 18px 0 12px !important; 
  border: none !important;
  margin: 0 !important;
  background: none !important;
}

.button {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  padding: 1em 2em 1em 2em;
  font-weight: bold !important;
  box-shadow: 0px 0px 2px rgb(165, 165, 165);
}

#post .formsubmit {margin: 0; padding: 0em 0em 0em 1.1em;}

#pun-live-rusff {display: none;}

#title-logo-table {
display: none;
}

#pun-status.section {
  padding: 1em 7em 4em 12em;
  top: 18.2em;
  left: 34.5%;
  width: 215px;
  height: 68px;
  font-size: 1em;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5)!important;
  position: absolute;
}

#pun-status.container {
  padding: 0.8em 1em 1em 1em;
  top: 0em;
  left: 12em;
  background: none !important;
  color: rgb(150, 150, 150) !important;
}

#pun-status p span.item3 a {
  position: absolute;
  top: 9em;
  right: 2em;
  font-weight: bold;
}

#pun-status p span.item3 {
  float: none !important;
  margin: 0;
}

#ava-status img {
max-width: 100px;
max-height: 100px;
}

#profilenav h2 {
background: transparent;
border: none;
padding: 0;
text-align: center;
margin: 1em;
}
#profilenav span {
background: none !important;
text-shadow: none;
padding: 1em 4em 1em 4em;
}
#profilenav ul a {
background: url(http://i.imgur.com/3tCRz.png) 0% 2px no-repeat;
padding: 0 0em 0 1.5em;
}

#pun-announcement h2 {
display: none;
}

li.pl-delete a {
  background: url(http://i.imgur.com/2lcz4.png) left center no-repeat; 
  padding: 0.2em 2em 0.2em 1.8em; 
  color: #000 !important;
}

li.pl-delete a:hover {
  background: url(http://i.imgur.com/MtUjMzs.png) left center no-repeat; 
  color: #fff !important;
}

li.pl-edit a {
  background: url(http://i.imgur.com/vPk8Q.png) left center no-repeat; 
  padding: 0.1em 0em 0.1em 1.8em; 
  color: #000 !important;
}

li.pl-edit a:hover {
  background: url(http://i.imgur.com/7ig8mnS.png) left center no-repeat; 
  color: #fff !important;
}

li.pl-quote a {
  background: url(http://i.imgur.com/iZmHn.png) left center no-repeat; 
  padding: 0.1em 0em 0.1em 1.8em; 
  color: #000 !important;
}

li.pl-quote a:hover {
  background: url(http://i.imgur.com/5EBXFmz.png) left center no-repeat; 
  color: #fff !important;
}

li.pl-email a {
  color: #000 !important;
}

li.pl-email a:hover {
  color: #fff !important;
}

#mod-options {
margin-top: -1em;
border-radius: 0;
padding: 0.5em;
background: rgb(202, 202, 202);
border: none;
box-shadow: 0px 0px 2px rgb(105, 105, 105);
}

#video-area {
background-color: #D5D5D5 !important;
padding: 1em !important;
border: 2px solid rgb(151, 151, 151);
-webkit-border-radius: 4px;
position: absolute !important;
right: 1em !important;
top: 6em !important;
}
#image-area {
background-color: #D5D5D5 !important;
padding: 1em !important;
border: 2px solid rgb(151, 151, 151);
-webkit-border-radius: 4px;
position: absolute !important;
right: 1em !important;
top: 6em !important;
}
#color-area {
background-color: #D5D5D5 !important;
padding: 1em !important;
border: 2px solid rgb(151, 151, 151);
-webkit-border-radius: 4px;
position: absolute !important;
right: 1em !important;
top: 6em !important;
z-index: 2;
}
#font-area {
background: rgba(255, 255, 255, 0.5);
padding: 1em !important;
border: 2px solid rgba(213, 213, 213, 0.5);
-webkit-border-radius: 2px;
position: absolute !important;
left: -17.9em !important;
top: -7.5em !important;
margin: 0;
z-index: 1;
}
#font-area div {
border: 1px solid #777777;
border-radius: 4px;
margin-bottom: 0.3em;
background: rgba(255, 255, 255, 0.26);
text-align: center;
}
#font-area span, #size-area span {
  padding: 5px 0 !important;
}

#keyboard-area {
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 13px;
color: #727272;
margin: 0;
min-width: 30px;
background-color: #D5D5D5 !important;
padding: 1em !important;
border: 2px solid rgb(151, 151, 151);
-webkit-border-radius: 4px;
position: absolute !important;
right: 1em !important;
}
#table-area {
background-color: #D5D5D5 !important;
padding: 1em !important;
border: 2px solid rgb(151, 151, 151);
-webkit-border-radius: 4px;
position: absolute !important;
right: 1em !important;
top: 6em !important;
z-index: 2;
}
#size-area {
background-color: #D5D5D5 !important;
border: 2px solid rgb(151, 151, 151);
padding: 1em !important;
-webkit-border-radius: 4px;
position: absolute !important;
left: 1.7em !important;
top: 6em !important;
}
#size-area div {
border: 1px solid #747474;
margin-bottom: 0.3em;
text-align: center;
background: #B6B6B6;
}

#size-area img {width:100%; margin-top: -32px !important;}

#addition-area {
background-color: #D5D5D5 !important;
padding: 1em !important;
border: 2px solid rgb(151, 151, 151);
-webkit-border-radius: 4px;
position: absolute !important;
right: 1em !important;
top: 6em !important;
font-weight: bold;
}

#smilies-area {
width: 450px;
background-color: #D5D5D5 !important;
padding: 1em !important;
border: 2px solid rgb(151, 151, 151);
-webkit-border-radius: 4px;
position: absolute !important;
right: 1em !important;
top: 6em !important;
z-index: 2;
}

a.permalink {font-weight: normal !important;}

.post h3 strong {
float: right;
width: 5em;
text-align: center !important;
font-weight: bold !important;
}

.quote-box cite {
margin-bottom: 0.5em !important;
border-bottom: 1px solid #B1B1B1;
}  

.code-box {
font-size: 0.9em !important;
}

.spoiler-box {
padding: 0.6em 1em !important;
}

.highlight-text {
background-color: rgba(162, 162, 162, 0.6) !important;
color: #FFF !important;
border: 1px solid rgba(0, 0, 0, 0.16) !important;
padding: 0.1em 0.4em 0.1em 0.4em !important;
}

.post-content hr {
  opacity:0.5;
  -moz-opacity:0.5;
  -khtml-opacity:0.5; 
  filter:alpha(opacity=50); 
  margin-bottom:0.8em;
  border-bottom: 1px solid white;
  border-top: 1px solid rgb(145, 145, 145);
}

.post-content abbr {
  cursor:help;
  border-bottom: 1px solid #B1B1B1;
  color: rgb(111, 111, 111);
  font-style: italic;
  font-family: verdana;
}

.post-content table {
  border-collapse:collapse; 
  border: 2px solid #AAAAAA;  
  background: rgba(128, 128, 128, 0.219608) !important;
  margin:0 0 0.8em
}

.post-content td {
border-width: 1px !important;
border-color: #AAAAAA;
border-style: solid !important;
padding: 0.4em 0.5em !important;
overflow: hidden;
}

#ctl_regselect, #ctl_tzselect, #fld1, #fld2, #fld3, #fld4, #fld5, #fld6, #fld7, #fld8, #fld9, #fld10 {
margin: 1em 1em 0 0;
border-radius: 0;
padding: 0.5em;
background: rgb(202, 202, 202);
border: none;
box-shadow: 0px 0px 2px rgb(105, 105, 105);
}