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

@import url(style_cs.css);

/* Селекторы тегов
-------------------------------------------------------------*/

html,body{
  margin:0;
  padding:0;
  font-size: 12px;
  font-family:verdana;
background: url(http://10pix.ru/img1/3593/2409300.jpg) center bottom no-repeat fixed #e0d4a4;
  color:#000;
}

img{
  border:none;
}

ul, dl, li, dd, dt {
  padding: 0;
  list-style: none;
  }

hr {
  height: 0; 
  border: none;
  border-bottom: 1px solid #A57D3D;
}

a{
  text-decoration:none;
  outline: none;
  color:#855910;
}

a:hover{
  text-decoration:underline;
}

a:active{
  text-decoration:underline overline;
}

h1, h2{
  margin:0;
  padding:0;
  height:24px;
  padding-left:57px;
  font: bold small-caps 14px Verdana;
  line-height:24px;
  letter-spacing:3px;
  color:#E8D5A4;
  background:#A57D3D;
}

input, textarea, select {
  outline: none;
  border:2px solid #A57D3D;
  background-color:#CFBB76;
  font-size: 13px;
  color:#1F1E2E;
  font-family:"MS Sans Serif", Geneva, sans-serif;
}

fieldset {
  border: 1px solid #CFBB76;
  margin:10px;
}



/* Настройки
-------------------------------------------------------------*/

.punbb .main table {
  table-layout: fixed; 
  width: 100%;
}

/* опросы */

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

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

/* оформление текста */

.punbb address, .punbb em {
  font-style: normal;
}

.punbb .post-content em {
  font-style: italic;
}

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

/* отмена обтекания */

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

/* скрытие некоторых заголовков и блоков */

.acchide,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-announcement h2,
#pun-index #pun-main h1,
#pun-pagelinks h2,
#pun-status 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 {
  display:none;
}


/* Главная страница: основное
-------------------------------------------------------------*/

/* основное */
#pun {
  margin: 0 auto auto auto;
  width:940px;
  border-style: solid;
  border-color:#A57D3D;
  border-width:2px;
  background-color:#E7D5A3;
}

.punbb {
  float: left;
  width: 100%;
  height: auto;
}

/* рекламный баннер */
#pun-title TD.title-logo-tdr {
  border:none;
  width: 468px;
  vertical-align: top;
  padding-top: 3px;
  position: absolute;
  left: 31%;
  top: 0;
}

/* шапка */
#pun-title{
  background: url(http://10pix.ru/img1/3145/2409297.jpg) no-repeat center left;
  height:240px;
  margin-top:70px;
  margin-bottom:20px;
  border-style:solid none;
  border-color: #A57D3D;
  border-width: 2px 0;
}

/* название форума на шапке */
.title-logo {
  font-size:38px;
  letter-spacing:0;
  line-height:40px;
  opacity: 0.5;
filter: alpha(opacity=50);
  color:#F0DF8C;
  text-shadow: #6B3B13 0 0 11px;
  margin-left:200px;
  font-family:Georgia;
  font-style: italic;
  margin-right:200px;
  text-align:center;
  margin-top:77px;
  background:transparent;
}

/* объявление */
#pun-announcement{
  text-align:justify;
}

#pun-announcement .html-box {
  padding:10px;
}



/* таблицы
-------------------------------------------------------------*/

/* где рамки не нужны */
#pun-ulinks .container,
#pun-status .container,
#tieser-bottom,
#pun-about .container{
  border:none;
}

/* где рамки нужны */
 .container{
  margin:0;
  border: none;
}

/* заголовки в таблице */
#pun-main table thead tr{
  font-size:10px;
  color:#A57D3D;
}

/* рамки между графами */
.hasicon tr td{
  border-top: 2px solid #A57D3D;
}

.hasicon tr .tcr{
  border-right:none;
}

/* ширина ячеек */
.punbb .main .tcl{
  overflow: hidden;
  width:50%;
  text-align:justify;
  padding:9px;
}

.punbb .main .tc2, .punbb .main .tc3{
  width:10%;
  text-align:center;
}

.punbb .main .tcr{
  overflow: hidden;
  width:30%;
  text-align:center;
  padding:9px;
}

/* название подфорума */
#pun-index .tcl h3 {
  font-size: 13px;
  font-weight: bold;
  margin:0 0 4px 7%;
  padding:0;
}

/*ширина остальных ячеек: статистика, поиск, участники */

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

#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align:center;
  width: 20%;
}

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

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




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

.punbb td div.tclcon {
  margin-left: 63px;
}

.punbb div.icon {
  float: left;
  display: block;
  width: 57px;
  height: 57px;
}

div.icon, tr.iredirect div.icon {
  background:
url(http://10pix.ru/img1/4601/2414581.png) no-repeat;
}

tr.inew div.icon {
  background: url(http://10pix.ru/img1/4617/2414582.png) no-repeat;
}

tr.iclosed div.icon {
  background: url(http://10pix.ru/img1/4633/2414583.png) no-repeat;
}

tr.isticky div.icon {
  background: url(http://10pix.ru/img1/4649/2414584.png) no-repeat;
}

/* статистика */
#pun-stats .container {
  padding: 5px;
}

#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 130%;
}

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

li#onlinelist {
  margin-top: 10px;
  float: left;
  width: 100%;
  line-height: 100%;
}

/* хлебные крошки и приветствие*/
#pun-status .container {
  padding: 5px;
}
 
