/*COMMON*/
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#AA8673; background:#000; min-width:771px; font-size:11px; text-align:center;}
html, body {height:100%;}
div,dl,dt,dd,ol,ul,li,form,td,th,p {margin:0; padding:0;}
table, th, td {font-size:100%;}
table,img {border:0;}
input, select, option, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;}
p {padding:0 0 10px;}
a {color:#DDA689; text-decoration:underline;}
a:hover {color:#DDA689; text-decoration:none;}
h1,h2,h3,h4 {margin:0; padding:0; color:#A58B70; font-family:Arial, sans-serif; font-weight:normal; text-transform:uppercase;}
h1 {font-size:170%; padding:10px 0;}
h2 {font-size:150%; padding:10px 0;}
h3 {font-size:130%; padding:10px 0;}
h4 {font-size:100%; padding:10px 0; font-weight:bold;}
ol, ul {padding:0 0 10px 20px;}
/*//COMMON*/

/*MAIN*/
#mainWrapper {position:relative; min-height:100%; width:995px; margin:0 auto; background:#240E09 url(img/cs/bcg.jpg) repeat-y 0 0; border-left:1px solid #49332B; border-right:1px solid #49332B; text-align:left;}
* html #mainWrapper {height:100%;}
* html .png {
        //background-image: none ! important;
        behavior: url('pngfix.htc');
		display:block;
    }

/*//MAIN*/

/*LAYOUT*/
#header {height:250px; background:#EFDFBC;}
#head01 {height:50px; background:url(img/cs/cs-head-01.jpg);}
#head02 {height:50px; background:url(img/cs/cs-head-02.jpg);}
#head03 {height:50px; background:url(img/cs/cs-head-03.jpg);}
#head04 {height:50px; background:url(img/cs/cs-head-04.jpg);}
#head05 {height:50px; background:url(img/cs/cs-head-05.jpg);}

#logo {height:50px; background:#A7754D url(img/cs/ll01.jpg) no-repeat 0 0; width:995px;}
#logo div {height:50px; background:url(img/cs/ll02.jpg) no-repeat 100% 0; text-align:center;}
#logo div div {width:215px; height:50px; overflow:hidden; margin:0 auto; background:none;}

#dopLine {height:40px; background:#7D5334 url(img/cs/dopline.jpg);}

#mainTable {width:100%; height:700px; border-collapse:collapse;}
#mainLeft {width:272px; background:#381B10 url(img/cs/bcg.jpg) repeat-y 0 0;}
#mainRight {width:272px; background:#371A0F url(img/cs/bcg.jpg) repeat-y 100% 0;}

#mainCenter {background:url(img/cs/mc-bcg.jpg) no-repeat 0 110px;padding-bottom:80px;}

#abyss {height:70px; background:#41281B url(img/cs/ab01.jpg) no-repeat 0 0; position:relative;}
#abyss div {height:70px; background:url(img/cs/ab02.jpg) no-repeat 100% 0; padding:0 0 0 125px;}
#abyss div div {width:201px; height:70px; overflow:hidden; background:none; padding:0;}
#abyssBot {height:40px; background:#2E110C url(img/cs/abyss-bot.jpg);}
#abyssSp {height:30px;}
#langRus {display:block; position:absolute; top:54px; left:135px;}
#langEng {display:block; position:absolute; top:54px; left:232px;}

#langRus a img,
#langEng a img { display:block; padding:0 0 10px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
#langRus a img {padding-right:5px;}

#langRus a:hover img,
#langEng a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

#menu {background:#60523D url(img/cs/menu-bcg1.gif);}
#menu div {background:url(img/cs/menu-bcg2.jpg) no-repeat 0 0;}
#menu div div {min-height:337px; background:url(img/cs/menu-bcg3.jpg) no-repeat 0 100%;}
* html #menu div div {height:337px;}
#menu dl {padding:25px 0 45px 45px;}
#menu dl dt {padding:0 0 14px 21px; background:url(img/cs/menu-li.gif) no-repeat 0 3px;}
#menu dl dt a img {display:block; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
#menu dl dt a:hover img {display:block; opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

#recTopics {background:#381A0F url(img/cs/rec-bcg1.gif);}
#recTopics div {background:url(img/cs/rec-bcg2.jpg) no-repeat 0 0;}
#recTopics div div {min-height:360px; background:url(img/cs/rec-bcg3.jpg) no-repeat 0 100%;}
* html #recTopics div div {height:360px;}
#recTopics h1 {padding:62px 0 0 30px;}
#recTopics h1 img {display:block;}
#recTopics dl {padding:16px 60px 40px 0;}
#recTopics dt {padding:0 0 15px 30px;}
#recTopics dd {padding:0 0 15px 30px;}
#recTopics dd.fTop {padding:5px 0 2px 30px; background:url(img/cs/dot2.gif) no-repeat 2px 0px;}
#recTopics dd a {text-decoration:none;}
#recTopics dd a:hover {text-decoration:underline;}
.fTop a {color:#AA8673; text-decoration:none;}
.fTop a:hover {color:#DDA689; text-decoration:none;}

#bestArticles {min-height:177px; background:url(img/cs/best-bcg.jpg) no-repeat 0 0;}
* html #bestArticles {height:177px;}
#bestArticles h1 {padding:46px 0 0 37px;}
#bestArticles h1 img {display:block;}
#bestArticles dl {padding:21px 60px 0 20px;}
#bestArticles dl dt {padding:0 0 0 15px; border-left:1px solid #693325; margin:0 0 10px;}
#bestArticles dl dt a {color:#925D55; text-decoration:none;}
#bestArticles dl dt a:hover {color:#FFF; text-decoration:none;}

#popFiles {height:281px; background:#36180D url(img/cs/pop-bcg.jpg) no-repeat 0 0;}
#popFiles h1 {padding:46px 0 0 101px;}
#popFiles h1 img {display:block;}
.files {padding:0 0 0 55px;}
.files table {border-collapse:collapse;}
.fLig {width:46px;}
.files td {padding:15px 0 0;}
.files td.fLig {padding:0 0 0;}
.files dt {color:#AD703A; padding:0;}
.files dd {color:#E0A170; padding:0 0 2px;}
.files dd a {color:#E0A170; text-decoration:none;}
.files dd a:hover {color:#E0A170; text-decoration:underline;}

#servers {background:#3C1C10 url(img/cs/serv-bcg1.gif);}
#servers div {background:url(img/cs/serv-bcg2.jpg) no-repeat 0 0;}
#servers div div {min-height:209px; background:url(img/cs/serv-bcg3.jpg) no-repeat 0 100%;}
* html #servers div div {height:209px;}
#servers h1 {padding:45px 0 0 101px;}
#servers h1 img {display:block;}
#servers span {display:block; padding:0 0 50px 101px;}
#servers table {border-collapse:collapse;}
#servers th {padding:2px 10px 3px 0; text-align:left; font-weight:normal; color:#613E2C; font-size:10px;}
#servers td {padding:2px 10px 3px 0; background:url(img/cs/bord.gif) repeat-x 0 100%; color:#997A63;}
#servers .status {text-align:center;}
#servers a {color:#987B65; text-decoration:none;}
#servers a:hover {color:#FFF; text-decoration:underline;}


#tourn {background:#4C2B13 url(img/cs/tourn-bcg1.gif);}
#tourn div {background:url(img/cs/tourn-bcg2.jpg) no-repeat 0 0;}
#tourn div div {min-height:319px; background:url(img/cs/tourn-bcg3.jpg) no-repeat 0 100%;}
* html #tourn div div {height:319px;}
#tourn h1 {padding:50px 0 10px 103px;}
#tourn h1 img {display:block;}
#tourn dl {padding:0 0 10px 103px;}
#tourn dt {color:#AD733C; font-size:10px;}
#tourn dd a {color:#E0A270; text-decoration:none;}
#tourn dd a:hover {color:#FFF; text-decoration:underline;}
#tourn .end {padding:10px 0 110px 103px;}

#cab {min-height:125px; background:url(img/cs/cab-bcg.jpg) no-repeat 0 0;}
* html #cab {height:125px;}
#cab h1 {padding:36px 0 0 90px;}
#cab h1 img {display:block;}
#cab div {padding:6px 0 0 100px;}
#cab table {width:150px; margin:0; text-align:left;}
#cab td {padding:3px 0;}
#cab .inp {width:81px; border:0; background:#3D1E18; font-size:10px; color:#845D4E;}
/*//LAYOUT*/

/*DOP*/

/*//DOP*/

/*FOOTER*/
#footer {margin:0 auto; height:149px; width:995px; z-index:200; background:#240E09 url(img/cs/foot-01.jpg) no-repeat 0 0; border-left:1px solid #49332B; border-right:1px solid #49332B; text-align:left; position:relative;}
#footer2 {height:149px; background:url(img/cs/foot-02.jpg) no-repeat 0 49px;}
#footer3 {height:149px; background:url(img/cs/foot-03.jpg) no-repeat 0 99px;}
#footer4 {position:absolute; top:0; left:0; width:100%; height:149px; z-index:300;}

#fInfo {position:absolute; top:41px; left:52px; color:#986E5D;}
#fInfo dl {padding:5px 0 0 0; text-align:left;}
#fInfo a {color:#986E5D; text-decoration:underline;}
#fInfo a:hover {color:#986E5D; text-decoration:none;}

#copy {position:absolute; top:120px; left:272px; color:#7C2E1D; width:451px; text-align:center;}
#copy2{position:absolute; top:121px; left:273px; color:#D6AA83; width:451px; text-align:center;}
#copy A,
#copy2 A{text-decoration:none;}
#banners {position:absolute; top:17px; left:258px; width:471px; text-align:center;}
#banners a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}


#bBanner {position:absolute; top:-80px; left:262px; width:468px; text-align:center;}
/*//FOOTER*/

.newsArc {border-collapse:collapse; width:100%;margin-bottom:2em;}

.newsArc td {background:#4A241D; border:1px solid #37160E; text-align:center; padding:7px 1px 8px; color:#734D42;}
.newsArc th {font-weight:normal; color:#DDBAB1; padding:7px 1px 8px; text-align:center;}
.newsArc th span{color:#99786F !important;font-weight:bold}
.newsArc th a {color:#99786F;}
.newsArc a {text-decoration:none}
.newsArc a:hover {text-decoration:underline}
.newsArc a.current {font-weight:bold;}

#mcTop {text-align:center;margin-bottom:20px;font-size:150%;font-weight:bold;letter-spacing: 1px;}
DIV.author{text-align:right;}
.news .date {color:#8A675B;}
.news .subject {font-weight:bold}
.news .author {text-align:right;color:#8A675B;}
.news .author A,.news .author U{color:#C49F8A; text-decoration:underline;}
.news .author A:hover{color:#A88876;}

.com {border:1px solid #66453A;}
.com2 {border:1px solid #39150D; background:#66453A; padding:20px 25px 20px; color:#CDACA1;}
.com2 P {width:100%;}
.com2 b {color:#E1B36D;}
.com2 strong {color:#EB825F;}
div.news div.com{margin-bottom:1em;}
div.news div.item{margin-bottom:2em;}
div.news div.com div.item{margin:0;padding:5px 0;border-bottom:1px solid #30100C;}
div.news div.com .newsLast{border-bottom:0 !important}


.h0 {position:absolute; left:150px; width:158px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); visibility:hidden;}
.h0 table {border-collapse:collapse; width:100%;}
.ht000 {width:1%;}

.hTop {height:9px; font-size:0; line-height:0; background:url(img/in/htop.gif);}
.hBot {height:9px; font-size:0; line-height:0; background:url(img/in/hbot.gif);}
.hCen {text-align:left;padding:1px 9px; background:#B77947;}
.h0 a {padding:2px 5px;height:17px;display:block; width:110px; color:#FFF; text-decoration:none; border-bottom:1px solid #D0A277; font-size:11px;}
.h0 a:hover {text-decoration:none; color:#FFF; background:#91582C;}
.h0 p {padding:3px 5px 4px;}
.h0 .last {border:0;}
.hDop {width:18px; height:19px; background:url(img/in/ugolok.gif); z-index:400;}
