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

html, body {
        background: #000000 url("http://s3.uploads.ru/BgqJ0.jpg") repeat-y top center;
        }
body {margin: 0 auto; overflow-x: hidden;}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .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;
  }
.punbb .post-links{
  background-color: #dde1e3;
  color: #333;
  }
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .section #tieser-bottom {
  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: transparent;
    background-image: url("http://s2.uploads.ru/TgB9S.jpg");
    background-position: center center;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-shadow: 0 0 12px #2D9EDE;
    font-family: sans-serif;
}
/* 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: #091d46
  }
/* 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 {
  background-color: #f1f4f6;
  color: #333
  }
/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color:#091d46;
  }
.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;
  }
/* CS2.4 */
.punbb fieldset, #viewprofile ul, #profilenav ul, .usertable table {
  border-color: transparent;
  }
.punbb td, .punbb .post .post-body, .post-links ul, .punbb .post h3 span, .post-links{
  border-color: #c9d6e0;
  }
/* CS2.5 */
.punbb th {
  border-color: #dedfdf
  }
/* 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: #ccc #fff #fff #fff
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }
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: #091d46;
  }
.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: #7589b2;
  }
/* CS3.3 */
#pun-navlinks a, .linkst .postlink a, .linksb .postlink a {
  color: #091d46;
  text-shadow: 1px 1px 18px #ffffff;
  text-decoration: none
  }
#pun-ulinks a {
  color: #c5d1e8;
  font-weight: bold;
  text-decoration: none
}
/* CS3.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, .linkst .postlink a:hover, .linkst .postlink a:focus, .linkst .postlink a:active, .linksb .postlink a:hover, .linksb .postlink a:focus, .linksb .postlink a:active {
  color: #fff;
  text-shadow: 1px 1px 18px #0090ff;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
        background: url("http://s2.uploads.ru/SRn6H.png") no-repeat;
}
tr.inew div.icon {
        background: url("http://s2.uploads.ru/pdNoj.png") no-repeat;
}
tr.iclosed div.icon {
        background: url("http://s3.uploads.ru/hANBR.png") no-repeat;
}
tr.iredirect div.icon {
        background: url("http://s2.uploads.ru/SRn6H.png") no-repeat;
}
tr.isticky div.icon {
        background: url("http://s2.uploads.ru/l3PBU.png") no-repeat;
}
td.tcr a {
        background: transparent url("http://domnus.0pk.ru/files/0011/93/3d/98107.png") no-repeat 5px 50%;
        padding-left: 20px;
}
#pun th {
    background-image: url("http://s2.uploads.ru/vGEFs.jpg");
    background-repeat: y-repeat;
    color: #888888;
    height: 14px;
    padding: 5px 15px;
}
#animation {
    height: 107px;
    position: absolute;
    width: 187px;
    margin-top: 222px;
    margin-left: 239px;
}

/* Μενώ
-------------------------------------------------------------*/

#menu {
    height: 30px;
    margin-left: -7px;
    margin-top: 0;
}
#menu span {
    margin-right: -5px;
}
#submenu1 {
    height: 349px;
    margin-left: 670px;
    margin-top: -264px;
    padding-bottom: 24px;
    width: 300px;
}
#submenu2 {
    height: 233px;
    margin-top: -2px;
    width: 972px;
}
.submenutext1 {
    display: none;
    font-size: 12px;
    height: 110px;
    padding: 0;
    text-align: center;
}
.submenutext2 {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 140%;
    padding: 10px 9px 4px 18px;
    text-align: left;
}
#news {
    height: 220px;
    margin-left: -15px;
    position: absolute;
    width: 600px;
    padding: 10px;
}
#akcii {
    position: absolute;
    width: 970px;
    margin-left: -20px;
    height: 225px;
    margin-top: -8px;
    padding: 3px;
}
#tabla {
    width: 950px;
    text-align: center;
}
.ak_name {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
.ak_prof {
    font-size: 10px;
    line-height: 12px;
}
.ak_ava {
    cursor: pointer;
    position: relative;
    text-align: center;
}
.ak_ava:before {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px #A0A9B1 inset;
    font-family: Tahoma;
    font-size: 32px;
    height: 48px;
    line-height: 48px;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    right: 50px;
    top: 20px;
    transition: all 1s ease 0s;
}
.ak_ava:hover:before {
    opacity: 1;
    right: 160px;
    top: 140px;
}
.ak_ava img {
    transition: all 1s ease 0s;
    width: 110px;
}
.ak_ava:hover img {
    width: 240px;
    position: relative;
    height: 291px;
}
#weather {
    height: 220px;
    margin-left: 595px;
    position: absolute;
    width: 350px;
}
#sunicons {
    margin-left: -7px;
    margin-top: 169px;
    position: absolute;
}
#wkontent {
    font-size: 12px;
    height: 70px;
    margin-top: 25px;
    padding-left: 30px;
    position: absolute;
    text-align: justify;
    width: 310px;
    line-height: 14px;
}
#zagolovok {
    height: 20px;
    position: absolute;
    text-align: center !important;
    width: 370px;
}
#pogoda {
    margin-top: 100px;
    position: absolute;
    text-align: center;
    width: 350px;
    margin-left: 15px;
}
#pogoda table {
    margin: 0 auto;
}
#podvalOb {
    height: 111px;
}
#stick {
    margin-left: 590px;
    margin-top: 7px;
    position: absolute;
}
#pun-index #pun-main .container, #pun-index #pun-stats .container, #pun-index #pun-crumbs1 p.container, .linksb .pagelink, #topic-users-in .container, #pun-index #pun-status .container, #pun-about .container, #pun-index #pun-main th, #pun-index #pun-main .tc2, #pun-index #pun-main .tc3 {
    color: #FFFFFF !important;
}
#pun-index #pun-main .container a, .linksb .postlink a, .linksb .pagelink a, .linksb .subscribelink a, #pun-index #pun-stats .container a, #topic-modmenu a, #topic-users-in a, #pun-index #pun-status .container a, #pun-about .container a {
    color: #BFD1E8;

}
#pun-index #pun-main .container a:hover, .linksb .postlink a:hover, .linksb .pagelink a:hover, .linksb .subscribelink a:hover, #pun-index #pun-stats .container a:hover, #topic-modmenu a:hover, #topic-users-in a:hover, #pun-index #pun-status .container a:hover, #pun-about .container a:hover {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 6px #BFD1E8;
}
#pun-index #pun-main td {
    border-color: #444;
    border-style: dotted;
}
#pun-index #pun-main th {
    border: 0px;
}
.divParentFor h5 {
text-align:left;
margin-left:30px;
}
.divParentFor h5 .tclcon a {
text-align:left;
}
.tclcon .divParentFor{
margin-left:-8px!important;
margin-top:15px!important;
}
.divParentFor *{
text-align:left!important;
}
#pun-index #pun-main .tcl .intd {
    margin-left: 110px;
    text-align: justify;
    width: 380px;
}
.forum th {
    background-color: #b4c0cb;
}
#post-form legend, #post-form #post .formsubmit, #pun-edit legend{text-align:center!important;}  
.punbb #profile, #pun-search #pun-main .formal #punbbsearch, .formal #register {
background: url("http://domnus.0pk.ru/files/0011/93/3d/81510.png") no-repeat center bottom, url("http://s2.uploads.ru/wtSnF.jpg") no-repeat center top;
}
#post-form{
    background:#e6ebef url(http://domnus.0pk.ru/files/0011/93/3d/24209.jpg) repeat-y
    }
