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

/* E1 ÁÀÇÀ
-------------------------------------------------------------*/
/* E1.1 ÔÎÍ */
body {
  background: url(http://funkyimg.com/i/2t8pZ.png) repeat top left #c0d4e1;
  }
#pun_wrap {
  background: url(http://funkyimg.com/i/2t8q3.png) repeat-x top left;}

/* E1.2 ÒÅËÎ */
#pun {
  margin: -18px auto -10px auto;
  padding: 0px auto -10px auto;
  position: relative;
  width: 1000px;
  background: repeat transparent url(http://funkyimg.com/i/2t8q1.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: 428px;
  width: 1000px;
  margin-left: -60px;
  background: url(http://funkyimg.com/i/2ta6d.png) top center no-repeat;
  background-position: 0 50%;
  margin-bottom: 0px;
  }

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

/* E1.6 ÎÔÎÐÌËÅÍÈÅ ÏÐÎÔÈËß */
.punbb .post .post-author {
  float: left;
  width: 220px;
  min-height: 115px;
  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/2tgnq.png) 0px 0px  no-repeat, url(http://funkyimg.com/i/2tEi1.png)   0% 100% no-repeat, url(http://funkyimg.com/i/2tCHF.png)  0px 0px repeat-y;
  overflow-x: hidden;   overflow-y: hidden;
  }
#profile-left {
  height: 400px;
  width: 20%!important;
  left: -50px!important;
  }
#profile-name strong {
  margin-top: -50px;
  height: 150%;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* E1.7 ÏÎËß ÏÐÎÔÈËß */
.pa-last-visit, li.pa-online {
  padding-bottom: 20px!important;
  }

 .pa-fld1 {
  content: ".";
  height: 18px;
line-height:14px;
  display: inline-block;
  text-align: center;
   text-transform: lowercase;
  font-style: normal!important;
  font-size: 10px;
  margin-top: 6px!important;
  background: #fff5fe!important;
  box-shadow: inset 0 0 10px #ffe1a2!important;
  border: 1px solid #ffc961!important;
  border-top: 4px solid #ffd37f!important;
  border-bottom: 3px solid #f2bf5d!important;
  border-radius: 0px;
  width: 45px;
  padding-left: 5px!important;
  padding-right: 5px!important;
padding-bottom:8px!important;
padding-top:1px!important;
  }

.pa-respect {
position:relative;
  content: ".";
  height: 18px;
line-height:14px;
  display: inline-block;
  text-align: center;
   text-transform: lowercase;
  font-style: normal!important;
  font-size: 10px;
  margin-top: 6px!important;
  background: #fff5fe!important;
  box-shadow: inset 0 0 10px #ffe1a2!important;
  border: 1px solid #ffc961!important;
  border-top: 4px solid #ffd37f!important;
  border-bottom: 3px solid #f2bf5d!important;
  border-radius: 0px;
  width: 46px;
  padding-left: 5px!important;
  padding-right: 5px!important;
padding-bottom:8px!important;
padding-top:1px!important;

  }
.pa-posts {
position:relative;
margin-left:-8px!important;
  content: ".";
 max-height: 18px;
line-height:14px;
  display: inline-block;
  text-align: center;
  text-transform: lowercase;
  font-style: normal!important;
  font-size: 10px;
  margin-top: 4px!important;
  background: #fff5fe!important;
  box-shadow: inset 0 0 10px #ffe1a2!important;
  border: 1px solid #ffc961!important;
  border-top: 4px solid #ffd37f!important;
  border-bottom: 3px solid #f2bf5d!important;
  width:50px;
  border-radius: 0px;
  padding-left: 5px!important;
  padding-right: 5px!important;
padding-bottom:8px!important;
padding-top:1px!important;

}

.pa-avatar {
text-align:center;
margin-left:-9px!important;
}
.pa-respect a {  font-style: normal!important;
  font-size: 10px;
  text-transform: lowercase;}

.pa-reg, .pa-ip, .pa-last-visit {
  font-family: roboto condensed;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 7px;
  }
 li.pa-online {
  font-family: roboto condensed;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  }
/* E1.8 ÊÀÒÅÃÎÐÈÈ */
#pun-stats.section h2 {
  background: url(http://funkyimg.com/i/2ta7L.png) top center no-repeat;
  width: 480px;
  height: 70px;
  margin-left: 190px;
  }
#post-form h2 {
  background: url(http://funkyimg.com/i/2ta7M.png) top center no-repeat;
  width: 480px;
  height: 70px;
  margin-left: 190px;
  }
#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display: none;}

/* E1.9 ÖÈÒÀÒÛ È ÊÎÄÛ */
#pun-main .quote-box, #pun-main .code-box, .post-content .spoiler-box{
  padding: 20px;
  background: #fff5fe;
  box-shadow: inset 0 0 10px #ffe1a2;
  border: 1px solid #ffc961;
  border-top: 8px solid #ffd37f;
  border-bottom: 6px solid #f2bf5d;
  border-radius: 20px;
  }
.post-content .spoiler-box > div {
  text-align: center;
  font-size: 8px;
  font-family: roboto condensed;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  }

.punbb textarea {
  background: #fff5fe;
  box-shadow: inset 0 0 10px #ffe1a2;
  border: 1px solid #ffc961;
  border-top: 8px solid #ffd37f;
  border-bottom: 6px solid #f2bf5d;
  border-radius: 14px;
  }

/* 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  {
  padding: 10px;
  background: #fff5fe;
  box-shadow: inset 0 0 10px #ffe1a2;
  border: 2px solid #ffc961;
  border-top: 5px solid #ffd37f;
  border-bottom: 3px solid #f2bf5d;
  border-radius: 14px;
  }

/* E1.11 ÏÐÎÊÐÓÒÊÀ */
::-webkit-scrollbar {
  width:10px;
  height:5px;
  }
::-webkit-scrollbar-track {
  background-color: #eee;
  border: 1px solid #fff;
  }
::-webkit-scrollbar-thumb {
  background-color: #60abd0;
  border: 2px solid #eee;
  }

/* E1.12 ÊÍÎÏÊÈ */
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
  background: #fff5fe!important;
  box-shadow: inset 0 0 10px #ffe1a2!important;
  border: 1px solid #ffc961!important;
  border-top: 4px solid #ffd37f!important;
  border-bottom: 3px solid #f2bf5d!important;
  border-radius: 20px;
  text-align: center;
  font-family: roboto condensed!important;
  text-transform: uppercase!important;
  font-weight: bold!important;
  letter-spacing: 1px!important;
  font-size: 8px!important;
  padding: 5px;
  height: 30px!important;
  transition-duration: 0.96s;
  cursor: pointer!important;
  }
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
  background: #fff5fe!important;
  box-shadow: inset 0 0 10px #ffe1a2!important;
  border: 1px solid #ffc961!important;
  border-top: 4px solid #f2bf5d!important;
  border-bottom: 3px solid #ffd37f!important;
  border-radius: 20px;
  text-align: center;
  font-family: roboto condensed!important;
  text-transform: uppercase!important;
  font-weight: bold!important;
  letter-spacing: 1px;
  font-size: 8px!important;
  transition-duration: 0.96s;
  padding: 5px;
  height: 30px!important;
  cursor: pointer!important;
  }

