html, body {
   background-color: #000000;
   height: 100%;
   font-family: Arial;
   color: #d6daa9;
   width: 100%;
   margin: 0px;
   background-image: url(images/main_background.jpg);
   background-repeat: no-repeat;
}
html .png {
        width: expression(this.firstChild.width);
        filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.firstChild.src+"', sizingMethod='image')");
        background: expression("transparent url("/css/+this.firstChild.src.replace(".png", ".gif")+") no-repeat");
        background: none !important;
}

html .png img {
   behavior: expression(this.style.visibility="hidden")
}
td.game {
   color: #be1000;
   font-size: 60%;
   padding-bottom: 10px;
}
td.top_text {
   color: #ffef89;
   font-size: 70%;
   font-weight: bold;
   padding-top: 25px;
}
td.bonus {
   color: #800000;
   font-size: 60%;
   padding-bottom: 3px;
}
td.footer {
   color: #5d4a6e;
   font-size: 60%;
   height: 33px;
   line-height: 15px;
}
td.footer a {
   color: #5d4a6e;
   font-size: 100%;
   text-decoration: none;
}
td.footer a:hover {
   color: #9589a9;
   text-decoration: underline;
}
span.copyright {
   color: #8f82a2;
   font-size: 100%;
}
td.main {
   font-size: 75%;
   line-height: 12px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 30px;
}
hr {
   width: 100%;
   height: 1px;
   color: #d6daa9;
}
td.menu a {
   color: #000000;
   text-decoration: none;
   font-size: 85%;
}
td.menu a:hover {
   color: #777777;
   text-decoration: underline;
}
td.menu {
   color: #000000;
   font-size: 66%;
   padding-left: 20px;
   line-height: 12px;
   padding-top: 92px;
}
div.div1 {
   padding-bottom: 55px;
   padding-top: 0px;
   padding-right: 0px;
   padding-left: 0px;
   margin: 0px;
}
div.div2 {
   padding-bottom: 58px;
   padding-top: 0px;
   padding-right: 0px;
   padding-left: 0px;
   margin: 0px;
}
td.menu2 a {
   color: #000000;
   text-decoration: none;
   font-size: 85%;
}
td.menu2 a:hover {
   color: #777777;
   text-decoration: underline;
}
td.menu2 {
   color: #000000;
   font-size: 66%;
   padding-left: 52px;
   line-height: 12px;
   padding-top: 92px;
}

.hr {
   background-color: #000000;
   height: 1px;
   width: 67px;
   margin-top: 5px;
   margin-bottom: 5px;
}
.hr2 {
   background-color: #d6daa9;
   height: 1px;
   width: 100%;
   margin-top: 17px;
   margin-bottom: 17px;
}




/* Меню */

