/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 30px;
  position: relative;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  line-height: 1.2;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 96.01%;
  }

/* A3.2 */
.punbb {
  font: normal 69.75% verdana, arial, helvetica, sans-serif;
  }


/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, verdana, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }



/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px;
  position: relative;
  border-width: 0px 0px 0px 0px;
  width: 980px;
  margin: auto;
  top: 0px;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 890px;
  height: auto;
  margin: 0 0 0 55px;}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }


/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #b5a395;
  width: 250px;
  margin: 5px 0;
  }


/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.3em 2.4em 1.2em 2.4em;
padding: 1em;
border-radius: 14px;
border-top: 6px solid #00000;
border-bottom: 6px solid #0000;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  font-size: 10px;
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 0em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  margin-left: 6px;
  }

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }


/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 20em;
  font-family: 'Lobster', sans-serif;;
  border-left-style: solid;
  border-left-width: 1px
  } 


/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 120em;
  text-align: right;
  font-weight: normal;
  }


/* C3.5 */
.punbb .post .post-author {
  float: left;
width: 230px;
   color: #b8aea0;
   margin-top: 0.5em;
margin-left: -22px;
  text-align: center;
   background: url(http://savepic.org/6940487.png) top no-repeat, url(http://savepic.org/6886212.png) bottom no-repeat, url(http://savepic.org/6929220.png) repeat-y;
}


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

/* C3.7 */
.pa-author {
  font-size: 4.0em;
  font-weight: bold;
  text-align: center;
  font-family: 'Lobster ', sans-serif;
  color: #29340d;
  margin-top: 0px;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.5em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  text-align: center;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 17em;
  font-family: 'Lobster', sans-serif;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -17em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  font-size: 12px;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
	height: 0px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }


#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 527px;
}



/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */

#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  top: 0;
  }


/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 0em;
margin-top : 15px;
  font-size: 15px;
font-family: 'Lobster', sans-serif;
font-weight: bold;
  text-transform: uppercase;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
margin-top : -10px;
  font-size: 12px;
font-family: Minion Pro;
  text-transform: lowercase;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 0.4em 1em;
  font-size: 11px;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0em 1em;
  font-size: 1.1em;
  font-style: italic;
  margin-top: -12px;
}

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  display: none;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 0em 2.5em 0em 2.5em;
  color: #324344;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

/* Допы */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #000000;}

#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #351a0b;
  font-size: 11px}

#pun-stats h2,.punbb .main h1, .punbb .main h2 {
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  text-align: center;}

#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;}

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;}

.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;}


#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #513817;
  text-align: center;}

.offline li.pa-online strong {
  color: #000000;
  font-weight: normal;}

/* Скрыть "Награды" */
li#navawards {display: none;}


#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 300px; top:0px
}
  }

/* Допы */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #000000;}

#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #351a0b;
  font-size: 11px}

#pun-stats h2,.punbb .main h1, .punbb .main h2 {
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  text-align: center;}

#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;}

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;}

.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;}


#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #513817;
  text-align: center;}

.offline li.pa-online strong {
  color: #000000;
  font-weight: normal;}

/* Скрыть "Награды" */
li#navawards {display: none;}


#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 300px; top:0px
}

@import "http://webfonts.ru/import/bebasneue.css";
@import "http://webfonts.ru/import/cuprum.css";
@import "http://webfonts.ru/import/nautilus.css";
@import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,cyrillic-ext,latin-ext,cyrillic);

<!--HTML-->

<link href='https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><br /><br /><center><link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>

