/*************************************************************
E - EXTRA
**************************************************************/

/* E1 Basic
-------------------------------------------------------------*/
/* E1.1 ÔÎÍ */
body {
  background: url(http://funkyimg.com/i/293i8.png) repeat top left #d7edf7;
  }

/* E1.2 ÒÅËÎ */
#pun {
  margin: auto auto -10px auto;
  padding: 0px auto -10px auto;
  position: relative;
  width: 952px;
  background: repeat transparent url(http://funkyimg.com/i/293i9.png);
  background-position: center;
  }
.lastedit {
  display:none !important;
  }

/* E1.3 ÒÅÊÑÒ */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {
  background-color: transpanent; 
  color: #000;  
  font-weight: normal; 
}

/* E1.4 ËÎÃÎ */
#pun-title table {
border: none;
height: 663px;
width: 1200px;
margin-left: -160px;
background: url(http://funkyimg.com/i/29Cuv.png) top center no-repeat;
background-position: 0 50%;
margin-bottom: -130px;}

/* E1.5 ÍÈÇ */
#pun-about p.container {
background: transparent url(http://funkyimg.com/i/29eor.png) bottom center no-repeat;
width: 1200px;
margin-bottom: -220px;
margin-left: -161px;
height: 150px;
background-position: 0 50%;}

/* E1.6 ÎÔÎÐÌËÅÍÈÅ ÏÐÎÔÈËß */
.punbb .post .post-author {
  float: left;
  width: 235px;
  min-height: 415px;
  margin-top: -1.5em;
  margin-left: -1px;
  padding-top: 15px;
  font-family: arial; font-size: 10px;
  text-align: center;
  background: url(http://funkyimg.com/i/296EB.png) 52% 0%  no-repeat, url(http://funkyimg.com/i/296EA.png) 50% 100% no-repeat, url(http://funkyimg.com/i/296Ez.png) 60% 42% repeat-y;
  overflow-x: hidden;   overflow-y: scroll;
  }
#profile-left {
  height: 400px;
  width: 20%!important;
  left: -50px!important;
  }
#profile-name strong {
  margin-top: -50px;
  height: 150%;
  }

/* E1.7 ÏÎËß ÏÐÎÔÈËß */
.pa-last-visit, li.pa-online {
  margin-bottom: 30px!important;
  }
.pa-ip {
  padding-bottom: 20px;
  }
.pa-respect {
  content: ".";
  margin-top: 30px;
  shadow: inset 0 0 10px 5px #e5d3c4;
  padding:31px;
  width: 63px;
  height: 30px;
  display: inline-block;
  margin-left: 0px;
  text-align: center;
  font-family: cambria;
  text-transform: lowercase;
  font-size: 10px;
  font-weight: bold;
  background: #fff6ca;
  border-radius: 10px;
  border-top: 3px solid #ebc458;
  border-bottom: 3px solid #ebc458;
  }
.pa-posts {
  margin-left: 50px;
  content: ".";
  shadow: inset 0 0 10px 5px #e5d3c4;
  margin-top: 30px;
  display: inline-block;
  text-align: center;
  font-family: cambria;
  text-transform: lowercase;
  font-weight: bold;
  font-size: 10px;
  width: 63px;
  height: 30px;
  padding:31px;
  background: #fff6ca;
  border-radius: 10px;
  border-top: 3px solid #ebc458;
  border-bottom: 3px solid #ebc458;
  }
.pa-avatar img {
  margin-left: 7px;}

/* E1.8 ÊÀÒÅÃÎÐÈÈ */
#pun-stats.section h2 {
  background: url(http://funkyimg.com/i/29eoU.png) top center no-repeat;
  width: 952px;
  height: 134px; 
  margin-left: -43px;
  }
#pun-stats.section h2 span, #pun-main .category h2 span {
  display: none;
  }
#post-form h2 {
  background: url(http://funkyimg.com/i/29eoV.png) top center no-repeat;
  width: 952px;
  height: 134px; 
  margin-left: -43px;
  }
#post-form h2 span {
  display: none;
  }
#post-form h2 span {
  font-family: ROBOTO CONDENSED, georgia, serif;
  font-size: 20px;
  font-weight: lighter;
  color: #c98a0d;
  text-shadow: 1px 1px #fff;
  text-transform: lowercase;
  }

/* E1.9 ÖÈÒÀÒÛ È ÊÎÄÛ */
#pun-main .quote-box, #pun-main .code-box,  .punbb textarea {
  margin: 0.4em 1.8em 1.4em;
  padding: 10px;
  background: #fffae0 none repeat scroll 0% 0%;
  border: none;
  box-shadow: 0px 0px 12px 0px #fff6ca inset;
  border-radius: 15px;
  }

/* E1.10 ÔÎÐÌÀ ÎÒÂÅÒÀ */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-reputation div, #pun-popup_awards div  {
  background: #fffae0 none repeat scroll 0% 0%;
  border: none;
  box-shadow: 0px 0px 12px 0px #fff6ca inset;
  border-radius: 15px;
  }

/* E1.11 ÏÐÎÊÐÓÒÊÀ */
::-webkit-scrollbar {  
  width: 4px; 
  height: 4px;
  }
::-webkit-scrollbar-track {  
  background: #fff6ca top center;
  }
::-webkit-scrollbar-thumb {  
  background: #7fb8de top center;
  }

