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

html {
background: #c4aa7b url(http://s1.uploads.ru/BPX63.jpg) center top  fixed;
}

body {
background: transparent url(http://s1.uploads.ru/n6xg3.png) no-repeat top center;
padding-top: 612px !important;
}

#pun {
position: relative;
background-color: #;
}


/* 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: #;
  color: #404040;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
    background-color: none;
    background-image: url();
    color: #652d0a;
    font-style: normal;
    font-weight: bold;
font-family: Times;
    height: 30px;
  
 padding-right: -150px;
font-size: 15px;
    text-align:  center;
text-transform: uppercase;
padding-top: 30px!important;
      text-shadow: #fff 1px 1px 2px;
margin-left: -0px;
}

/* CS1.4 */
#pun-title, #pun-title .container {
  background-image: url();
  margin:  0 auto 0 auto;
  width: 900px;
  background-color: transparent;
  }
  
 .punbb .modmenu .container {
  margin:  0 auto 0 auto;
  width: 900px;
  background-color: transparent;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #;
  color: #404040
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #;
  color: #404040
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #d7c199;
background-image: url();
  color: #000
  }

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #d7c199;
background-image: url();
  color: #000
}

#pun th { background-color: #d2b684; border-width: 1px solid  #b27c40 #b27c40 #b27c40 }

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

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

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

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

/* 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: #b27c40 #b27c40 #b27c40 #b27c40;
  }

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

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

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

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

.punbb .divider {
  border-color: #b27c40 #b27c40 #b27c40 #b27c40
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #b27c40
  }

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

.punbb .post-sig dt {
  border-top-color: #b27c40 !important;
  }


/* 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: #874e16;
    border-bottom: 0px none #000;


  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #font-weight: bold;
color: #874e16;
  }
-webkit-transition: color 0.5s ease;
-khtml-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;

/* 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: #a20608;
    border-bottom: 0px none #000;

text-shadow: #fff 1px 1px 2px;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #874e16;
    border-bottom: 0px none #000;
  text-decoration: none;
text-transform: uppercase;
font-weight: bold;
text-shadow: #fff 1px 1px 2px;
font-family: Times;
font-size:14px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #a20608;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
text-transform: uppercase;
font-weight: bold;
text-shadow: #fff 1px 1px 2px;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #874e16;
  }
.tclcon h3 a{
font-size:12px;
font-weight: normal;
text-transform: uppercase;
}




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

   div.icon {
            background: url(http://uploads.ru/i/u/M/Z/uMZQR.png) no-repeat;
    }

    tr.inew div.icon {
            background: url(http://uploads.ru/i/E/t/4/Et4Jq.png) no-repeat;
    }

    tr.iclosed div.icon {
            background: url(http://uploads.ru/i/3/G/y/3GyES.png) no-repeat;
    }


    tr.isticky div.icon {
            background: url(http://uploads.ru/i/s/H/i/sHix2.png) no-repeat;

 }



.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.booklet .b-wrap-left  {
	background:#c7d596 url(http://ruseller.com/lessons/les809/demo/images/left_bg.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

}
.booklet .b-wrap-right {
	background:#c7d596 url(http://ruseller.com/lessons/les809/demo/images/right_bg.jpg) no-repeat top left;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;


}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:80%;
	height:20px;
	border-top:1px solid #c7d596;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{
	margin:0 auto;
	padding-top:50px;
	width:860px;
	height:540px;
	position:relative;
	background:transparent url(http://fordis.rolka.su/files/000d/19/7b/55725.png) no-repeat 28px 29px;
}



.book_wrapper p{
	font-size:14px;
	margin:5px 5px 5px 15px;
}
.book_wrapper img{
	margin:10px 0px 5px 35px;
	width:300px;
	padding:4px;
	border:1px solid #c7d596;
	-moz-box-shadow:1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 1px #fff;
	box-shadow:1px 1px 1px #fff;
}
.booklet .b-wrap-right img{
	border:1px solid #c7d596;
}
a#next_page_button,
a#prev_page_button{
	display:none;
	position:absolute;
	width:36px;
	height:40px;
	cursor:pointer;
	margin-top:-20px;
	top:50%;
	background:transparent url(http://ruseller.com/lessons/les809/demo/images/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-8px;
}
a#next_page_button{
	right:-6px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}

#pun-main h2 {color: #652d0a;}
#pun-main h1 {color: #652d0a; padding-top: 35px!important;}

#pun-title TD.title-logo-tdr {
position: absolute; z-index: 1; left: 210px; top: -60px;
}

#pun-stats ul.container {
            background: transparent url(http://s1.uploads.ru/i/JajUd.png) no-repeat 20px 5px;
            padding-left: 160px;
    }

    #back-top {
    position: fixed;
    bottom: 20px; /* отступ кнопки снизу */
    margin-left: -150px; /* отступ кнопки слева (для указания отступа справа
    используйте margin-right) */
    }

    #back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    }
    #back-top a:hover {
    color: #000;
    }

    /* иконка стрелки (тег span) */
    #back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: transparent url(http://s1.uploads.ru/i/NZjAb.png) no-repeat center center;
    /* в скобках указываем путь к иконке */

    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;

    /* скругленные углы  */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    }
    #back-top a:hover span {
    background-color: #;
    }