<style>
.quest {width: 600px; height: 700px; background-image: url(http://i.imgur.com/DUPdFXO.png); border: #f9db61 solid 10px; border-left: #f3e4a9 solid 3px; border-right: #f3e4a9 solid 3px; -moz-border-radius: 40px; border-radius: 40px;}
.quest1 {width: 550px; height: 520px; background: #f8f8f8; top: 20px; left: 20px; -moz-border-radius: 35px; border-radius: 35px;}
.bigpic img {border:6px solid #f9db61; margin-left: -115px; margin-top: -150px; position: absolute; border-radius: 160px; height:160px; width:160px;}
.smallpic img {border:5px solid #f9db61; margin-left: -65px; margin-top: -50px; position: absolute; border-radius: 110px; height:110px; width:110px; }
.about {font-size: 10px;}
.citata {color: #000000; font-family: Tahoma; font-size: 9px; line-height: 100%; letter-spacing: 2px; text-align: center; text-transform: uppercase;}
.bigtext {color: #000000; font-family: fugaz one; font-size: 20px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; }
</style>


<center><div class="quest"><br><div class="quest1">
<table border="0">
<tbody>
<tr>
<td width="100px"><center><div class="bigpic" style="-moz-border-radius: 160px;"><img src='http://savepic.org/7733205.png'></div></center>
<!--В ССЫЛКУ НИЖ ВСТАВЛЯЕМ СВОЮ С ФОТО-->
<center><div class="smallpic" style="-moz-border-radius: 110px;"><img src='http://savepic.org/7721941.png'></div></center></td>
<td width="375px">
<div style="color: #000000; font-family: Franklin Gothic Medium; font-size: 30px; line-height: 100%; letter-spacing: -1px; font-weight: bold; text-align: center; text-transform: uppercase; ">Имя и Фамилия [eng], ?? y.o.</div><div style="height: 200px; overflow: auto; font-size: 10px;">Дорогой дневник, там где-то на первых страницах я уже писал о том, что меня зовут <b>ваше имя на русском</b> и знаешь, ведь ничего не изменилось, хоть я и прожил уже <b>ваш возраст</b>. Может только то, что мое имя в итоге сократили просто до <b>сокращение вашего имени</b>. Когда-то я посвящал тебя и в то, что был рожден в <b> город, в котором вы были рождены </b> и до сих пор влюблен в этот город. Но может стоить увидеть мир? Я не знаю и долгое время у меня не у кого было об этом спросить. Совсем не помню, говорил ли я тебе о том, что мне нравятся <b>мужчины|женщины</b>, а если и да, то разве я не повторяюсь на твоих страницах? Именно осознание этого - помогло мне найти <b>имя вашей пары</b>, ради которого(-ой) я теперь выбираюсь по утрам из под одеяла и варю для нас кофе. И знаешь, я до сих пор не отказался от своего увлечения и продолжаю <b>ваше хобби</b>. Я до сих пор помню, как на первых твоих страницах обещал, что когда-нибудь оживлю мечту и стану <b>ваша профессия</b>. Я выполнил это обещание и теперь <b>место вашей работы</b>, куда и хожу каждый день. Ну и с годами, кажется, я только сильней стал походить на <b>ваша внешность</b>. Не знаю, правда ли. 
</div></td>
</tr>
</tbody>
</table>

<table border="0">
<tbody>
<tr>
<td width="390px">
<div style="color: #000000; font-family: fugaz one; font-size: 20px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; ">= характер = <br></div><div style="color: #000000; font-family: Tahoma; font-size: 10px; line-height: 100%; letter-spacing: 2px; font-weight: bold; text-align: center; text-transform: uppercase; ">Люди недаром говорят: характер закладывается в колыбели.<br></div><div style="height: 320px; overflow: auto; font-size: 10,5px;"><br><br>▼ Помните о том, что анкета называется именем Вашего персонажа, а так же указывается и возраст - <b>Demetrio Ranieri, 32 </b>;<br>
▼ Помните о том, что для того, чтобы Ваша анкета отобразилась правильно нужно убрать звездочки в самом начале и конце кода;<br>
▼ Помните о том, что заполняя анкету, Вы должны строго соблюдать шаблон и не менять в нем пункты, исключение оставляет первое окно, в котором вам позволена легкая импровизация, но давайте обойдемся без излишеств. Так же позволено совместить биографию и характер, но будьте внимательны, когда решите удалить часть кода; <br>
▼ Помните о том, что ваша биография и характер должны нести в себе минимум двадцать пунктов. Вы вправе писать как сплошным текстом, так и разделить на пункты. Так же, Вы можете самостоятельно решить: от какого именно лица Вам заполнять анкету, администрация Вас в этом не ограничивает;<br>
▼ Помните о том, что цитаты, которые представлены в шаблоне НЕ меняются и строго закреплены за шаблоном. Если же вы желаете вставить собственную цитату - это не возбраняется, но лишь дальше по собственному тексту;<br>
▼ Помните о том, что в коде не работают квадратные скобки для выделения, а для того, чтобы перенести строку на ноdую нужно воспользоваться тэгом переноса;<br>
▼ Помните о том, что фотография с вашей внешностью сожмется до нужного размера сама, но выбирайте такие, где лицо по центру и желательно квадратные. Так же помните, что Вы должны вставить лишь одну картинку, вторую вставляет администрация;<br>
▼ Помните о том, что вежливость - главное в разговоре и не нужно грубить, если администрация просит Вас внести изменения в Вашу анкету.</div></td>
</tr>
</tbody>
</table>
<table border="0">
<tbody>
<tr>
<td width="390px">
<div style="color: #000000; font-family: fugaz one; font-size: 22px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; ">= биография = <br></div><div style="color: #000000; font-family: Tahoma; font-size: 10px; line-height: 100%; letter-spacing: 5px; font-weight: bold; text-align: center; text-transform: uppercase; ">Жить — тяжко, умереть — уменья не хватает.<br></div><div style="height: 410px; overflow: auto; font-size: 10,5px;"></div></td>
</tr>
</tbody>
</table>
</div></div></center>

<!--HTML--><div style="width: 500px; padding: 15px 15px 5px 15px; background: url(http://i.imgur.com/J826kQi.png); border: 3px double #EDEDED;">
<table>
<tbody><tr><td width="115px" valign="top"><div style="text-align: center; color: #7ba8dc; font-family: fjalla one; text-transform: uppercase; font-size: 45px; letter-spacing: 1px; line-height: 90%;">

#22

</div><div style="width: 110px; background: #7ba8dc; height: 12px; padding: 5px; font-family: calibri; letter-spacing: 1px; color: #fff; text-align: center; font-size: 8px;">AMBER'S BROADCASTING</div><div style="height: 250px; width: 100px; background: url(http://funkyimg.com/i/21dTC.png); border: 10px solid #fff; margin-top: 3px;"></div>
<div style="width: 110px; background: #7ba8dc; height: 12px; margin-top: 3px; padding: 5px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="110" height="12">
   <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
   <param name="bgcolor" value="#7ba8dc">
   <param name="FlashVars" value="mp3=http://dl.waix.ru/6e4d079e0.mp3&amp;loadingcolor=f2f2f2&amp;buttoncolor=f2f2f2&amp;slidercolor=f2f2f2"></object></div></td>

<td><div style="width: 340px; height: 318px; padding: 10px 0px 10px 0px;"><div style="width: 340px; height: 308px; padding: 10px; background: #fff;"><div style="width: 340px; font-family: arial; height: 308px; padding-right: 6px; color: #000; font-size: 11px; text-align: justify; line-height: 110%; overflow: auto;">

Эй, мальчишки и девчонки, а ведь вы уже знаете, какой из дней на этой неделе был особенным, и чем он примечателен? Уверена на все стопицот процентов, что никто из вас не будет оглашать свои просьбы о предоставлении одной минуты на размышление, просить о звонке лучшему другу или поинтересоваться о возможности задать вопрос своим соигрокам. Вы не задумываясь выпалите долгожданный ответ, а может быть даже прокричите его так громко, что все ваши соседи мигом сбегутся в ближайшую аптеку и скупят там имеющиеся беруши. Ведь одиннадцатого сентября нашему любимому Джампу исполнилось ровно пять месяцев! *в этом моменте Эмбер растрогалась от переизбытка эмоций* От полугода нас отделяет один небольшой шажочек, но прежде чем отправиться дальше в путь-дорогу, мы с вами отпатихардим по полной программе. Но для начала нам нужно дочитать эти новости до самого конца, такова уж традиция.<br><br>
Так вот, я никогда не сомневалась в вашей чудесной памяти, но так как ваши медицинские карточки никто из АМС ещё не видел, мы всё же быстренько, словно скоростной поезд, проедемся по всем событиям прошлой недели, составив из них железную дорогу.<br>
Итак, всё это время каждый из вас упорно доказывал нам, что вы самые настоящие кино-маньяки, ну а мы охотно поверили в это и, само собой, вознаградили вас джампами. Также любимым игрокам была предоставлена уникальная возможность поставить админо-модерский состав проекта в затруднительное положение своими вопросами и заданиями, но, увы и ах, этим воспользовались далеко не все, а ведь мы до последнего ждали, надеялись, верили... А ещё нам удалось поиграть в мафию, где все желающие могли проверить исправность своей интуиции и пострадать от рук хитрых мафиози. Вот говорят, было весело, за исключением тех моментов, когда мирные жители выбывали из игры один за другим. Ах да, а помните, как вы не стесняясь показывали в Стрит Лайфе свои откровенные и провокационные фотографии? Так вот, зря вы, ребятки, это сделали... *зловещий смех*<br><br>
В общем-то, забудьте о моих последних словах и не беспокойтесь о компромате на себя самих, что вы так добровольно всунули нам в ручонки. Мы отложим их в специальную папочку до лучших времён, а пока все дружно приготовим свои ладоши, чтобы усердно аплодировать ребятам, чьи лица на этой неделе будут красоваться в таблице.<br>
Первыми в поле нашего зрения попадают постописцы. Ребята, которые в течении этих семи дней радовали нас не только качеством своих постов, но и их количеством: <b>Mary Darnley</b>, <b>Charlotte York</b>, <b>Henry Stuart</b>, <b>Nicolas Houston</b> и <b>Connor Falahee</b>!<br><br>
<table layout="fixed" width="100%">
<tbody><tr>
<td><center><img src="http://funkyimg.com/i/224Gm.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224Gj.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224Gk.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224Gi.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224Gn.png"></center></td>
</tr>
</tbody></table>

<br><br>А вот этих ребят можно запросто встретить во флуде в любое время суток, за что они и попадают в таблицу на этой неделе: <b>Anabelle Dawson</b>, <b>James Dorsey</b>, <b>Wolfgang Wagner</b>, <b>Christopher Bender</b> и <b>Lennox Randall</b>!<br><br>
<table layout="fixed" width="100%">
<tbody><tr>
<td><center><img src="http://funkyimg.com/i/224Gh.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224GF.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224Go.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224GY.png"></center></td>
<td><center><img src="http://funkyimg.com/i/224Gp.png"></center></td>
</tr>
</tbody></table>

<br><br>Эпизодом недели на этот раз стал прекраснейший отыгрыш <b>Jonas Axelsson и Harleen Erland</b>, с чем мы их и поздравляем! <br><br>
<center><img src="http://funkyimg.com/i/224H2.png"></center>

<br><br> Ну и в номинации "пост недели" заслужено побеждает <b>Terry Lawson</b>, сразив нас наповал своим умением красиво излагать мысли!<br><br>
<center><img src="http://funkyimg.com/i/224Gr.png"></center>
<br><br>
Ну что ж, ребята, вы большие умнички. Не сходите с этого пути, лучше ловите лучи вдохновения и послушной Музы!<br><br>
Теперь же плавненько переходим к тому, чем мы собираемся вас радовать последующие семь дней.<br>
Помните свой первый день на Джампе? Когда вы познакомились с остальными ребятами, отыскали здесь уже доселе знакомых вам личностей. А может быть вам на ум приходит какая-нибудь смешная ситуация, что имела место произойти в стенах нашего форума? Или же вы просто сгораете от желания поздравить всех Джамповцев с пятью месяцами совместной жизни? Тогда вам точно нужно посетить тему под названием <a href="http://jumpstreet.rusff.me/viewtopic.php?id=1329">"Вспомнить всё"</a>, где ваши мысли могут вылиться в длинную и очень приятную речь, и, скорей всего, это произойдёт невольно. Просто сделайте это: расскажите нам всё.<br>
Вы - сериальные маньяки? Не можете уснуть, пока не посмотрите новую серию последнего сезона? Тогда мы знаем, что вам поможет! <a href="http://jumpstreet.rusff.me/viewtopic.php?id=1328%E0">"Мы втыкаем"</a> - вот ваше единственное спасение. Просто поведайте нам о пяти причинах вашей бессонницы/вдохновения/смысла жизни, и вам сразу же полегчает. P.S. За возникшее желание пересмотреть сериал заново АМС никакой ответственности не несёт.<br>
Эй, товарищи игроки, а как хорошо вы знаете друг друга? Если есть желание проверить, то выстраиваемся в колонну по одному и шагаем в тему <a href="http://jumpstreet.rusff.me/viewtopic.php?id=1307">"Назови имя"</a>. Только смотрите, не обидьте кого-нибудь своими ошибками. Подумайте, прежде чем ответить.<br>
<a href="http://jumpstreet.rusff.me/viewtopic.php?id=1331#p105923">"Праздничная лотерея"</a> - вот, что вам нужно, если вы хотите попытать удачу и выиграть один из полезных призов. А может сразу несколько? Кто знает, кто знает...<br>
Уже давно хотели помериться постами с другими игроками? Мечты сбываются! <s>Газпром</s>. Бежать записываться надо сюда - <a href="http://jumpstreet.rusff.me/viewtopic.php?id=1326">"Битва титанов"</a>, и да начнётся бойня!<br>
А ещё вы можете принять участие в распродаже ценных вещей - <a href="http://jumpstreet.rusff.me/viewtopic.php?id=1323">"Аукцион"</a>. И лучше поторопиться, ведь в этом мире ничто не вечно, особенно возможность приобрести эксклюзивные предметы для багажа своих персонажей.<br>
Также в скором времени Билли для вас крутанёт бутылочку, так что ждите-ожидайте, готовьтесь дарить друг другу любовь и свою одежду.<br>
А вот в <a href="http://jumpstreet.rusff.me/viewtopic.php?id=252&amp;p=5#p106980">Стрит Лайфе</a> снова новое задание! Заинтригованы? Тогда хватайте свои фотоаппараты, подбегайте к зеркалу и жмите, жмите на кнопочку!<br>
И если любите посты писать, то любите заглядывать в нашу <a href="https://vk.com/jumpstreet23">группу ВКонтакте</a>, где вам желательно поучаствовать в опросе, ну и предельно нэжно тыкать <a href="http://top.roleplay.ru/23502">кнопку RPG-топа</a>, а ещё... а ещё не забудьте проголосовать за следующую жертву в <a href="http://23jumpstreet.ru/viewtopic.php?id=322&amp;p=3#p53252">Перерыве на какаушко</a>.<br>
<br>
Ну вот и всё, минутка рекламы подошла к концу. Спасибо, что дожили до этого момента.<br>
С вами была Эмс, пишущая эти новости только под песню про колбаски. Люблю, целую, обнимаю =)<br>
Пы.Сы. Видали новые смайлы? Нет?! Тогда тыкайте на колобок в строчке над формой ответа, ведь Луи и Персик уже заждались!

</div></div></div><div style="width: 350px; background: #7ba8dc; height: 13px; padding: 5px; font-family: calibri; letter-spacing: 1px; color: #fff; text-align: center; font-size: 10px; text-transform: uppercase;">
stay tuned... it's your 23 jump street!
</div></td></tr></tbody></table></div>

/*---------- ƒ»«ј…Ќ ¬џѕќЋЌ≈Ќ ћј—“≈–ќћ OFTWO. SKYPE: FUNKYOUHARD -------*/


/*--------------------------- шапка --------------------------------------------------*/

#pun-title table {
  background: url(http://funkyimg.com/i/21Kb2.png) no-repeat top right; 
  height: 813px;
  width: 1186px;
  margin-left:-131px;
}


/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
  background: url(http://funkyimg.com/i/21KaM.png) bottom center no-repeat;
  height: 186px;
  width: 1186px;
  margin-left:-132px;
  padding-top:20px;
  margin-bottom:-7px;
}

div#pun-about {
   margin-bottom: -80px;
}


/*------------------------------- иконки ----------------------------------------*/

/* иконка старых сообщений*/
table Div.icon { 
  background: url(http://funkyimg.com/i/21KJE.png) no-repeat top center;
}


/* иконка новых */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/21KJH.png) no-repeat top center;
}


/* иконка важных*/
#pun-viewforum TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/21KJY.png) no-repeat top center;
}

/*иконка закрытых*/
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/21KJE.png) no-repeat top center;
}


/*----------------------кнопки типа отправить_посмотреть----------------------------*/

.hashelp div input {
  width:100px;
}

.hashelp div input, .button {    

   border: 1px solid #d29c54;
   background: #f59c39;
   background: -webkit-gradient(linear, left top, left bottom, from(#f9bd62), to(#f59c39));
   background: -webkit-linear-gradient(top, #f9bd62, #f59c39);
   background: -moz-linear-gradient(top, #f9bd62, #f59c39);
   background: -ms-linear-gradient(top, #f9bd62, #f59c39);
   background: -o-linear-gradient(top, #f9bd62, #f59c39);
   background-image: -ms-linear-gradient(top, #f9bd62 0%, #c67a16 100%);
   padding-left:7px!important;
   height:25px!important;
   text-decoration:none;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #efc88d 0 1px 0;
   color: #bb6117;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: arial!important;
   font-size:12px!important;
}

.hashelp div input:hover, .button:hover {
   background: #f5b96a;
   background: -webkit-gradient(linear, left top, left bottom, from(#c67a16), to(#f5b96a));
   background: -webkit-linear-gradient(top, #c67a16, #f5b96a);
   background: -moz-linear-gradient(top, #c67a16, #f5b96a);
   background: -ms-linear-gradient(top, #c67a16, #f5b96a);
   background: -o-linear-gradient(top, #c67a16, #f5b96a);
   background-image: -ms-linear-gradient(top, #c67a16 0%, #f5b96a 100%);
}

.hashelp div input:active, .button:active {
	position:relative;
	top:1px;
}


/*------------------------ профиль ----------------------------------*/


.pa-respect, .pa-posts { 
 display: inline-block;
 margin-left: -10px;
 text-align: center; 
 width: 70px;
 font-size:10px;
 padding:3px 5px !important;
 margin-bottom:5px!important;
 margin-top:5px!important;
 border-radius: 5px;
 background: #FFF2B6;
 border-left: #ffffff solid 1px;
 border-right: #ffffff solid 1px;
 box-shadow: inset 0 0 10px 2px #fcd745, inset 0 -2px #ff9f00, inset 0 2px #ff9f00;
  }

#pun-reputation div {
  background: #fff3e1;
}

#post fieldset legend span {
  display:none;
}

.inform {
 width: 177px;
 padding:5px;
 background: #fdf1b7;
 border-left: #ffffff solid 1px;
 border-right: #ffffff solid 1px;
 box-shadow: inset 0 0 10px 2px #fcd745, inset 0 -4px #ff9f00, inset 0 4px #ff9f00;
 border-radius: 15px;
 font-size: 9px;
 text-transform: lowercase;
 margin-bottom: 5px!important;
 margin-top: 5px!important;
 }

.infoname {
 font-size: 13px;
 font-family: 'cuprum';
 letter-spacing: 1px;
 font-weight: bold;
 font-style: italic;
}


.infostarb {
 font-size: 8px;
 letter-spacing: 2px;
 text-transform: lowercase;
}

.money {
 margin-top: 5px;
 font-size: 10px;
 letter-spacing: 2px;
 text-transform: lowercase;
 font-family: 'Neucha', cursive;
 }



/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
  background-color:#ee812e;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#fff96b;
}

::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color:#f0bb39;
}


/*-----------------ширина колонок в списке активных пользователей ----------------*/

div#pun-online.punbb .tc3 {
  text-align: left; /*текст справа*/
  width: 20%; /*ширина третьей колонки*/
}

div#pun-online.punbb .tcl {
  text-align: left; /*текст слева дл€ первых двух колонок*/ 
}

#pun-online th.tcl, #pun-online th.tc3 {
   font-size:0%;
}

/*------------------------------— разное —---------------------------— */
#pun-main div.catleft, #pun-main div.catright, #pun-announcement h2, .lastedit, .mini_awards_label, .title-logo span, li#navawards, #topic-modmenu .container span, #pun-stats h2 span {
display: none;
}

/* название категорий */
.category h2 span {
  visibility:hidden!important;
}

.category h2 {
margin-left: -30px;}


/* врем€ отправки поста  */
.permalink{
  font-size: 15px;
  font-family: cuprum;
  font-style: italic;
  text-shadow: #ffffff 1px 1px;
  font-weight: normal!important;
  color: #9b6222!important;
}



/* счетчик символов */
#plng {color:#db8635}



/* амс */
.tooltip {
 position: relative;
 font-family: 'Neucha', cursive;
 color: #b48d38;
 font-size:11px;
 line-height:10px;
 letter-spacing: 2px;
 }

.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
background: url(http://savepic.net/7168160m.png);
 padding: 5px;
 bottom: 15px;
 right: -50px;
 box-shadow: 0 0 0px #цвет тени обводки блока;

}
.tooltip:hover em i {
 position: absolute;
 bottom: -9px;
 right: 0px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;}

/* сссылки в таблице */
.navt {
  font-size:12px;
  font-family: bebas neue;
  text-shadow: #FFF2E3 0px 1px, #D4A600 0px 1px;
  color: #D4983A!important;
  margin:10px!important;
  letter-spacing:2px;
}

.navt:hover {
  color: #b77000!important;}

<style>.punbb .pa-avatar img {max-width:180px;height:auto;} </style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//
OnSmenaImage("совещательная комната", new Array("Stephan Weston", "Sienna Rhodes", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("PLAYBOOK", new Array("dima", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Название темы", new Array("Ник1", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
var AvtrArr=new Array(
)
StartNIZ();  //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"stay with me", "http://savepic.net/7204089.png",
"coffee and tv", "http://savepic.net/7180543.png",
"can't stop playing", "http://savepic.net/7160063.png",
"the energy never dies", "http://savepic.net/7166207.png",
"a sky full of stars", "http://savepic.net/7153919.png",
"with a spirit", "http://savepic.net/7158015.png"
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"92px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
   "background-repeat":"no-repeat",
   "width": "900px"   
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>
<!--Прозрачные картинки с проявлением при наведении-->
<script type="text/javascript">
    $(document).ready(function() {
        $('.Hoverbuttons').each(function () {
              var $span = $(this).css('opacity', 0.6);
              $(this).hover(function () {
                $span.stop().fadeTo(600, 1);
             }, function () {
                $span.stop().fadeTo(600, 0.6);
              });
        });
    });
</script>
<!-- СПОЙЛЕР НАГРАД -->
<style>
.post-author-Sp{
/*background-color:#!important;*/
}
img.aw{
background-color:#!important;
}
ul.wrapper{
margin-left:-2px;
width:178px!important;
margin-bottom: 5px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
</style>
<script>
// кнопка
var Img="http://savepic.net/7186661m.png";
wrapp1="<li class='post-author-Sp'><img class=aw style='cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+Img+wrappEnd;
$(window).load(function () {
$(".post .post-author .pa-awards").each(function() {
  if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});});
$(".post .post-author-Sp ").live("click", function(){
$(this).find('ul:first').toggle('slow')
});</script>
<!-- КОНЕЦ СПОЙЛЕР НАГРАД -->
<!--Скрыть название доп.поля-->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld4")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld5")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://savepic.net/7173349m.png" /></div>
<div class="go-down" id='OnBottom'><img src="http://savepic.net/7153893m.png" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:4%; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.5; /*прозрачность*/
}
.go-up {
bottom:200px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:150px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left; margin: 15px; text-align: (.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left;'>', '')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('', '')" />
</div></div>
<!--пришло новое сообщение-->
<script type="text/javascript">
var nrisunok="http://s9.uploads.ru/rHAXn.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">возьми меня!</a>';
}
}
</script>
<!--Универсальный mp3 плеер-->
<style type="text/css">
#button-mp3 {background-image:url('http://funkyimg.com/i/UG8x.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script type="text/javascript">
function addSpoiler_mp3(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[mymp3]",from))==-1) return str;
    if((pos2=str.indexOf("[/mymp3]"),pos+8)==-1) return str;
    newpos=str.indexOf("[mymp3]",pos+8)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler_mp3(str,pos+8,true)
    if((pos2=str.indexOf("[/mymp3]",pos+8))==-1) return str;
    txt = str.substring(pos+7,pos2);
    if((sepPos=txt.indexOf("|",0))==-1) return str;
    str=str.substring(0,pos)+makeSpoiler_mp3(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length)
    if( str.indexOf("[mymp3]")!=-1 && internal==false) str=addSpoiler_mp3(str,0,false)
    return str
}
function makeSpoiler_mp3(txt1,txt2){
    txt='<br /><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" src="http://www.enricolai.com/FMP3/FMP3.swf" quality="high" allowscriptaccess="sameDomain" flashvars="vol=80&action=stop&title='+txt2+'&color=000000&textcolor=ffffff&loop=no&lma=no;height=60&amp;width=260&amp;mp3='+txt1+'" height="60" width="260">';
    return txt;
    }
    
    var popup;
        function popmp3()
        {
        popup = window.open("http://klopp.net.ru/files/","popDialog","height=380,width=440")
        if (!document.all)  {popup.moveTo(100,100);}
        return false
        }
        
        function tag_urlm()
        {var FoundErrors = '';
        var enterURL = prompt("Введите ссылку на mp3 файл", "http://");
        var enterTITLE = prompt("Введите автора и название песни", "Песня");
        if (!enterURL)
        {FoundErrors += " " + error_no_url;}
        if (FoundErrors)
        {alert("Ошибка!" + FoundErrors);
        return;}
    insert("[mymp3]" + enterURL + "|" + enterTITLE + "[/mymp3]");}
    
    if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
    elm=document.getElementById("pun-main").getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content"){
    var post=elm[x]
    post.innerHTML=addSpoiler_mp3(post.innerHTML,0,false)}}
    if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(17).innerHTML="<img src='/i/blank.gif' title='Загрузить mp3' id='button-mp3' onclick=\"popmp3(); tag_urlm()\">"
</script>
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!--пиар -->
<script type="text/javascript">
    PiarNik="piar";
    PiarPas="loveplaybook";
    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><span id=spMyimg style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">Пиар-вход</a></span></li>";
    if($("#navlogin").html()!=null){
    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

<!-- Запятая после ника-->
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!--смайлики -->
<script type="text/javascript">
var nabor2 = ['http://vk.com/images/emoji/D83DDE00.png',
'http://vk.com/images/emoji/D83DDE03.png',
'http://vk.com/images/emoji/D83DDE01.png ',
'http://vk.com/images/emoji/D83DDE04.png',
'http://vk.com/images/emoji/D83DDE05.png',
'http://vk.com/images/emoji/D83DDE02.png',
'http://vk.com/images/emoji/D83DDE04.png',
'http://vk.com/images/emoji/D83DDE05.png',
'http://vk.com/images/emoji/D83DDE07.png',
'http://vk.com/images/emoji/D83DDE08.png',
'http://vk.com/images/emoji/D83DDE06.png',
'http://vk.com/images/emoji/D83DDE09.png',
'http://vk.com/images/emoji/D83DDE0A.png',
'http://vk.com/images/emoji/D83DDE0C.png',
'http://vk.com/images/emoji/D83DDE0D.png',
'http://vk.com/images/emoji/D83DDE0F.png',
'http://vk.com/images/emoji/D83DDE0E.png',
'http://vk.com/images/emoji/D83DDE10.png',
'http://vk.com/images/emoji/D83DDE12.png',
'http://vk.com/images/emoji/D83DDE13.png',
'http://vk.com/images/emoji/D83DDE14.png',
'http://vk.com/images/emoji/D83DDE17.png',
'http://vk.com/images/emoji/D83DDE15.png',
'http://vk.com/images/emoji/D83DDE18.png',
'http://vk.com/images/emoji/D83DDE16.png',
'http://vk.com/images/emoji/D83DDE19.png',
'http://vk.com/images/emoji/D83DDE1C.png',
'http://vk.com/images/emoji/D83DDE1B.png',
'http://vk.com/images/emoji/D83DDE20.png',
'http://vk.com/images/emoji/D83DDE1E.png',
'http://vk.com/images/emoji/D83DDE21.png',
'http://vk.com/images/emoji/D83DDE23.png',
'http://vk.com/images/emoji/D83DDE25.png',
'http://vk.com/images/emoji/D83DDE22.png',
'http://vk.com/images/emoji/D83DDE26.png',
'http://vk.com/images/emoji/D83DDE27.png',
'http://vk.com/images/emoji/D83DDE29.png',
'http://vk.com/images/emoji/D83DDE28.png',
'http://vk.com/images/emoji/D83DDE2A.png',
'http://vk.com/images/emoji/D83DDE2B.png',
'http://vk.com/images/emoji/D83DDE2C.png',
'http://vk.com/images/emoji/D83DDE2D.png',
'http://vk.com/images/emoji/D83DDE2E.png',
'http://vk.com/images/emoji/D83DDE31.png',
'http://vk.com/images/emoji/D83DDE30.png',
'http://vk.com/images/emoji/D83DDE2F.png',
'http://vk.com/images/emoji/D83DDE32.png',
'http://vk.com/images/emoji/D83DDE35.png',
'http://vk.com/images/emoji/D83DDE37.png',
'http://vk.com/images/emoji/D83DDE33.png',
'http://vk.com/images/emoji/D83DDE36.png',
'http://vk.com/images/emoji/D83DDE39.png',
'http://vk.com/images/emoji/D83DDE3C.png',
'http://vk.com/images/emoji/D83DDE3B.png',
'http://vk.com/images/emoji/D83DDE3A.png',
'http://vk.com/images/emoji/D83DDE34.png',
'http://vk.com/images/emoji/D83DDE3D.png',
'http://vk.com/images/emoji/D83DDE40.png',
'http://vk.com/images/emoji/D83DDE38.png',
'http://vk.com/images/emoji/263A.png',
'http://vk.com/images/emoji/D83DDE49.png',
'http://vk.com/images/emoji/D83DDE4A.png',
'http://vk.com/images/emoji/D83DDE48.png',
'http://vk.com/images/emoji/D83DDE4F.png',
'http://vk.com/images/emoji/D83DDE45.png',
'http://vk.com/images/emoji/D83DDD25.png',
'http://vk.com/images/emoji/D83DDCAA.png',
'http://vk.com/images/emoji/D83DDCA3.png',
'http://vk.com/images/emoji/D83DDCA9.png',
'http://vk.com/images/emoji/D83DDC94.png',
'http://vk.com/images/emoji/D83DDC9E.png',
'http://vk.com/images/emoji/D83DDCA4.png',
'http://vk.com/images/emoji/D83DDC7D.png',
'http://vk.com/images/emoji/D83DDC81.png',
'http://vk.com/images/emoji/D83DDC69.png',
'http://vk.com/images/emoji/D83DDC68.png',
'http://vk.com/images/emoji/D83DDC66.png',
'http://vk.com/images/emoji/D83DDC67.png',
'http://vk.com/images/emoji/D83DDC4B.png',
'http://vk.com/images/emoji/D83DDC4D.png',
'http://vk.com/images/emoji/D83DDC4F.png',
'http://vk.com/images/emoji/D83DDC51.png',
'http://vk.com/images/emoji/D83DDC4E.png',
'http://vk.com/images/emoji/D83DDC4C.png',
'http://vk.com/images/emoji/D83DDC4A.png',
'http://vk.com/images/emoji/D83DDC49.png',
'http://vk.com/images/emoji/D83DDC48.png',
'http://vk.com/images/emoji/D83DDC44.png',
'http://vk.com/images/emoji/D83DDC43.png',
'http://vk.com/images/emoji/D83DDC42.png',
'http://vk.com/images/emoji/D83DDC40.png',
'http://vk.com/images/emoji/D83DDC34.png',
'http://vk.com/images/emoji/D83DDC25.png',
'http://vk.com/images/emoji/D83DDC1D.png',
'http://vk.com/images/emoji/D83DDC27.png',
'http://vk.com/images/emoji/D83DDC17.png',
'http://vk.com/images/emoji/D83DDC13.png',
'http://vk.com/images/emoji/D83DDC11.png',
'http://vk.com/images/emoji/D83DDC14.png',
'http://vk.com/images/emoji/D83DDC04.png',
'http://vk.com/images/emoji/D83DDC05.png',
'http://vk.com/images/emoji/D83DDC01.png',
'http://vk.com/images/emoji/D83DDC00.png',
'http://vk.com/images/emoji/D83CDFC1.png',
'http://vk.com/images/emoji/D83CDFB3.png',
'http://vk.com/images/emoji/D83CDFAA.png',
'http://vk.com/images/emoji/D83CDF7C.png',
'http://vk.com/images/emoji/D83CDF82.png',
'http://vk.com/images/emoji/D83CDF81.png',
'http://vk.com/images/emoji/D83CDF69.png',
'http://vk.com/images/emoji/D83CDF5F.png',
'http://vk.com/images/emoji/D83CDF66.png',
'http://vk.com/images/emoji/D83CDF5D.png',
'http://vk.com/images/emoji/D83CDF5E.png',
'http://vk.com/images/emoji/D83CDF57.png',
'http://vk.com/images/emoji/D83CDF56.png',
'http://vk.com/images/emoji/D83CDF54.png',
'http://vk.com/images/emoji/D83CDF55.png',
'http://vk.com/images/emoji/D83CDF4F.png',
'http://vk.com/images/emoji/D83CDF52.png',
'http://vk.com/images/emoji/D83CDF4E.png',
'http://vk.com/images/emoji/D83CDF4C.png',
'http://vk.com/images/emoji/D83CDF3D.png',
'http://vk.com/images/emoji/D83CDF46.png',
'http://vk.com/images/emoji/D83CDF37.png',
'http://vk.com/images/emoji/D83CDF3A.png',
'http://vk.com/images/emoji/D83CDF35.png',
'http://vk.com/images/emoji/D83CDF38.png',
'http://vk.com/images/emoji/2B50.png',
'http://vk.com/images/emoji/2764.png',
'http://vk.com/images/emoji/270C.png',
'http://vk.com/images/emoji/270A.png',
'http://vk.com/images/emoji/270B.png',
'http://vk.com/images/emoji/26BD.png',
'http://vk.com/images/emoji/D83DDD2B.png',
'http://vk.com/images/emoji/261D.png',];
var nabor3 = ['http://smayly.ru/gallery/big/TrollFaces/21.png',
'http://smayly.ru/gallery/big/TrollFaces/Yao%20Ming.png',
'http://smayly.ru/gallery/big/TrollFaces/221.png',
'http://smayly.ru/gallery/big/TrollFaces/64.png',
'http://smayly.ru/gallery/big/TrollFaces/107.png',
'http://smayly.ru/gallery/big/TrollFaces/315.png',
'http://funkyimg.com/i/ZRWb.png',
'http://smayly.ru/gallery/big/FuFaces/yakunevich.gif',
'http://smayly.ru/gallery/big/FuFaces/shkololota.gif',
'http://myhomeinet.ru/i/smile/troll_face_amazed_not_bad.png',
'http://myhomeinet.ru/i/smile/troll_face_comp_angry.png',
'http://myhomeinet.ru/i/smile/troll_face_angry_u_no.png',
'http://myhomeinet.ru/i/smile/troll_face_cry3.png',
'http://myhomeinet.ru/i/smile/troll_face_face_palm3.png',
'http://myhomeinet.ru/i/smile/troll_face_m9.png',
'http://myhomeinet.ru/i/smile/troll_face_m12.png',
'http://myhomeinet.ru/i/smile/troll_face_Sasha_Grey.png',
'http://myhomeinet.ru/i/smile/troll_face_w4.png',
'http://apb-online.org/smiles2/cool.gif',
'http://smayly.ru/gallery/big/FuFaces/sweaty.png',
'http://smayly.ru/gallery/big/FuFaces/scared.png',
'http://myhomeinet.ru/i/smile/troll_face_f_smile.gif',
'http://apb-online.org/smiles2/lol.gif',
'http://apb-online.org/smiles2/why.gif',
'http://apb-online.org/smiles2/angryeyes.gif',
'http://apb-online.org/smiles2/determined.gif',
'http://apb-online.org/smiles2/fair.gif',
'http://apb-online.org/smiles2/happy.gif',
'http://apb-online.org/smiles2/ofcourse.gif',
'http://apb-online.org/smiles2/ohgod.gif',
'http://funkyimg.com/i/KBjL.png',
'http://smayly.ru/gallery/big/TrollFaces/175.png',
'http://smayly.ru/gallery/big/TrollFaces/Determined-Challenge.png',
'http://s2.uploads.ru/DVnpS.png',
'http://smayly.ru/gallery/big/TrollFaces/123.png',
'http://uploads.ru/i/b/z/3/bz3TO.png',
'http://uploads.ru/i/Y/B/E/YBEt9.gif',
'http://uploads.ru/i/Q/B/H/QBHjh.png',
'http://funkyimg.com/i/KBjS.png',
'http://smayly.ru/gallery/big/TrollFaces/247.png',
'http://funkyimg.com/i/KBjU.png',
'http://s1.uploads.ru/i/O/5/9/O59TB.gif',
'http://s1.uploads.ru/i/x/8/5/x8507.gif',
'http://smayly.ru/gallery/big/TrollFaces/Cerealguy-NewspaperGuy.png',
'http://smayly.ru/gallery/big/TrollFaces/Cerealguy-CerealGuy.png',
'http://smayly.ru/gallery/big/TrollFaces/Cerealguy-CerealSpitting.png',
'http://s1.uploads.ru/i/5/R/D/5RDa2.png',
'http://s1.uploads.ru/i/8/7/a/87aqD.png',
'http://s4.uploads.ru/oPeBx.png',
'http://smayly.ru/gallery/big/TrollFaces/76.png',
'http://uploads.ru/i/B/R/g/BRgYj.png',
'http://uploads.ru/i/A/g/v/AgvCn.png',
'http://smayly.ru/gallery/big/FuFaces/confused.png',
'http://uploads.ru/i/l/j/T/ljTBu.png',
'http://smayly.ru/gallery/big/FuFaces/happy.png',
'http://smayly.ru/gallery/big/FuFaces/horror.png',
'http://smayly.ru/gallery/big/FuFaces/happy2.png',
'http://smayly.ru/gallery/big/FuFaces/nya.png',
'http://smayly.ru/gallery/big/FuFaces/veryhappy.png',
'http://smayly.ru/gallery/big/FuFaces/happiness.png',
'http://smayly.ru/gallery/big/FuFaces/trollface.png',
'http://smayly.ru/gallery/big/FuFaces/surprised.png',
'http://smayly.ru/gallery/big/FuFaces/unhappy.png',
'http://smayly.ru/gallery/big/FuFaces/satisfied.png',
'http://smayly.ru/gallery/big/FuFaces/crying.png',
'http://smayly.ru/gallery/big/FuFaces/hurts.gif',
'http://savepic.su/1252813.png',
'http://savepic.org/2635510.gif',
'http://smayly.ru/gallery/big/FuFaces/yaominglaugh.png',
'http://s1.uploads.ru/i/U/h/y/Uhy46.png',
'http://s1.uploads.ru/i/t/W/o/tWoeI.gif',
'http://s1.uploads.ru/i/7/A/T/7ATM9.png',
'http://smayly.ru/gallery/big/FuFaces/pokerface.gif',
'http://smayly.ru/gallery/big/TrollFaces/81.png',
'http://smayly.ru/gallery/big/FuFaces/shocktroll.png',
'http://smayly.ru/gallery/big/FuFaces/motherofgod.gif',
'http://smayly.ru/gallery/big/FuFaces/hazanov.png',
'http://smayly.ru/gallery/big/FuFaces/pfff.gif',
'http://smayly.ru/gallery/big/TrollFaces/8.png',
'http://smayly.ru/gallery/big/TrollFaces/115.png',
'http://smayly.ru/gallery/big/TrollFaces/Rage-Pig.png',
'http://smayly.ru/gallery/big/TrollFaces/271.png',
'http://smayly.ru/gallery/big/TrollFaces/Amazed-Milk.png',
'http://smayly.ru/gallery/big/TrollFaces/194.png',
'http://smayly.ru/gallery/big/TrollFaces/111.png',
'http://smayly.ru/gallery/big/TrollFaces/266.png',
'http://smayly.ru/gallery/big/TrollFaces/280.png',
'http://smayly.ru/gallery/big/TrollFaces/192.png',
'http://smayly.ru/gallery/big/TrollFaces/191.png',
'http://smayly.ru/gallery/big/TrollFaces/282.png',
'http://smayly.ru/gallery/big/TrollFaces/186.png',
'http://smayly.ru/gallery/big/TrollFaces/105.png',
'http://smayly.ru/gallery/big/TrollFaces/Miscellaneous-Nothingtodohere.png',
'http://smayly.ru/gallery/big/TrollFaces/211.png',
'http://smayly.ru/gallery/big/TrollFaces/71.png',
'http://s1.uploads.ru/i/QjbTP.png',
'http://uploads.ru/i/v/x/E/vxEkr.png',
'http://funkyimg.com/i/ZPcj.png',
'http://funkyimg.com/i/ZPck.png',
'http://funkyimg.com/i/ZPcm.png',
'http://funkyimg.com/i/ZPcn.png',
'http://funkyimg.com/i/ZPco.png',
'http://funkyimg.com/i/ZPcp.png',
'http://funkyimg.com/i/ZPcq.png',
'http://funkyimg.com/i/ZPcr.png',
'http://funkyimg.com/i/ZPcs.gif',
'http://funkyimg.com/i/ZPct.png',
'http://funkyimg.com/i/ZPem.png',
'http://funkyimg.com/i/ZPen.png',
'http://funkyimg.com/i/ZPeo.png'];
$(document).ready(function() {
$('#smilies-block').addClass('t1');
$('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>Первый набор</a></li><li class="t2"><a>Второй набор</a></li><li class="t3"><a>Третий набор</a></li></ul><div class="t2"></div><div class="t3"><br></div></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'--\') />');
});
$.each(nabor3, function(i) {
$('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'--\') />');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
}); });
</script>




<!--Разделитель подписи-->
<style type="text/css">
.punbb .post-sig dt {
display: block;
border-top: 1px solid #e5d1a0;
width: 250px;
margin: 15px 15px;
</style>
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>
<!-- счет символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!--Счетчик символов" -->
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}
</script>
<style type="text/css">
.statscon .item3 {
  display: none !important;
}
</style>

<!--HTML-->

<link href='https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><br /><br /><center><link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>

<style>
.quest {width: 600px; height: 1090px; background-image: url(http://i.imgur.com/DUPdFXO.png); border: #f9db61 solid 10px; border-left: #f3e4a9 solid 3px; border-right: #f3e4a9 solid 3px; -moz-border-radius: 40px; border-radius: 40px;}
.quest1 {width: 550px; height: 520px; background: #f8f8f8; top: 20px; left: 20px; -moz-border-radius: 35px; border-radius: 35px;}
.bigpic img {border:6px solid #f9db61; margin-left: -115px; margin-top: -152px; position: absolute; border-radius: 160px; height:160px; width:160px;}
.smallpic img {border:5px solid #f9db61; margin-left: -65px; margin-top: -50px; position: absolute; border-radius: 110px; height:110px; width:110px; }
.about {font-size: 10px;}
.citata {color: #000000; font-family: Tahoma; font-size: 9px; line-height: 100%; letter-spacing: 2px; text-align: center; text-transform: uppercase;}
.bigtext {color: #000000; font-family: fugaz one; font-size: 20px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; }
</style>


<center><div class="quest"><br><div class="quest1">
<table border="0">
<tbody>
<tr>
<td width="100px"><center><div class="bigpic" style="-moz-border-radius: 160px;"><img src='http://savepic.org/7733205.png'></div></center>
<center><div class="smallpic" style="-moz-border-radius: 110px;"><img src='http://savepic.org/7721941.png'></div></center></td>
<td width="350px">
<div style="color: #000000; font-family: Franklin Gothic Medium; font-size: 32px; line-height: 100%; letter-spacing: -1px; font-weight: bold; text-align: center; text-transform: uppercase; ">Имя и Фамилия, y.o.</div><div style="height: 200px; overflow: auto; font-size: 10px;">Дорогой дневник, там где-то на первых страницах я уже писал о том, что меня зовут <b>ваше имя на русском</b> и знаешь, ведь ничего не изменилось, хоть я и прожил уже <b>ваш возраст</b>. Может только то, что мое имя в итоге сократили просто до <b>сокращение вашего имени</b>. Когда-то я посвящал тебя и в то, что был рожден в <b> город, в котором вы были рождены </b> и до сих пор влюблен в этот город. Но может стоить увидеть мир? Я не знаю и долгое время у меня не у кого было об этом спросить. Совсем не помню, говорил ли я тебе о том, что мне нравятся <b>мужчины|женщины</b>, а если и да, то разве я не повторяюсь на твоих страницах? Именно осознание этого - помогло мне найти <b>имя вашей пары</b>, ради которого(-ой) я теперь выбираюсь по утрам из под одеяла и варю для нас кофе. И знаешь, я до сих пор не отказался от своего увлечения и продолжаю <b>ваше хобби</b>. Все еще помню, как на первых твоих страницах обещал, что когда-нибудь оживлю мечту и стану <b>ваша профессия</b>. Я выполнил это обещание и теперь <b>место вашей работы</b>, куда и хожу каждый день. Ну и с годами, кажется, я только сильней стал походить на <b>ваша внешность</b>. Не знаю, правда ли. 
</div></td>
</tr>
</tbody>
</table>

<table border="0">
<tbody>
<tr>
<td width="390px">
<div style="color: #000000; font-family: fugaz one; font-size: 20px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; ">= характер = <br></div><div style="color: #000000; font-family: Tahoma; font-size: 10px; line-height: 100%; letter-spacing: 2px; font-weight: bold; text-align: center; text-transform: uppercase; ">Люди недаром говорят: характер закладывается в колыбели.<br></div><div style="height: 320px; overflow: auto; font-size: 10,5px;">ВАШ ТЕКСТ</div></td>
</tr>
</tbody>
</table>
<table border="0">
<tbody>
<tr>
<td width="390px">
<div style="color: #000000; font-family: fugaz one; font-size: 22px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; ">= биография = <br></div><div style="color: #000000; font-family: Tahoma; font-size: 10px; line-height: 100%; letter-spacing: 5px; font-weight: bold; text-align: center; text-transform: uppercase; ">Жить — тяжко, умереть — уменья не хватает.<br></div><div style="height: 410px; overflow: auto; font-size: 10,5px;">ВАШ ТЕКСТ</div></td>
</tr>
</tbody>
</table>
</div></div></center>

<link id="iNFpanel" rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/change_ava.css" type="text/css"/>
<script src="http://hostjs-mybb2011.narod.ru/js/change_avatar_Nic_Status.js">
</script>

<style type="text/css">
#wrapper {width: 600px;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 25px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px;color: #444;text-decoration: none;cursor: pointer;background: #F9F9F9;border: 1px solid #EFEFEF;border-bottom: 1px solid #F9F9F9;position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #F70;padding: 0 13px;background: #FFFFDF;border: 1px solid #FFCA95;}
ul.tabs li.tab-current a {color: #444;background: #EFEFEF;padding: 0px 13px 2px;border: 1px solid #DDD;border-bottom: 1px solid #EFEFEF;}
div.t2,div.t3 {display: none;width: 450px;}
</style>



<style type="text/css">
.inform { margin-left: -8px !important; width: 190px; background: #E9E3FF; border: #B387DC solid 4px; border-left: #CA7AFF solid 1px; border-right: #CE67FF solid 1px; box-shadow: inset 0 0 10px 2px #E6A2FF; -moz-border-radius: 15px; border-radius: 15px; font-size: 9px; text-transform: lowercase; }
.infoname { margin-top: 5px; font-size: 12px; font-family: 'Playfair Display', serif; letter-spacing: 1px; font-weight: bold;}
.infostarb { font-size: 8px; letter-spacing: 2px; text-transform: lowercase;}
.money { margin-top: 5px; font-size: 10px; letter-spacing: 2px; text-transform: lowercase; font-family: 'Neucha', cursive; }

.forum {text-align:justify; font-size: 10px;}
.forumsl {background: #FBD9FF; border: #DE92FF solid 1px; border-left: #C78CCC solid 1px; border-right: #C78CCC solid 1px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Neucha', cursive; font-size: 12px; letter-spacing: 3px; padding: 3px;}

.stran1 { width: 830px; background: #fffff6; border: #C692E2 solid 10px; border-left: #C57DF5 solid 3px; border-right: #C57DF5 solid 3px; box-shadow: inset 0 0 20px 10px #FBD7FF; -moz-border-radius: 35px; border-radius: 35px; font-size: 9px; text-transform: lowercase; }
.stran-n { font-family: 'Lobster', cursive; font-size: 35px; letter-spacing: 0px; line-height: 100%; text-align: center; }
.stran-n2 { font-family: 'Lobster', cursive; font-size: 35px; letter-spacing: 0px; line-height: 100%; text-align: center; }
.stran-n1 { font-family: 'Lobster', cursive; font-size: 25px; letter-spacing: 0px; line-height: 100%; text-align: center; }
.stran-stuff { color: #475375; text-align: center; line-height: 20px; letter-spacing: 2px; font-size: 10px; }
.stran-stuff1 { color: #475375; line-height: 20px; letter-spacing: 2px; font-size: 12px; text-align: center;  }
.text1 { overflow: auto; height: 100px; background: #fffff6; border: #C692E2 double 4px; box-shadow: inset 0 0 10px 2px #FBD7FF; -moz-border-radius: 15px; border-radius: 15px; }
.piscture {width:100px; height:100px; border-radius:100%; padding:5px; background-color:#D07BF5;}
.piscture img {width:100px; border-radius:100%;}
.text2 {width: 790px; background: #fffff6; border: #C692E2 double 4px; box-shadow: inset 0 0 10px 2px #FBD7FF; -moz-border-radius: 25px; border-radius: 25px; font-size: 9px; text-transform: lowercase;}
.text3 {width: 65px; background-color: #B08DE0; font-size: 10px; color:#ffffff; text-transform: lowercase; }

.text4 {width: 125px; background-color: #B08DE0; font-size: 10px; color:#ffffff; text-transform: lowercase; }
.bank12 { width: 600px; background: #fffff6; border: #C692E2 solid 10px; border-left: #C57DF5 solid 3px; border-right: #C57DF5 solid 3px; box-shadow: inset 0 0 20px 10px #FBD7FF; -moz-border-radius: 35px; border-radius: 35px; font-size: 10px; text-transform: lowercase;
  }
.bank-n { font-family: 'Lobster', cursive; font-size: 25px; letter-spacing: 0px; line-height: 100%; text-align: center; }
.banktext2 {background: #fffff6; border: #C692E2 double 4px; box-shadow: inset 0 0 10px 2px #FBD7FF; -moz-border-radius: 25px; border-radius: 25px; font-size: 10px; text-transform: lowercase;}
.bank-n1 { font-family: 'Lobster', cursive; font-size: 15px; letter-spacing: 0px; line-height: 100%; text-align: center; }
.banktext1 {width: 550px; background: #fffff6; border: #C692E2 double 4px; box-shadow: inset 0 0 10px 2px #FBD7FF; -moz-border-radius: 25px; border-radius: 25px; font-size: 11px; text-transform: lowercase;}
.awards1 { overflow: auto; height: 500px; }
.awards23 { overflow: auto; height: 100px; }
.stran-nnn { font-family: 'Lobster', cursive; font-size: 25px; letter-spacing: 0px; line-height: 100%; text-align: center; }
.awards2 { width: 610px; background: #fffff6; border: #C692E2 solid 10px; border-left: #C57DF5 solid 3px; border-right: #C57DF5 solid 3px; box-shadow: inset 0 0 20px 10px #FBD7FF; -moz-border-radius: 35px; border-radius: 35px; font-size: 10px; text-transform: lowercase;
  }
.bank11 { width: 570px; background: #fffff6; font-size: 10px;   }
.bank1 { width: 600px; background: #fffff6; border: #C692E2 solid 10px; border-left: #C57DF5 solid 3px; border-right: #C57DF5 solid 3px; box-shadow: inset 0 0 20px 10px #FBD7FF; -moz-border-radius: 35px; border-radius: 35px; font-size: 12px; text-transform: lowercase;
  }

.namesurbord { width: 550px; padding: 15px; background: #fafafa; background-image: url(https://forumupload.ru/uploads/2014/03/21/7931176.jpg); padding-bottom: 0px; border: 1px solid #f4f4f4; }
.namesur1 { width: 540px; padding: 5px; background: #fafafa; border: 1px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; margin-bottom: 5px; }
.namesur-n { font-family: 'Lobster', cursive; font-size: 25px; letter-spacing: 0px; line-height: 100%; text-align: center; }
.namesur-n1 { font-family: 'Lobster', cursive; font-size: 35px; letter-spacing: 0px; line-height: 100%; text-align: center; }

</style>







<style type='text/css'>

#tba-aim { width: 550px; line-height: 100%; margin: 20px; box-shadow: 0px 0px 5px 0px rgba(150,150,150, 0.5); }
#tba-header { position: relative; width: 550px; height: 90px; background-color: #a8dff4; z-index: 2 }
#tba-header img { position: absolute; bottom: -50px; left: 12px; width: 85px; height: 85px; border: 7px solid #fcfcfc; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.tba-info { position: absolute; bottom: 10px; right: 10px; width: 350px; z-index: 1; }
.tba-name { width: 336px; color: #fafafa; font-family: 'Cookie', cursive; font-size: 45px; font-weight: 700; font-style: normal; text-align: left; text-transform: lowercase; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 1px; word-spacing: 2px;  line-height: 35px;}
.tba-display { width: 516px; padding: 1px 0px 2px 20px; overflow: hidden; color: rgba(250,250,250,0.6); font-family: arial; font-size: 6px; font-weight: normal; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 1px; word-spacing: 0px; line-height: 100%;  }
.tba-status { width: 531px; height: 11px; padding: 2px 0px 0px 5px; overflow: hidden; color: rgba(250,250,250,0.9); font-family: arial; font-size: 9px; font-weight: normal; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.3px; word-spacing: 0px; line-height: 100%; }
.tba-status span.fa.fa-check-circle { float: left; margin-right: 4px; color: #a9da88; font-size: 12px; line-height: 9px; }

.tba-box { position: relative; width: 538px; min-height: 100px; padding: 10px 6px; background-color: #fcfcfc; overflow-x: hidden; }

div.tba-text { display: inline-block; clear: both; float: right; position: relative; max-width: 450px; min-height: 10px; padding: 8px 15px; background-color: #a8dff4; color: #fafafa; font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; word-wrap: break-word; margin: 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; z-index: 1; }
div.tba-text::after { content: ""; position: absolute; bottom: 0px; right: -26px; width: 15px; height: 30px; clip: rect(15px, 20px, 45px, 0px); border-color: #a8dff4; border-width: 0px 12px; border-style: solid; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 1; }

div.tba-textt { display: inline-block; clear: both; float: left; position: relative; max-width: 450px; min-height: 10px; padding: 8px 15px; background-color: #6ea7c7; color: #fafafa; font-family: arial; font-size: 12px; font-weight: normal; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; word-wrap: break-word; margin: 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; z-index: 1; }

.tba-footer { width: 530px; padding: 15px 10px; background-color: #fefefe; border-top: 1px solid #f5f5f5; }
.tba-msg { width: 510px; margin-right: 10px; }

.tba-footer a { color: #a8dff4; font-family: arial; font-size: 11px; font-weight: normal; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; }

#name #tba-header { background-color: #c76e92; } 
#name div.tba-text { background-color: #c76e92;  } 
#name .tba-footer a { color: #c76e92; } 
#name div.tba-text::after { border-color: #c76e92; }

/* STATUS */

#name .tba-status span.fa.fa-check-circle { color: #a9da88; }

</style>




<link href='http://fonts.googleapis.com/css?family=Playfair+Display|Lora' rel='stylesheet' type='text/css'>


<!--ПАРА-->                                                  <div style="position:absolute; top:203px; left: 85px;">
<a href=url><img src=http://funkyimg.com/i/22Ybt.png style="border-radius:0px; border: 1px #ffffff solid;" class=Hoverbuttons></a>
</div>

<!--АКТИВИСТЫ-->                                                  <div style="position:absolute; top:509px; left:58px;">
<a href=http://playbook.rusff.me/profile.php?id=43><img src=http://funkyimg.com/i/22Yia.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=641><img src=http://funkyimg.com/i/22Yi9.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=552><img src=http://funkyimg.com/i/22Yi8.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=738><img src=http://funkyimg.com/i/22Yi7.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=356><img src=http://funkyimg.com/i/22Yi6.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
</div>

<!--ЭПИЗОД-->                                                  <div style="position:absolute; top: 203px; left:95px;">
<a href=http://playbook.rusff.me/viewtopic.php?id=2565><img src=http://funkyimg.com/i/22Ybu.png style="border-radius:0px; border: 1px #ffffff solid;" class=Hoverbuttons></a>
</div>

<!--ИГРОКИ-->                                                  <div style="position:absolute; top:509px; left:667px;">
<a href=http://playbook.rusff.me/profile.php?id=857><img src=http://funkyimg.com/i/22Yhy.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=863><img src=http://funkyimg.com/i/22Yhu.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=556><img src=http://funkyimg.com/i/22Yhv.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=752><img src=http://funkyimg.com/i/22Yhx.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
<a href=http://playbook.rusff.me/profile.php?id=858><img src=http://funkyimg.com/i/22Yhw.png style="border: 0px #ffffff solid;" class=Hoverbuttons></a>
</div>

<!--ЦИТАТА-->                                                  <div style="position:absolute; top:300px; left:64px;">
<a href=http://playbook.rusff.me/profile.php?id=863><img src=http://funkyimg.com/i/22Yin.png style="border-radius:84px; border: 1px #ffffff solid;" class=Hoverbuttons></a>
</div><div style="position:absolute; top:352px; left:50px; width:155px;  line-height:8px; color:#8A7DBB; text-align:justify; font-size:10px;">то чувство, когда твои посты не плюсует игрок, с которым играешь. все настолько плохо. © Maya McLellan
</div>

<!--ПОСТ-->                                                  <div style="position:absolute; top:248px; left:75px;">
<a href=http://playbook.rusff.me/profile.php?id=843><img src=http://funkyimg.com/i/22Yio.png style="border-radius:84px; border: 1px #ffffff solid;" class=Hoverbuttons></a>
</div><div style="position:absolute; top:255px; left:90px; width:155px; line-height:8px; color:#AE99CA; text-align:justify; font-size:10px;">
Я могла лишь догадываться, что рано или поздно жизнь с Роем превратится для меня в самый настоящий кошмар...<br><center><a href=http://playbook.rusff.me/viewtopic.php?id=2592#p208042><b>»» читать дальше</b></a></center></div>

<!--ПЛЕЕР-->                                                  <div style="position:absolute; left: 835px; top:62px;">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="8">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
<param name="bgcolor" value="#a78fd6" />
<param name="FlashVars" value="mp3=http://dump.bitcheese.net/files/yrurofy/Lost_Frequencies_feat._Janieck_Devy_-_Reality_[pleer.com].mp3&amp;bgcolor=bdd6ea&amp;loadingcolor=ffffff&amp;slidercolor=ffffff" /></object>
</div><div style="position:absolute; top:75px; left:865px; width:155px;  line-height:8px; color:#ffffff; text-align:justify; font-size:10px;">Привет для <b>Ошина</b>: самому невозможному мужчине на свете, который когда-нибудь научится просить прощения. 
</div>

<!--ТЕКСТ-->  <div style="position:absolute; top:525px; left:320px; width:275px;  line-height:8px; color:#F9F6EF; text-align:justify; font-size:10px; text-shadow: #a96ecb 1px 1px;">Вы так долго совершали свой путь, так долго были путниками с большой дороги, и теперь пришло время найти своё уютное место. И это место вы можете найти именно у нас, в чудном городе небоскрёбов. Чикаго ждёт своих героев. Достаточно просто нажать на play.
</div>     
                                       

<!--АМС-->                                                  <div style="position:absolute; top:625px; left:225px; width:470px;  line-height:8px; color:#ecb8ff; text-align:justify; font-size:12px; text-shadow: #e6e9e1 1px 1px;"><center>
<span class="tooltip"><a href="http://playbook.rusff.me/profile.php?id=4"><b>джей</b></a><em><img src="http://funkyimg.com/i/22NcW.png"/></em></span>,
<span class="tooltip"><a href="http://playbook.rusff.me/profile.php?id=5"><b>энна</b></a><em><img src="http://funkyimg.com/i/22NcV.png"/></em></span>,
<span class="tooltip"><a href="http://playbook.rusff.me/profile.php?id=7"><b>крис</b></a><em><img src="http://funkyimg.com/i/22Nd1.png"/></em></span>,
<span class="tooltip"><a href="http://playbook.rusff.me/profile.php?id=43"><b>стеф</b></a><em><img src="http://funkyimg.com/i/22NcX.png"/></em></span>,
<span class="tooltip"><a href="http://playbook.rusff.me/profile.php?id=46"><b>мэг</b></a><em><img src="http://funkyimg.com/i/22NcT.png"/></em></span>
<span class="tooltip"><a href="http://playbook.rusff.me/profile.php?id=549"><b>гектор</b></a><em><img src="http://funkyimg.com/i/22NcS.png"/></em></span>,
<span class="tooltip"><a href="http://playbook.rusff.me/profile.php?id=246"><b>эл</b></a><em><img src="http://funkyimg.com/i/22NcY.png"/></em></span>
</center>
</div>


<!--НУЖНЫЕ-->                                                  <div style="position:absolute; top: 302px; left:589px;">
<a href=http://playbook.rusff.me/viewtopic.php?id=26#p190103><img src=http://funkyimg.com/i/22Mvu.png style="border-radius:0px; border: 0px #ffffff solid;" class=Hoverbuttons></a>
</div><div style="position:absolute; top: 302px; left:697px;">
<a href=http://playbook.rusff.me/viewtopic.php?id=27#p136691><img src=http://funkyimg.com/i/22SVu.png style="border-radius:0px; border: 0px #ffffff solid;" class=Hoverbuttons></a>
</div><div style="position:absolute; top: 302px; left:805px;">
<a href=http://playbook.rusff.me/viewtopic.php?id=27#p146209><img src=http://funkyimg.com/i/22SVv.png style="border-radius:0px; border: 0px #ffffff solid;" class=Hoverbuttons></a>
</div><div style="position:absolute; top: 302px; left:914px;">
<a href=http://playbook.rusff.me/viewtopic.php?id=27#p139264><img src=http://funkyimg.com/i/22Wub.png style="border-radius:0px; border: 0px #ffffff solid;" class=Hoverbuttons></a>
</div>


  
<!--НОВОСТИ-->                                                  <div style="position:absolute; top:217px; left:803px;">
<a href=http://playbook.rusff.me/profile.php?id=552><img src=http://funkyimg.com/i/22Mvs.png style="border-radius:87px; border: 0px #ffffff solid;"></a>
</div><div style="position:absolute; top:215px; left:870px; width:180px;  line-height:8px; color:#F9F6EF; text-align:justify; font-size:10px; text-shadow: #a96ecb 1px 1px;"><b>22.09</b> - обновлена система бронирования имен и фамилий. теперь вам нужно выкупать их в банке.<br>
- изменены и переписаны правила проекта. настоятельно советуем с ними ознакомиться.<br>
</div>



<!--ФОТОБУДКА-->   <div style="position:absolute; top:313px; left:805px;">
<a href=http://playbook.rusff.me/viewtopic.php?id=2617#p206893><img src=http://funkyimg.com/i/22RhV.png style="border-radius:0px; border: 0px #F9F6EF solid;"></a></div><div style="position:absolute; top:316px; left:900px; width:100x;  line-height:8px; color:#ffffff; text-align:justify; font-size:10px; text-shadow: #a96ecb 1px 1px;"><center><b>день #1</b><br>ваше фото со второй половинкой</center>
</div>


<!--ССЫЛКИ-->                                                  <div style="position: absolute; text-align: center; width: 900px; height: 20px; top: 435px; margin-left: -10px; line-height: 90%;">
<a href="http://playbook.rusff.me/viewtopic.php?id=2620#p205199"><img src="http://funkyimg.com/i/22PkD.png"></a><a href="http://playbook.rusff.me/viewtopic.php?id=5"><img src="http://funkyimg.com/i/22PkG.png"></a><a href="http://playbook.rusff.me/viewtopic.php?id=4"><img src="http://funkyimg.com/i/22PkL.png"></a><a href="http://playbook.rusff.me/viewtopic.php?id=25"><img src="http://funkyimg.com/i/22PkN.png"></a><a href="http://playbook.rusff.me/viewtopic.php?id=27"><img src="http://funkyimg.com/i/22PkY.png"></a><a href="http://playbook.rusff.me/viewtopic.php?id=26"><img src="http://funkyimg.com/i/22Pm2.png"></a><a href="http://playbook.rusff.me/viewtopic.php?id=1514"><img src="http://funkyimg.com/i/22Pm4.png"></a><a href="http://playbook.rusff.me/viewtopic.php?id=345#p11473"><img src="http://funkyimg.com/i/22Pmb.png"></a>
</div>

<link href='http://fonts.googleapis.com/css?family=Playfair+Display|Philosopher|Playfair+Display+SC|Jura' rel='stylesheet' type='text/css'>

<style type="text/css">#pun-index .modlist {display: none; }</style>

<link href='http://fonts.googleapis.com/css?family=Neucha|Bad+Script|Yeseva+One' rel='stylesheet' type='text/css'>

<style type="text/css">
.pa-avatar > img{
  border: #9eb63c 3px solid;!important;
}
</style>

<!--HTML--><div id="soswph1">
<div id="phoe1">
<img src="http://i.imgur.com/oA3c5N4.png">
<div class="sosir1">
<div class="soswpt1">
сладкая парочка</div>
<div class="soswmt1"><a href="http://yourphoenix.rusff.me/profile.php?id=57">Lucas de Kiefte</a> и <a href="http://yourphoenix.rusff.me/profile.php?id=61">Jessica Neal</a>
</div></div>
</div>
</div>

<!--HTML--><center>

<div style="width: 550px; height: 328px; background: url(http://savepic.org/7886101.png) center; padding: 20px; margin-top: 2px; margin-left: 20px;"> <div style="width: 550px; height: 328px; background: #fff; box-shadow: 1px 1px 2px #000;">
<div style="width: 100px; height: 328px; float: right; background: url(http://savepic.org/7922964.png) center;">
</div> 


<div style="width: 450px; height: 45px; padding-top: 9px; background: #ff9d03; font-family: titillium web; font-weight: 600; font-size: 30px; text-transform: uppercase; line-height: 100%; float: center; color: #ff9d03; background: -webkit-linear-gradient(top, #ff9d03, #270000); background: -o-linear-gradient(top, #931453, #270000);  background: -moz-linear-gradient(top, #931453, #270000); background: linear-gradient(top, #931453, #270000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; ">

HOT ROLE


<div style="font-weight: 400; line-height: 80%; font-size: 10px;">лица с обложки</div></div>

<div style="margin-left: -100px; width: 420px; background-color: #ff9d03; padding: 5px;"><div style="width: 400px;  padding: 10px; background-color: #ff9d03; font-family: Verdana; font-size: 11px; text-align: justify; color: #555; line-height: 100%"><div style="width: 400px; height: 1px; border-top: 1px dashed #888; margin-bottom: 9px;"></div>
<center>Мы предлагаем вашему вниманию акцию, в которой вы сможете увидеть внешности, которые можно считать самыми востребованными на просторах ролевых игр. Они все свободны на нашем проекте и только ждут, чтобы их заняли. Но за внешностями так же будут стоять и профессии, которые мы бы хотели видеть в нашем городе. Что из этого получаете вы? Конечно же игру. В-первую очередь. Так как подбор профессий составляется так, чтобы у вас с самого начала были возможные партнеры по игре. А так же, вам дается возможность заполучить первый баннер абсолютно бесплатно и конечно же, любовь окружающих и пять плюсов от администрации на первых порах. Но это лишь примерный перечень профессий, что вас не обязывает делать вашего персонажа именно пожарным или же балериной. Нет. Мы хотим лишь помочь, а выбор все равно остается только за вами. </center><br>


</div><div style="width: 200px; height: 65px; padding: 15px 0px 10px 100px; background: #fff; font-family: titillium web; font-weight: 900; font-size: 30px; text-transform: uppercase; line-height: 100%; float: left; color: #bde4ec; background: -webkit-linear-gradient(top, #36465d, #bde4ec); background: -o-linear-gradient(top, #36465d, #bde4ec);  background: -moz-linear-gradient(top, #36465d, #bde4ec); background: linear-gradient(top, #36465d, #bde4ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; "></div></div><link href='http://fonts.googleapis.com/css?family=Titillium+Web:600,400' rel='stylesheet' type='text/css'>

<!--HTML--><center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="500" height="6">     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />     <param name="bgcolor" value="#f0ad5c" />     <param name="FlashVars" value="mp3=http://dump.bitcheese.net/files/arahuko/one_republic_-_secrets_.mp3&amp;bgcolor=558dd1&amp;loadingcolor=ffffff&amp;buttoncolor=ffffff&amp;slidercolor=ffffff" /> </object></center>

<!--HTML--><center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="500" height="6">     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />     <param name="bgcolor" value="#f0ad5c" />     <param name="FlashVars" value="mp3=http://dump.bitcheese.net/files/akajoku/james_arthur_-_recovery_.mp3&amp;bgcolor=558dd1&amp;loadingcolor=ffffff&amp;buttoncolor=ffffff&amp;slidercolor=ffffff" /> </object></center>

<!--HTML--><center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="500" height="6">     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />     <param name="bgcolor" value="#f0ad5c" />     <param name="FlashVars" value="mp3=http://dump.bitcheese.net/files/erajycu/david_cook_-_permanent_.mp3&amp;bgcolor=558dd1&amp;loadingcolor=ffffff&amp;buttoncolor=ffffff&amp;slidercolor=ffffff" /> </object></center>

<!--HTML--><center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="500" height="6">     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />     <param name="bgcolor" value="#f0ad5c" />     <param name="FlashVars" value="mp3=http://dump.bitcheese.net/files/opivewe/naughty_boy_feat._sam_smith_-_safe_with_me_.mp3&amp;bgcolor=558dd1&amp;loadingcolor=ffffff&amp;buttoncolor=ffffff&amp;slidercolor=ffffff" /> </object></center>

<!--HTML--><center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="500" height="6">     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />     <param name="bgcolor" value="#f0ad5c" />     <param name="FlashVars" value="mp3=http://dump.bitcheese.net/files/yhikera/splin_-_tantsuy.mp3&amp;bgcolor=558dd1&amp;loadingcolor=ffffff&amp;buttoncolor=ffffff&amp;slidercolor=ffffff" /> </object></center>