div#shtrade {
    display: block;
    background: #2b2b28;
    width: 82px;
    line-height: 1;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    color: #bda796;
    position: absolute;
    margin-left: 930px;
    margin-top: 122px;
    font-style: italic;
    font-weight: bold;
}

div#shtrade a {
    color: #bda796;
}

div#shtrade a:hover {
    color: #af755a;
}

div#shr {
    display: block;
    background: #2b2b28;
    width: 82px;
    line-height: 1;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    color: #bda796;
    position: absolute;
    margin-left: 930px;
    margin-top: 220px;
    font-style: italic;
    font-weight: bold;
}

div#shr a {
    color: #bda796;
}

div#shr a:hover {
    color: #af755a;
}

div#right_block {
    display: block;
    position: absolute;
    margin-top: 100px;
    width: 420px;
    height: 182px;
    margin-left: 496px;
}

div#tn {
    display: block;
    position: absolute;
    width: 127px;
    height: 27px;
    font-family: arial;
    font-size: 15px;
    font-style: italic;
    color: #bda897;
    padding: 27px 0px 27px 85px;
    margin-left: -13px;
}
div#tn a {
    font-size: 18px;
    color: #bca796;
    font-family: georgia;
}
div#tn a:hover {
    color: #ae7456;
}
div#tn_1 {
    margin-top: 3px;
margin-left: 15px;
}

div#ngt {
    display: block;
    position: absolute;
    width: 127px;
    height: 27px;
    font-family: georgia;
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    color: #bda897;
    padding: 27px 0px 27px 85px;
    margin-left: 215px;
}
div#ngt a {
    font-size: 18px;
    margin-left: -10px;
    color: #bca796;
    font-family: georgia;
}
div#ngt a:hover {
    color: #ae7456;
}
div#ngt_1 {
    font-size: 15px;
    font-family: arial;
    margin-top: 3px;
    font-weight: normal;
    margin-left: 15px;
}
div#br {
    display: block;
    position: absolute;
    width: 127px;
    height: 27px;
    font-family: arial;
    font-size: 15px;
    font-style: italic;
    color: #bda897;
    padding: 27px 0px 27px 80px;
margin-top: 103px;
}
div#br a {
    font-size: 17px;
    margin-left: -7px;
    color: #bca796;
    font-family: georgia;
}
div#br a:hover {
    color: #ae7456;
}
div#br_1 {
    margin-top: 3px;
}

div#v {
    display: block;
    position: absolute;
    width: 127px;
    height: 27px;
    font-family: georgia;
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    color: #bda897;
    padding: 27px 0px 27px 85px;
    margin-left: 213px;
    margin-top: 103px;
}
div#v a {
font-size: 16px;
    margin-left: -16px;
    color: #bca796;
    font-family: georgia;
}
div#v a:hover {
    color: #ae7456;
}
div#v_1 {
font-size:15px;
font-family:arial;
    margin-top: 3px;
    font-weight: normal;
margin-left: 4px;
}





div#news {
display: block;
    position: absolute;
    width: 385px;
    height: 150px;
    margin-top: 157px;
    margin-left: -2px;
    padding: 7px 13px 7px 10px;
    line-height: 13px;
    overflow-y: scroll!important;
    text-align: justify;
}

div#news_h {
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}


@import url(http://fonts.googleapis.com/css?family=Satisfy);
.tooltip {
	display: inline;
	position: relative;
	z-index: 999;
}

/* Gap filler */
.tooltip::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
    position: absolute;
    z-index: 9999;
width: 450px;
    left: -110px;
top: -285px;
    line-height: 1;
    font-size: 15px;
    font-family: arial;
    font-style: normal;
    text-align: center;
    font-weight: normal;
    color: #282828;
    background: #bda897;
    border-top: 10px solid #1f1f1f;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.tooltip:hover .tooltip-content {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.tooltip-content span {
	display: block;
}

.tooltip-text {
    border-bottom: 10px solid #212121;
	overflow: hidden;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}

.tooltip:hover .tooltip-text {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.tooltip-inner {
	background: rgba(85,61,61,0.95);
	padding: 40px;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.tooltip:hover .tooltip-inner {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Arrow */

.tooltip-content::after {
	content: '';
	bottom: -20px;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
    border-top-color: #212121;
	border-width: 10px;
	margin-left: -10px;
}

.tooltip-text a {
    font-size: 12px;
    color: #973619!important;
}

.tooltip-text a:hover {
    font-size: 12px;
    color: #751d03!important;
}

.zag {
    font-weight: bold;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    padding-top: 5px;
    background: #b39e8d;
    padding-bottom: 10px;
    margin-bottom: -15px!important;
}




body {
background: url(http://co.forum4.ru/files/0018/1f/a3/13270.jpg) no-repeat top center,
url(http://co.forum4.ru/files/0018/1f/a3/30682.jpg) repeat-y top center;
background-color: #272727;
}

div#sign {
    background: url(http://co.forum4.ru/files/0018/1f/a3/34735.jpg) no-repeat center;
    display: block;
    width: 1500px;
    height: 244px;
    position: absolute;
right: 50%;
transform: translate(50%,0);
}

div#menulink {
display: block;
    position: absolute;
    margin-top: 425px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 965px;
    height: 30px;
}

div#menulink a {
color: #4b3421;
  text-decoration: none;
}

div#menulink a:hover {
  color: #955632;
  text-decoration: none;
}

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

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #1474C3;
  color: #fff;
  }

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: #e4dcd6;
    color: #2b2b2b;
    font-style: italic;
    font-size: 10px!important;
    padding: 3px 50px 3px 50px!important;
    text-transform: uppercase!important;
    font-weight: bold;
    margin-left: 220px!important;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;
    color: #272727;
    font-style: italic;
    font-family: georgia;
    font-size: 12px!important;
    font-weight: bold!important;
  }

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