/* E1.12 ÊÍÎÏÊÈ */
input.button, #post fieldset .hashelp div input, .button {
  -moz-box-shadow: inset 0px 1px 0px 0px #dbbb80;
  -webkit-box-shadow: inset 0px 1px 0px 0px #dbbb80;
  box-shadow: inset 0px 1px 0px 0px #dbbb80;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e0c187), color-stop(1, #ccab6d));
  background: -moz-linear-gradient(top, #e0c187 5%, #ccab6d 100%);
  background: -webkit-linear-gradient(top, #e0c187 5%, #ccab6d 100%);
  background: -o-linear-gradient(top, #e0c187 5%, #ccab6d 100%);
  background: -ms-linear-gradient(top, #e0c187 5%, #ccab6d 100%);
  background: linear-gradient(to bottom, #e0c187 5%, #ccab6d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0c187', endColorstr='#ccab6d',GradientType=0);
  background-color: #e0c187;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #c4a261;
  display: inline-block;
  cursor: pointer;
  color: #0a0502;
  font-family: arial!important;
  font-size: 12px!important;
  text-decoration: none;
  text-shadow: 0px 1px 0px #fce3aa;
  text-align: center!important;
  padding-left: 3px;
  padding-right: 3px;
  height: 25px!important;}
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccab6d), color-stop(1, #e0c187));
  background: -moz-linear-gradient(top, #ccab6d 5%, #e0c187 100%);
  background: -webkit-linear-gradient(top, #ccab6d 5%, #e0c187 100%);
  background: -o-linear-gradient(top, #ccab6d 5%, #e0c187 100%);
  background: -ms-linear-gradient(top, #ccab6d 5%, #e0c187 100%);
  background: linear-gradient(to bottom, #ccab6d 5%, #e0c187 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccab6d', endColorstr='#e0c187',GradientType=0);}

/* E2 Themes
-------------------------------------------------------------*/
/* E2.1 ÎÔÎÐÌËÅÍÈÅ ÔÎÐÓÌÎÂ */
.hottcl {
width: 320px;padding:30px;min-height: 55px;background: url(http://funkyimg.com/i/295qF.png) 52% 0% repeat-x, url(http://funkyimg.com/i/295qE.png) 50% 100% repeat-x, url(http://funkyimg.com/i/295qD.png) 60% 42%;margin-top: -20px;border-radius: 10px;padding-top: 25px!important;  line-height: 90%;font-family: verdana; font-size: 10px;text-align: justify;
margin-top: -45px!important
  }
.hottcl2 {
padding-top: 20px; text-align: center;font-family: verdana; font-size: 10px;}
.hottcl3 {padding: 5px; font-size: 8px;
}
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {padding: 4px; background: #ffdc78; text-transform: uppercase; text-shadow: 1px 1px #ffffff;
font-weight: bold; -webkit-transition: .5s linear; 
-moz-transition: .5s linear; 
-ms-transition: .5s linear; 
-o-transition: .5s linear; 
transition: .5s linear;}

a.tvm:hover {background: #ffe392; }

/* CS1 Border colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:  transparent;
  }

/* CS1.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border: 0px transparent;
  color: #5b5b5b;
  background: transparent;
  }

/* CS1.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-color: transparent;
  }

/* CS1.5 */
.punbb th {
  border-color: transparent ;
  }

/* CS1.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #d6d6d6;
  }

/* CS1.7 */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;
  }

/* CS1.8 */
.punbb .divider {
  border-color: transparent;
  }

/* CS1.8 */
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;
  }


/* CS2 Icons
-------------------------------------------------------------*/

/* CS2.1 ÑÒÀÐÎÅ */
.punbb table Div.icon {
  background-image : url(http://funkyimg.com/i/29erM.png);
  width: 64px;
  height: 58px;
  float: right;
  display: block;
  border-style: none;
  display: inline-block;
  background-repeat: no-repeat;opacity: 1.0;
  }

/* CS2.2 ÍÎÂÎÅ */
TR.inew Div.icon {
  background-image : url(http://funkyimg.com/i/29erL.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 58px;
  opacity: 1.0;
  }

/* CS2.3 ÇÀÊÐÛÒÎÅ */
TR.iclosed Div.icon {
  background-image : url(http://funkyimg.com/i/29erJ.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 58px;
  opacity: 1.0;
  }

/* CS2.4 ÂÀÆÍÎÅ */
TR.isticky Div.icon {
  background-image : url(http://funkyimg.com/i/29erK.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 58px;
  opacity: 1.0;
  }

/* CS2.5 ÑÒÀÒÈÑÒÈÊÀ */
#pun-stats ul.container {
  background-image: url("http://funkyimg.com/i/29erN.png");
  padding-left: 100px;
  margin-left: 10px;
  padding-top: -20px;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-size: auto;
  text-align: justify;
  }


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited  {
color: #b47904;
text-decoration: none;}

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #b47904;
text-decoration: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #b47904;
text-decoration: none;}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
color: #9b6904;
text-decoration: none;}

/* CS3.3 */
#pun-navlinks a {
font-family: Roboto Condensed, georgia, serif;
font-size: 16px;
font-weight: lighter;
text-transform: uppercase;
color: #c98a0d;
border-height: 50px;
text-shadow: 1px 1px #fff;
-webkit-transition-property: background color;
-webkit-transition-duration: 1.5s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background color;
-moz-transition-duration: 1.5s;
-moz-transition-timing-function: ease;}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
text-decoration: none;
color: #d7930a;
-webkit-transition-property: background color;
-webkit-transition-duration: 1.5s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background color;
-moz-transition-duration: 1.5s;
-moz-transition-timing-function: ease;}

/* CS3.4 */
#pun-ulinks a {
font-family: cambria, Calibri, Helvetica;
font-size: 8px;
letter-spacing: 2px;
text-transform: lowercase;
border-height: 30px;
text-shadow: 1px 1px #ffffff;
color: #c69a1c;}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #aad6eb;
text-transform: lowercase;
text-decoration: dashed;}

.pagelink strong {
color: #b47904;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #e4e4e4;}

.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;}