/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {
    background: url(http://s42.radikal.ru/i096/1107/f8/03aa58ea732c.jpg);
background-position: top center;
    }

    body {
    background-color: transparent !important;
    background-image: url(http://s42.radikal.ru/i096/1107/f8/03aa58ea732c.jpg);  
    background-repeat: no-repeat;
    }

    html {
    background: #131809 url(http://s020.radikal.ru/i718/1401/84/f209b7857568.png) repeat-y; 
    background-position: center top;
    }




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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url(http://sc.uploads.ru/vJFc8.png);
background-repeat: no-repeat;
background-position : top center; 
  color: #e5d2b4;
  text-shadow: 1px 1px 1px black;
  font-weight: bold;
   font-family: "AmericanRetro";
  src: url("/files/0014/29/06/54884.svg"),
url("/files0014/29/06/81535.svg") format("truetype");
font-style: normal;
font-size: 19px;
text-align: center;
height: 25px

  }

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

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

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

/* CS1.7 */
    .punbb .quote-box, .punbb .code-box {
      background: url(http://s018.radikal.ru/i505/1405/53/2922ed9716bb.png);
      color: #000000;
}
.punbb textarea, .punbb select, .punbb input {
  background: url(http://s018.radikal.ru/i505/1405/53/2922ed9716bb.png) #цвет фоновой заливки;
  color: #734417;
  border: 1px solid #цвет границы;
}

/* CS1.8 */
#pun-navlinks .container {
  background: url(ссылка на картинку) repeat;
  color: #704217;
}

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #transparent;
  color: #000000
}

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

#pun-title, #pun-navlinks {
        border-color: #e5d2b4;
}
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color: #e5d2b4
  }
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #e5d2b4;
  }
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #e5d2b4;
  }
/* 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: #e5d2b4;
  }
/* CS2.5 */
.punbb th {
  border-color: #e5d2b4;
  }
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #e5d2b4;
  }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #e5d2b4
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #e4d2b5
  }
.punbb .divider {
  border-color: #e4d2b5
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px none #e5d2b4;
  }
li.pa-online {
  border-left-color: #233e59;
  }


/* 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: #804c1a;
    border-bottom: 0px none #704217;
  font-weight: bold;
  text-decoration: none;
text-shadow: 0px 0px 2px white;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.visited a:visited {
  color: #a67c52
text-shadow: 0px 0px 2px white;
  }

/* 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: #2b1a08;
    border-bottom: 0px none #000;
  text-decoration: visited;
text-shadow: 0px 0px 1px black;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #9d6521;
    border-bottom: 0px none #000;
  font-weight: bold;
  text-decoration: none;
text-shadow: 1px 1px 2px white;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #724814;
  font-weight: bold;
font-style: normal;
  border-bottom: 0px none #000;
  font-weight: bold;
  text-decoration: visited;
text-shadow: 2px 2px 2px white;
  }

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

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

    div.icon {
            background: url(http://s003.radikal.ru/i201/1208/16/dfe24c0ad71c.png) no-repeat;
    }

    tr.inew div.icon {
            background: url(http://s48.radikal.ru/i119/1208/d2/619c76e5d29e.png) no-repeat;
    }

    tr.iclosed div.icon {
            background: url(http://s59.radikal.ru/i165/1208/bf/ecb62ab4f9c9.png) no-repeat;
    }

    tr.iredirect div.icon {
            background: url(http://s015.radikal.ru/i333/1208/22/c663c4261e2d.png) no-repeat;
    }

    tr.isticky div.icon {
            background: url(http://s019.radikal.ru/i640/1208/78/724c0d385ac0.png) no-repeat;
    }

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

/* CS5 Other
 -----------------------------------------------------------
/*низ форума*/


#pun-title .title-logo span {display: none;}

#pun-about p.container {background-color: #;
background-image : url(http://2.firepic.org/2/images/2014-05/08/qfhoupowincj.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 325px;
width: 1233px; 
margin-left: -253px;
text-align: center;
border-color: transparent;
}

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

/*обводка аватарок*/

#pun-main .post-author ul { background-color : #9C9C9C; 
background-position: center; 
text-align: center; 
background-color : #9C9C9C; 
border: 0px solid #B7AF97;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
width:188px; margin: 2px 0px 0px -9px ;
background: url("http://s018.radikal.ru/i505/1405/53/2922ed9716bb.png");
font-size: 12px;
font-family: Comic Sans MS ;
text-shadow: 0px 0px 0px white;
}

/*фыфысв*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
}
</style>
<style>
.menu span {
    cursor: pointer;
    display: block;
    margin: 7px 0;
    padding: 11px;
    text-align: left;
    width: 150px;
}
.menu-links {
    float: left;
    margin-right: 15px;
}
#submenu {
    display: inline-block;
}
#submenu, .menu span {
        border-radius: 5px;
	background: #transparent;
}
.menu .tabactive {
	color: #000000;
        background: #777777;
}
#submenu {
	padding: 7px;
	height: 180px;
	font-size: 12px;
	width: 595px;
}    
.submenutext {
	display: none; 
	height: 40px;
}







/*награды*/
div.AwardAllWindow {
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: fixed; top: 0px; left: 0px;
}
div.AwardWindow {
  z-index: 9999;
position: fixed;
top: 10% !important;
left: 50% !important;
width: 670px;
padding: 15px;
background: url(http://i031.radikal.ru/1405/cf/cb9bf15dc99c.png) no-repeat;
margin-left: -350px !important;
vertical-align: middle;
color: 000;
height: 400px;
}
div.AwardWindow div#closeBtn { 
  cursor: pointer; 
  background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
  width: 16px; height: 16px;
  position: relative;
  top: -5px; left: 690px;
}
div.AwardWindow h3 { 
  font-variant: small-caps;
  font-weight: bold;
  font-size: 15px;
  margin-top: -20px; 
}
div.AwardWindow div#AwardContent { 
  width: auto; height: auto; 
  min-height: 100px;
  max-height: 300px !important; 
  overflow-y:auto;
}
div.AwardWindow div#AwardContent td#title { 
  font-variant: small-caps;
  font-weight: bold; 
  font-size: 15px;
  width: 200px;
  text-align: center;
}
div.AwardWindow div#AwardContent td#desc { 
  font-size: 10px;  
}
#pun-profile fieldset > span {
  cursor: pointer;
  padding: 5px;
  border: 1px solid black;
  position: relative;
  top: -30px;
  margin-bottom: 10px;
  left: 150px;
  background-color: white;
}