/* CS1.8 */
#pun-navlinks .container {
    background-color: transparent;
}

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

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

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

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

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

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

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #8b3619;
  text-decoration: none;
font-weight: bold;
  }

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #232323;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
color: #bea998;
  text-decoration: none;
font-weight: normal!important;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #9f735a;
  text-decoration: none;
font-weight: normal!important;
  }

/* CS3.5 */
#pun-ulinks a {
color: #bea998;
  text-decoration: none;
font-weight: normal!important;
  }

/* CS3.6 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #9f735a;
  text-decoration: none;
font-weight: normal!important;
  }

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

.linkst .postlink a {
    color: #ac7458!important;
}

.linkst .postlink a:hover {
    color: #bca796!important;
}

a.permalink {
    font-family: arial;
}

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

.punbb table Div.icon {float: left; 
display: block;
    float: left;
border-style: none none none none;
margin-left: -10px;
margin-top: 0px;
    width: 72px;
    height: 59px;
padding-right:5px;
background-image : url(http://co.forum4.ru/files/0018/1f/a3/93159.jpg);
background-repeat: no-repeat;}

TR.iclosed Div.icon {
background-image : url(http://co.forum4.ru/files/0018/1f/a3/44198.jpg);
background-repeat: no-repeat;
    width: 72px;
    height: 59px;}

TR.inew Div.icon {
background-image : url(http://co.forum4.ru/files/0018/1f/a3/23298.jpg);
background-repeat: no-repeat;
    width: 72px;
    height: 59px;}

TR.isticky Div.icon {
background-image : url(http://co.forum4.ru/files/0018/1f/a3/35770.jpg);
background-repeat: no-repeat;
    width: 72px;
    height: 59px;}

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

#pun-index td div.tclcon {
padding-left: 70px;
    padding-bottom: 10px;
    padding-top: 5px;
}

textarea#main-reply {
    background: #e4dcd6;
    border: 2px solid #b39e8d;
    color: #542b20;
}

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



.punbb .post .post-author > ul {
    background: #ccb9aa;
    margin: 0px 0 0px 10px!important;
    padding: 0 3px 0px!important;
    border-top: 10px solid #b39e8d;
}

li.pa-avatar  {z-index: 5;  }

.pa-title {
    text-align: center;
    z-index: 1000;
    line-height: 9px !important;
    font-variant: small-caps;
}


.pa-author a, .pa-author {
    line-height: 1em;
    margin-top: 5px !important;
}

.post-author {
    text-align: center;
}

.post-author ul li {

}

li.pa-fld4 {
    margin-top: -10px;
}

li.pa-fld4 img {
    width: 50px;
    height: 50px;
}

li.pa-online {
line-height: 1.2em!important;
    padding: 0.5em 0.6em 0.8em 0.6em!important;
    margin-top: 0.3em!important;
    font-size: 10px!important;
    text-transform: uppercase!important;
    font-weight: bold;
}

li.pa-last-visit {
    line-height: 1.2em!important;
    padding: 0.5em 0.6em 0.8em 0.6em!important;
    margin-top: 0.3em!important;
    font-size: 10px!important;
    text-transform: uppercase!important;
    font-weight: bold;
}

select#mod-options {
    background: #e4dcd6;
}

input.button {
    background: #e4dcd6!important;
    width: 100px!important;
    height: 23px!important;
    font-size: 8px!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    border: 2px solid #b39e8d!important;
}

.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.punbb .post-content td {
    border: none!important;
}


#image-area {
    width: 550px;
background: #e4dcd6;
    border: 5px solid #b39e8d!important;
}

#video-area {
    width: 450px;
background: #e4dcd6;
    border: 5px solid #b39e8d!important;
}

#color-area, #table-area, #keyboard-area {
    width: auto;
background: #e4dcd6;
    border: 5px solid #b39e8d!important;
}

#font-area, #size-area, #addition-area {
background: #e4dcd6;
    border: 5px solid #b39e8d!important;
    z-index: 1;
}

#keyboard-area {
    text-align: center;
    padding-bottom: 20px!important;
background: #e4dcd6;
    border: 5px solid #b39e8d!important;
}

#smilies-area {
    width: 500px;
background: #e4dcd6;
    border: 5px solid #b39e8d!important;
    text-align: center;
}

::-webkit-scrollbar {  
width: 10px;  /* for vertical scrollbars */
height: 8px; /* for horizontal scrollbars */}
::-webkit-scrollbar {
    width: 10px;
    height: 8px;}
::-webkit-scrollbar-track {
background: #ab9d8c;}

::-webkit-scrollbar-thumb {
background: #9f735a;
    }

div#pun-graffiti-rusff h1 {
width: 631px!important;
    margin-left: 0px!important;
    padding-right: 10px;
}

#profilenav h2 span {
    display: none;}

li.pa-fld1, li.pa-fld2, li.pa-fld3  {
    margin-bottom: 5px;
}

.punbb-admin #pun-admain h2 {
    background: #212121;
    color: #bda897;
    font-weight: bold;
}

.adcontainer {
    border: none!important;
}

#pun-admain fieldset {
    border-style: solid!important;
    border-width: 1px!important;
    padding: 0 18px 0 18px!important;
    margin: 0 0 1em 0!important;
    border-color: #ab9d8c!important;
}

.adformal {
    border-style: none!important;
}

dl.post-sig img {
    max-width: 450px;
    max-height: 150px;
}

li.pl-website {
    display: none!important;
}