a.black:link, a.black:visited, a.black:active  { color: #000000;}
a.black:hover { color: #262626;}

td.menu01 {
   vertical-align: top;
   //background:none;
   //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_01.png', sizingMethod='scale');
   background-repeat: no-repeat;
   font-size: 11px;
}
.menu01 strong {
   color: #000000;
   font-size: 11px;
   line-height: 11px;
}
.menu01 span {
   color: #000000;
   font-size: 11px;
}


td.menu02 {
   vertical-align: center;
   //background:none;
   //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_02.png', sizingMethod='scale');
   background-repeat: no-repeat;
   background-position: center right;
   text-align: right;
}
.menu02 strong {
   color: #000000;
   font-size: 11px;
   line-height: 11px;
}
.menu02 span {
   color: #000000;
   font-size: 11px;
}

td.menu03 {
   vertical-align: top;
   //background:none;
   //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_03.png', sizingMethod='scale');
   background-repeat: no-repeat;
   font-size: 11px;
}

.menu03 strong {
   color: #000000;
   font-size: 11px;
   line-height: 11px;
}
.menu03 span {
   color: #000000;
   font-size: 11px;
}


td.menu04 {
   vertical-align: top;
   //background:none;
   //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_04.png', sizingMethod='scale');
   background-repeat: no-repeat;
   font-size: 11px;
}

.menu04 strong {
   color: #000000;
   font-size: 11px;
   line-height: 11px;
}
.menu04 span {
   color: #000000;
   font-size: 11px;
}






.hr {
   background-color: #000000;
   height: 1px;
   width: 67px;
   margin-top: 5px;
   margin-bottom: 5px;
}







/* Стили от флешового сайта */

a.blue:hover, a.blue:link, a.blue:visited, a.blue:active  { color: #5d4a6e;}

TD {
   FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;
   COLOR: #FFFFCC;
}

p{
   margin: 0px 0px 0px 0px; 
}

.cont{
   padding: 0px 0px 0px 0px;
}



h1{
   COLOR: #FFFFCC;
   FONT-SIZE: 140%; FONT-FAMILY: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
   margin: 0px 0px 10px 0px; 
}


.next_div{
   background-color: #330000;
   padding: 2px 5px 2px 5px;
   font-size: 11px;
}

.news_title{
   background-color: #330000;
   height: 20px;
   padding: 0px 5px 0px 5px;
}

.title2{
   FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;
   background-color: #330000;
   height: 20px;
   padding: 2px 5px 2px 5px;
}

.title3{
   FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif;
   COLOR: #FFFF99;
   margin: 10px 0px 7px 0px; 
}


.news_img{
   padding: 5px 0px 20px 0px;
}



.news_content{
   padding: 2px 7px 0px 7px;
}



.img_left{
   margin: 0px 10px 10px 0px; 
   float: left;
}

.item{
   float: right;
}

.img_screen{
   border: #64507C 1px solid;
   margin: 0px 20px 20px 20px; 
   float: left;
}




A:link.title {COLOR: #FFFFCC; TEXT-DECORATION: none;}
A:visited.title {COLOR: #FFFFCC; TEXT-DECORATION: none;}
A:hover.title {COLOR: #FFFFDD; TEXT-DECORATION: underline;}


A:link {COLOR: #FF9900; TEXT-DECORATION:  none;}
A:visited{COLOR: #FF9900; TEXT-DECORATION: none;}
A:hover {COLOR: #FFCC66; TEXT-DECORATION: underline;}
   

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}

.m10{margin: 10px;}




ul{
   list-style-type: none;
   margin: 0px 0px 0px 20px;
   padding: 0px;
}

li{

   background-image: url(images/buliet1.gif);
   background-repeat: no-repeat;
   background-position: 0px 5px;
   
   margin-top: 0px;
   margin-right: 00px;
   margin-bottom: 7px;
   margin-left: 0px;
   padding-left: 10px;
}



.header1{
background-color: #330000;
color: #FFFFCC;
padding: 2px 0px 2px 4px;
margin: 10px 0px 10px 0px;
width: 100%;
text-transform: uppercase; 
font-size: 10px;
text-align: center;
}

.mb3{ margin-bottom: 3px; }


.news_date{
font-size: 10px;
color: #FFFFFF;
}


/* Персонажи */

.char_name{
height: 51 px;
FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif;
text-transform: uppercase; 
color: #FFF6BD;
padding-top: 13px;
font-weight: bold;
background-repeat: no-repeat;
}


.pl10{ padding-left: 10px;}
.pl90{ padding-left: 90px;}

.pr10{ padding-right: 10px; } 
.pb20 { padding-bottom: 20px; } 




.comments input {
	background-color: #57293C;
	border: c9c988 1px solid;
	color: #c9c988;
   font-family: Arial;
   font-size: 14px;
}

.comments textarea {
	background-color: #57293C;
	border: c9c988 1px solid;
	color: #c9c988;
   font-family: Arial;
   font-size: 14px;
}



.widget {

}

.widget-title {

}

.widget ul {

}

.widget li {

}

.widget a {

}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}