.fs-box h3 span{
width:454px!important;
}
#pun-messages #profile {
    background-image: none;
}
#indikator {
    margin-top:10px;
}
/* Awards
-------------------------------------------------------------*/
#pun-mod #pun-main {
    margin-top: 896px;
}
#pun-mod select {
    margin-top: 5px;
}
#pun-mod h2 span a {
    color: #ccc;
    margin-left: -360px;
}
#pun-mod #pun-status .container, #pun-mod #pun-crumbs1 .container {
    display: none;
}
#image-area, #video-area, #color-area, #smilies-area, #keyboard-area, #addition-area {
    background-color: #E6EBEF;
    border:1px solid #CCCCCC;
}
/* login  -------------------------------------------------------------*/

#loginDiv {
    border: 2px solid #000000;
    color: #999999;
    left: 40%;
    margin-top: 40px;
    padding: 5px;
    position: absolute;
    text-align: center;
    z-index: 7772;
    margin-left: 140px;
    background-image: linear-gradient(bottom, rgb(9,15,18) 26%, rgb(14,21,24) 63%);
background-image: -o-linear-gradient(bottom, rgb(9,15,18) 26%, rgb(14,21,24) 63%);
background-image: -moz-linear-gradient(bottom, rgb(9,15,18) 26%, rgb(14,21,24) 63%);
background-image: -webkit-linear-gradient(bottom, rgb(9,15,18) 26%, rgb(14,21,24) 63%);
background-image: -ms-linear-gradient(bottom, rgb(9,15,18) 26%, rgb(14,21,24) 63%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.26, rgb(9,15,18)),
	color-stop(0.63, rgb(14,21,24))
);
}
#loginDiv #closeButton {
    background: url("http://thefate.rolebb.com/files/0011/fe/90/44550.jpg") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 16px;
}
#loginDiv #closeButton:hover {
    background-position: 0 -16px;
}
.punbb #loginDiv fieldset legend {
    background-color: transparent;
    margin-left: 60px;
}
#loginDiv a {
    color: #fff;
    text-shadow: none;
}
#loginDiv input {
    background-color: #E6EBEF!important;
    color: #000!important;
    border: 1px solid #8EAFCE!important;
}

/* Announcement News
-------------------------------------------------------------*/
.mytime {
    color: #FF7679;
    font-size: 10px;
    padding-left: 20px;
}
.myheader {
    color: #FFFFFF;
    font-family: Monotype Corsiva;
    font-size: 22px;
    font-style: italic;
    padding-left: 20px;
}
.mynews {
    font-size: 12px;
    line-height: 14px;
    color: #ccc;
}
.mynews a, #tabla a {
    color: #BFD1E8!important;
}
.mynews a:hover, #tabla a:hover {
    color: #fff!important;
    text-decoration: none;
    text-shadow: 0 0 6px #BFD1E8;
}
#newmes1 {
    left: 38px;
    position: relative;
    top: 74px;
    width: 107px;
    z-index: 1000;
}
#newmes2 {
    left: 198px;
    position: relative;
    top: 74px;
    width: 107px;
    z-index: 1000;
}
#newmes3 {
    left: 357px;
    position: relative;
    top: 74px;
    width: 107px;
    z-index: 1000;
}
#newmes4 {
    left: 513px;
    position: relative;
    top: 74px;
    width: 107px;
    z-index: 1000;
}
#newmes5 {
    left: 673px;
    position: relative;
    top: 74px;
    width: 107px;
    z-index: 1000;
}
#newmes6 {
    left: 836px;
    position: relative;
    top: 74px;
    width: 107px;
    z-index: 1000;
}
.newico {
   position:absolute;
}
#pun-reputation .reputation {
    background-color: #E6EBEF;
}
#rep_form table .tcl, #rep_form table .tc2 {
    border-color: transparent!important;
}
#botPanel {
    border: 1px solid;
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
}