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

.stroka{
bottom:2px;
position:absolute;z-index:100;
}
::selection {
  background: #0F294C; /* WebKit/Blink Browsers */
color: #d3cfd0
}
::-moz-selection {
  background: #0F294C; /* Gecko Browsers */
color: #d3cfd0
}

.punbb .post-box {
    padding: 1em;
    margin-left: 10px;
}
HTML {
background: url("http://funkyimg.com/i/ZYSk.jpg") center top repeat-y;
background-color: #020713;
}
body { 
background-image: url("http://funkyimg.com/i/ZYSn.jpg");
background-position: center top;  
background-attachment:scroll;
background-repeat: no-repeat;
}
#pun_wrap {  
background-image: url("http://funkyimg.com/i/218gs.jpg"); background-repeat: no-repeat; background-position: center bottom ;
padding-bottom: 5em;
}
/* 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: #333;
  }

/* 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 {
color: rgba(15, 41, 76, 0.78);
text-align: center;
letter-spacing: 1px;
text-transform: lowercase;
font-weight: bold;
font-size: 20px !important;
font-family: georgia;
font-style: italic;
border-bottom: ;
border-bottom: 3px dashed rgba(141, 45, 56, 0.18) !important;
}
.punbb h2 span, .punbb h1 span {
line-height: 20px;
}
#pun-redirect.punbb  #pun-main h1 {
background: none;
}


/* 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: transparent;
color: #455E80;
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb input {
background-color: rgba(134, 116, 94, 0.24);
  color: #333
  }

.punbb .quote-box, .punbb .code-box {
box-shadow: 1px 1px 2px rgba(30, 31, 33, 0.61);
}

.punbb textarea, .punbb input {
border-width: 0px !important;
}

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

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

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

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

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

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

/* 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: transparent
  }

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

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

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

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

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent
  }

li.pa-online {
  border-color: transparent
  }


/* 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: #8D5770;
transition: all 0.3s ease 0s
  }

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

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

/* CS3.3 */
#pun-navlinks a {
  text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #6E87A5;
padding: 8px 6px 12px 5px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #C65277;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  border-bottom: 5px solid #C65277;
  background: transparent !important;
  }
#pun-ulinks li a:hover {
background: url("http://funkyimg.com/i/ZYVJ.jpg") center top repeat-y;
  }

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

#pun-ulinks a {
  text-decoration: none;
transition: all 0.3s ease 0s
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {background: url(http://s6.uploads.ru/nry1k.png) no-repeat center top;}
tr.inew div.icon {background: url(http://s2.uploads.ru/NmOC4.png) no-repeat center top;}
tr.iclosed div.icon {background: url(http://s7.uploads.ru/2Ivml.png) no-repeat center top;}
tr.isticky div.icon {background: url(http://s2.uploads.ru/NmOC4.png) no-repeat center top;}
#pun-main div.catleft, #pun-main div.catright {display: none}

.punbb .pa-avatar img {
border: 3px solid #8D2D38;
padding-top:5px;
}

.pa-author a{
font-family: 'Bangers', cursive;
font-size: 20px;
color: #8e2d38 !important;
font-weight: normal
}

.pa-author a:hover{
background:transparent !important;
}

.pa-avatar, .pa-title, .pa-fld1 {
background-color: #8e2d38
}

.punbb .post .post-author ul{
width: 200px;
}

.pa-fld1 {
text-align: left !important;
font-size: 10px;
line-height: 90%;
padding-left: 5px !important;
padding-top: 5px !important;
color: #CECCD1;
}

.pa-fld1 a{
font-weight: bold !important;
color: #FFF8EF !important;
}


.pa-fld1 a:hover, .pa-fld2 a:hover{
background: transparent !important;
}

.pa-fld2{
margin-top: 7px !important;
position: absolute;
margin-left: 155px !important;
}

.punbb .main thead .tcl, .main thead .tc2, .main thead .tc3, .main thead .tcr, .main thead .tcmod {
font-size: 0em;
}

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 7px 24px;
    border: 1px solid #0b1629;
    border-radius: 0px;
    background: #0f294c;
    background: -webkit-gradient(linear, left top, left bottom, from(#0f294c), to(#294870));
    background: -moz-linear-gradient(top, #0f294c, #294870);
    background: linear-gradient(to bottom, #0f294c, #294870);
    text-shadow: #000000 1px 1px 2px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
    color: white !important;
    font-weight: bold !important;
    text-transform: uppercase;
}
.button:hover,
.button:focus {
    border: 1px solid #376ecd;
    background: #12315b;
    background: -webkit-gradient(linear, left top, left bottom, from(#12315b), to(#315686));
    background: -moz-linear-gradient(top, #12315b, #315686);
    background: linear-gradient(to bottom, #12315b, #315686);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #09192e;
    background: -webkit-gradient(linear, left top, left bottom, from(#09192e), to(#294870));
    background: -moz-linear-gradient(top, #09192e, #294870);
    background: linear-gradient(to bottom, #09192e, #294870);
}


/*ÊÎÍÒÅÉÍÅÐ Â ÎÁÚßÂËÅÍÈÈ*/
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
margin: 0px;
padding: 0px;
float: left;
list-style: outside none none;
height: 20px;
width: 70%;
margin-left: 200px !important;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding-right: 15px;
    height: 20px;
    line-height: 20px;
    border: 0px;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    outline: none;
font-family: 'Bangers', cursive;
font-size: 20px;
color: #8E2D38 !important;
}

ul.tabs li a:hover {
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: transparent !important;    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
clear: both;
float: left;
height: 222px;
background-image: url("http://funkyimg.com/i/218fM.jpg");
background-color: rgba(134, 116, 94, 0.24);
border-width: 0px 0px 1px;
border-style: solid;
border-color: transparent;
width: 720px;
background-position: bottom right;
background-repeat: no-repeat;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
/*ÊÎÍÅÖ ÊÎÍÒÅÉÍÅÐ*/


/*êíîïî÷êè íà ãëàâíîé*/
A.navi:link, A.navi:active, A.navi:visited {
background: #8D2D38 none repeat scroll 0% 0%;
font-family: arial;
padding: 6px;
font-size: 10px;
text-align:left;
line-height: 7px;
letter-spacing: 2px;
color:#ffffff;
text-transform: uppercase;
display:block;
width: 130px;
margin:1px;
font-style:normal;}

A.navi:hover {
background-color: #2E4360;
font-family: arial;
font-size: 10px;
text-align:right;
line-height: 7px;
letter-spacing: 2px;
color:#f0f0f0;
text-decoration: none;
 font-style:normal;
font-weight:normal;}
/*êîíåö êíîïî÷êè*/

.navblock {
margin-top: 19px !important;
}
.post-box {text-align: justify !important;}