#pun-index .crumbs, #pun-crumbs1 p, #pun-crumbs2 p{
  font-weight: bold;
  overflow: hidden;
  padding: 5px;
}

/* нумерация и ссылки возле нее */
.pagelink {
  padding:5px;
  width: 200px;
  text-align:left;
  float:left;
}

.postlink, .subscribelink {
  padding:5px;
  width: 250px;
  text-align:right;
  float:right;
}

/* модменю, rss */
.modmenu .container{
  padding:5px;
  text-align:right;
  border-top: 1px solid #A57D3D;
}

.modmenu .container strong {
  text-align:left;
  float:left;
}

/* блок для копирайта */
#pun-about .container {
  text-align: right;
  line-height: 120%;
  padding: 5px;
}

#pun-about p span {
  display:block;
  padding-left: 50%;
}



/* разное
-------------------------------------------------------------*/

/* опрос */

#poll-special h1 {
  height: 20px !important;;
  background-color:#A57D3D;
  background-image:none;
  border: 1px solid #6B3B13;
}

/* переадресация */
#pun-redirect, #pun-maint {
  vertical-align:center;
  margin: 10% auto;
  width: 60%;
  float: none;
}

#pun-redirect .container {
  padding:10px;
}

/* регистрационные поля */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
}

.punbb .inline .infofield {
  clear:both
}

.punbb .datafield br {
  display: none
}

.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
}

.punbb .datafield span.input a {
  font-weight: normal;
}

.info .container{
  padding:20px;
}

/* цитата и код */
.quote-box, .blockcode {
  background-color:#A57D3D;
  margin:10px;
  padding:10px;
}

.quote-box blockquote {
  background-color:#DBC682;
  margin:5px;
  padding:5px 15px;
  font-size:11px;
}

.quote-box cite {
  font-width: bold;
}

.blockcode .scrollbox{
  font-family: "Courier New";
  overflow:auto;
  margin:0;
  padding:0;
  max-height:400px;
}



/* кнопки-теги в форме ответа */

.punbb .hashelp {
  position: relative;
}

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

.punbb #profile .helplinks {
  top: 1.5em;
}

.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
}

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

#font-area, #size-area {
  border: 2px solid #A57D3D;
  background-color: #DBC682;
  padding: 5px;
  left: 0;
}

#smilies-area, #video-area, #color-area, #keyboard-area, #imageup-area {
  border: 2px solid #A57D3D;
  background-color: #DBC682;
  padding: 5px;
  right: 0;
}

#color-area table tbody tr td {
  border: none;
}

#color-area table tbody tr td img {
  width: 10px;
  height: 10px;
}

#main multipage .topic .post h3 span{
  margin-right:20px;
}



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

#profile .container {
  padding-left: 18.6em;
}

#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
}

#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
}

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

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

#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
}

#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
}

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

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

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

.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
}



/* тема
-------------------------------------------------------------*/

.post .container{
  border:none;
  margin:0;
}

.post .container .post-author{
  margin-top: -20px;
  width:210px;
  font-size:10px;
  font-weight:bold;
  float:left;
  text-align:center;
 }

.post .container .post-body{
  margin-left:210px;
  border-left: 1px solid #A57D3D;
  text-align:justify;
}

.post .container .post-author .pa-author{
  font-size:13px;
}

.post .container .post-author .pa-title{
  font-size:11px;
  padding-bottom: 5px;
}

.punbb .post h3{
  margin:0;
  margin-bottom:-12px;
  border-top:30px solid #A57D3D;
}

.punbb .post h3 span {
  padding: 3px 8px;
  display: block;
  margin-left: 210px;
  border-left: 1px solid #A57D3D;
}

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

.punbb .post-box {
  padding: 10px;
}

.punbb .post-sig{
  border-top: 2px solid #A57D3D;
  font-size: 11px;
}

.post-sig dd {
  margin:0;
  color:#2E2C41;
}

.punbb .post-links {
  margin-left: 210px;
  border-left: 1px solid #A57D3D;
}

.punbb .post-links ul {
  padding: 0 10px 0 0;
  height: 20px;
  line-height: 20px;
  margin:0;
  margin-left: -210px;
  text-align: right;
}

.punbb .post-links li {
  display: inline;
  padding-left: 5px;
}

.pl-email, .pl-website {
  float: left;
}

.punbb .clearer {
  clear: both;
}


/*меню------------------------------------------------------------------------------------------------------------------------------------*/

#pun-navlinks, #pun-ulinks{
  background-color: #DBC682;
  border: 2px solid #A57D3D;
  border-radius: 9px;
  -moz-border-radius:9px;
 -webkit-border-radius:9px;
  margin: 10px;
  height: 30px;
  line-height: 30px;
  text-align:center;
}

#pun-navlinks li, #pun-ulinks li{
  display:inline;
  padding: 0 10px;
}

/*в профиле*/
#profilenav h2{
  background-color:#A57D3D;
  margin-bottom:3px;
}

#profilenav ul{
  border: 1px solid #A57D3D;
}