/* E2 Themes
-------------------------------------------------------------*/
/* E2.1 ÎÔÎÐÌËÅÍÈÅ ÔÎÐÓÌÎÂ */
.nfor {
  margin-top: -45px!important;
  width: 350px;
  height: 160px;
  background: url(http://funkyimg.com/i/2tgqh.png) no-repeat;
  padding-top: 55px!important;
  margin-bottom: -50px!important;
  padding-bottom: 10px!important;
  line-height: 90%;
  font-family: arial;
  font-size: 10px;
  }
.nfort {
  padding-top: 20px;
  text-align: justify; font-family: arial;
  font-size: 11px;
  width: 310px;
  height: 60px!important;
  margin-top: -6px!important;
  margin-left: 20px!important;
  }

/* 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: #1f1f1f;
  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.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/2tgt3.png);
  width: 64px;
  height: 64px;
  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/2tQWD.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  opacity: 1.0;
  }

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

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

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


/* CS3 Links
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited  {
  color: #1f1f1f;
  text-decoration: none;
  text-shadow: 1px 1px #ffffff;
  }

.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: #1f1f1f;
  text-decoration: none;
  }

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

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

/* CS3.3 */
#pun-navlinks a {
  font-family: Neucha!important;
  font-size: 15px;
  text-transform: upperrcase;
  color: #363636;
  border-height: 50px;
  font-weight: bold!important;
  }

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

/* CS3.4 */
#pun-ulinks a {
font-family: "MyriadProRegular";
  font-size: 8px;
  letter-spacing: 0px;
  text-transform: uppercase;
  border-height: 30px;
  color: #311f06;
  }

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

.pagelink strong {
color: #1b1001;
  text-shadow: 1px 1px #ffffff;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #311f06;
  }

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

.pa-author a, li#profile-name {
  text-decoration: none; 
  text-align: center;
  color: #ffffff!important;
  font-family: Neucha!important;
  font-size: 20px!important;
 text-shadow: 0px 0px 5px #ffffff!important;
  text-transform: uppercase;
  font-weight: bold!important;
  margin-top: 50px!important;
  margin-bottom: -8px;
  margin-left: -6px!important;
  }
.pa-author {
  margin-top: 0px!important;
  text-align: center!important;
  font-family: Neucha!important;
  text-shadow: 1px 1px 0px #f0b84b!important;
  margin-bottom: -8px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 8px!important;
  }

td.tcr a{
  background: transparent no-repeat 0px 3px;
  padding-left: 10px;
  padding-bottom: 0px;
  pading-top: 0px;
  }


/*************************************************************
F - THEMES
**************************************************************/
.test_theme {  background: url(http://funkyimg.com/i/2tEjV.png) 50% 0%no-repeat, url(http://funkyimg.com/i/2tEjU.png) 50% 100% no-repeat, url(http://funkyimg.com/i/2tEjT.png) 50% 100% repeat-y;
width: 560px;
min-height: 50px;}
.test_body {width: 490px;padding:10px;padding-bottom: 25px;text-align:justify;font-size: 10px;line-height: 15px; }
.test_title {font-size: 34px; font-family: Neucha!important; color: #ffffff; text-shadow: 0px 0px 5px #ffffff; padding-bottom: 20px;}