DIV#grid {min-width: 960px;}

DIV#grid DIV.l-block {width: 74%; float: left; overflow: hidden;}
DIV#grid DIV.r-block {width: 26%; float: left;}

DIV#grid DIV.block-1 {float: left; width: 270px;}
DIV#grid DIV.block-2 {overflow: hidden;}
DIV#grid DIV.block-3 {}
DIV#grid DIV.block-4 {clear: both;}

* HTML DIV#grid {width: expression(document.body.clientWidth > 960 ? "100%" : "960px");}
* HTML DIV#grid DIV.block-2 {zoom: 1; position: relative; left: -2px;}


/* профиль */
DIV#grid DIV.block-1 DIV.user-profile {font-size: 11px; margin: 10px; margin-top: 0;}
DIV#grid DIV.block-1 DIV.user-profile DIV.title {background: #8f8f8f url('/images/index/block-title-right-bg-grey.png') 100% 0% repeat-x; height: 24px; overflow: hidden; zoom: 1;}
DIV#grid DIV.block-1 DIV.user-profile DIV.title SPAN {display: block; height: 24px; background: url('/images/index/block-title-left-bg-grey.png') no-repeat; padding-left: 30px; padding-top: 4px; font-weight: bold; color: #333;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content {border: 1px solid #ccc; margin-left: 10px; padding: 7px; line-height: 150%;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content IMG {vertical-align: text-bottom;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content DIV.photo {border: 1px solid #ccc; float: left; padding: 1px; margin-right: 7px; margin-bottom: 7px; overflow: hidden; width: 80px;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content DIV.photo DIV.slider {width: 100px; margin-left: -10px; text-align: center;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content DL {color: #3457a0; padding: 0; margin: 0; overflow: hidden;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content DT {font-weight: bold;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content DD {background: url('/images/index/block-arrow.png') no-repeat 0% 60%; padding: 0; margin: 0; padding-left: 8px;}
DIV#grid DIV.block-1 DIV.user-profile DIV.content DD SPAN {color: #666666;}


/* конкурс */
DIV#grid DIV.block-1 DIV.contest {font-size: 11px; color: #fff; margin: 10px; margin-top: 0; margin-bottom: 0;}
DIV#grid DIV.block-1 DIV.contest DIV.title {background: #c15200 url('/images/index/block-title-right-bg-orange.png') 100% 0% repeat-x; height: 24px; overflow: hidden; zoom: 1;}
DIV#grid DIV.block-1 DIV.contest DIV.title SPAN {display: block; height: 24px; background: url('/images/index/block-title-left-bg-orange.png') no-repeat; padding-left: 30px; padding-top: 4px; font-weight: bold;}
DIV#grid DIV.block-1 DIV.contest DIV.content {border: 1px solid #ccc; text-align: center; background: #f1b30f url('/images/index/block-content-bg-orange.png') repeat-x;  height: 119px;}

/* все конкурсы */
DIV#grid DIV.block-1 DIV.all-contests {margin: 10px; margin-top: 0;}
DIV#grid DIV.block-1 DIV.all-contests DIV.title {background: #c15200 url('/images/index/block-title-bg-orange-2.png') 100% 0% repeat-x; height: 24px; overflow: hidden; zoom: 1; color: #fff;}
DIV#grid DIV.block-1 DIV.all-contests DIV.title SPAN {display: block; margin: 2px 6px;}
DIV#grid DIV.block-1 DIV.all-contests DIV.content {border: 1px solid #bbbbbb;}
DIV#grid DIV.block-1 DIV.all-contests DIV.content SPAN.name {display: block; margin-bottom: 4px; padding: 0px 4px;}
DIV#grid DIV.block-1 DIV.all-contests DIV.content SPAN.date {color: #666666; background: #fcdd91; font-size: 10px; display: block; padding: 0px 4px;}



/* баннер */
DIV#grid DIV.block-1 DIV.banner {text-align: right; margin: 10px; margin-top: 0;}
* HTML DIV#grid DIV.block-1 DIV.banner {margin-bottom: 10px;}

/* баннер боев */
DIV#grid DIV.block-2 DIV.banner {height: 45px; background: url('/images/index/fight.png') repeat-x 50% 0%; margin-top: 10px; margin-bottom: 10px;}
DIV#grid DIV.block-2 DIV.banner A {display: block; height: 45px;}
/* топы */
DL.top {font-size: 11px; margin: 10px; margin-top: 0;}
DL.top DT {height: 22px; overflow: hidden;}
DL.top DT SPAN {display: block; margin-left: 8px; padding: 4px 0px; font-weight: bold; color: #fff;}
DL.top DD {margin: 0; border: 1px solid #bbb; border-top: 0; overflow: hidden; background: #fff;}
* DL.top DD {zoom: 1;}

DL.top-region-list DT {background: #faa414 url('/images/index/top-h1-left-orange.png') no-repeat;}
DL.top-region-list DT SPAN {background: url('/images/index/top-h1-right-orange.png') no-repeat 100% 0%;}
DL.top-region-list DIV.item {height: 22px; margin: 4px; background: url('/images/index/top-regions-item-left.png') repeat-x;}
* HTML DD {padding-top: 4px;}
* HTML DL.top-region-list DIV.item {zoom: 1; margin: 0px 4px;}
DL.top-region-list DIV.item DIV.left {float: left; padding: 2px 4px; padding-right: 0; overflow: hidden; width: 148px; height: 22px;}
DL.top-region-list DIV.item DIV.right {float: right; width: 67px; height: 22px; background: url('/images/index/top-regions-item-right-grey.png') no-repeat 100% 0%;}
DL.top-region-list DIV.item DIV.right DIV.image {margin-top: 1px; float: left; width: 24px; text-align: center;}
DL.top-region-list DIV.item DIV.right DIV.text {margin-top: 2px; float: left; width: 34px; text-align: center; color: #666; font-weight: bold;}
DL.top-region-list DIV.item DIV.red {background: url('/images/index/top-regions-item-right-red.png') no-repeat 100% 0%;}
DL.top-region-list DIV.item DIV.red DIV.text {color: #fff;}
DL.top-region-list DIV.item DIV.blue {background: url('/images/index/top-regions-item-right-blue.png') no-repeat 100% 0%;}
DL.top-region-list DIV.item DIV.blue DIV.text {color: #fff;}
DL.top-region-list DIV.item DIV.green {background: url('/images/index/top-regions-item-right-green.png') no-repeat 100% 0%;}
DL.top-region-list DIV.item DIV.green DIV.text {color: #fff;}
DL.top-region-list SPAN.new {color: #64ab00;}

DL.top-user-list DT {background: #e33711 url('/images/index/top-h1-left-red.png') no-repeat;}
DL.top-user-list DT SPAN {background: url('/images/index/top-h1-right-red.png') no-repeat 100% 0%;}
DL.top-user-list DD {border-bottom: 0;}
DL.top-user-list TABLE {width: 100%; border-collapse: collapse;}
DL.top-user-list TABLE TH {border-bottom: 1px solid #bbb; padding: 2px 8px; text-align: left;}
DL.top-user-list TABLE TH.h2 {background: url('/images/index/top-users-h2.png'); color: #666; font-weight: normal; font-size: 11px; }
DL.top-user-list TABLE TD {border-bottom: 1px solid #bbb; padding: 2px 8px; font-size: 11px;}
DL.top-user-list TABLE TD.vr {border-right: 1px solid #bbb;}
DL.top-user-list SPAN.new {color: #64ab00;}
DL.top-user-list A {color: #004c9f;}
DL.top-user-list A.blue {color: #004c9f;}
DL.top-user-list A.pink {color: #eb3372;}

/* панорамы */
DIV.panoramas-title {background: #1b1f6f url('/images/index/block-title-right-bg-blue.png') 100% 0% repeat-x; height: 24px; margin-bottom: 4px; overflow: hidden; zoom: 1;}
DIV.panoramas-title SPAN {display: block; height: 24px; background: url('/images/index/block-title-left-bg-blue.png') no-repeat; padding-left: 30px; padding-top: 4px; font-weight: bold; color: #fff; font-size: 11px;}

DIV.panoramas {overflow: hidden; zoom: 1; position: relative; width: 100%;}
DIV.panoramas DIV.top {padding: 10px 22px;}
DIV.panoramas DIV.bottom {font-size: 0; line-height: 0; height: 7px;}
DIV.panoramas DIV.items {position: relative; text-align: center;}
DIV.panoramas DIV.item {position: relative; margin: auto; margin-top: 0; margin-bottom: 14px; width: 475px; height: 73px; clear: both; overflow: hidden; text-align: left;}
DIV.panoramas DIV.item IMG {border: 2px solid #fff;}
DIV.panoramas DIV.item A {text-decoration: none;}
DIV.panoramas DIV.item DIV.name {position: absolute; padding: 0px 2px; margin-bottom: 2px; bottom: 0; left: 2px; background: url('/images/index/new-panoramas-item-a-bg.png'); max-width: 368px; font-size: 10px; color: #333;}
* HTML DIV.panoramas DIV.item DIV.name {padding: 2px; margin: 0;}
DIV.panoramas DIV.item DIV.text {width: 500px; float: right; overflow: hidden; width: 72px; height: 51px; padding: 11px; color: white; font-size: 11px; line-height: 150%;}
DIV.panoramas DIV.item DIV.text SMALL {color: #000; font-size: 11px;}
DIV.panoramas DIV.item DIV.text DIV {overflow: hidden; width: 500px;}
DIV.panoramas DIV.item DIV.text DIV A {color: #fff; text-decoration: underline;}
DIV.panoramas DIV.item DIV.contest {position: absolute; top: 5px; left: 355px; width: 15px; height: 15px; background: url('/images/contest.png') no-repeat;}
DIV.panoramas DIV.navigate {text-align: center; font-size: 2em; position: relative; top: -0.25em;}
DIV.panoramas DIV.navigate A {text-decoration: none; color: #fff;}
DIV.panoramas DIV.loading {}

DIV#new-panoramas {background: #466fb0;}
DIV#new-panoramas DIV.top {zoom: 1; position: relative; background: url('/images/index/new-panoramas-top.png') repeat-x;}
DIV#new-panoramas DIV.top DIV.cr {position: absolute; width: 22px; height: 22px; background: url('/images/index/new-panoramas-cr.png') no-repeat;}
DIV#new-panoramas DIV.top DIV.tl {top: 0; left: 0; background-position: 100% 0%;}
DIV#new-panoramas DIV.top DIV.tr {top: 0; right: 0; background-position: 0% 0%;}
* HTML DIV#new-panoramas DIV.top DIV.tr {right: -1px;}
DIV#new-panoramas DIV.bottom {background: url('/images/index/new-panoramas-bottom.png') repeat-x;}
DIV#new-panoramas DIV.text {background: #99cc00 url('/images/index/new-panoramas-item-text.png') no-repeat;}
DIV#new-panoramas DIV.navigate {color: #7392c3;}
DIV#new-panoramas DIV.loading {background: url('/images/index/new-panoramas-loading.gif') no-repeat 100% 100%;}

DIV#top-panoramas {background: #60ab42;}
DIV#top-panoramas DIV.bottom {background: url('/images/index/new-panoramas-bottom.png') repeat-x;}
DIV#top-panoramas DIV.text {background: #99cc00 url('/images/index/top-panoramas-item-text.png') no-repeat;}
DIV#top-panoramas DIV.navigate {color: #7dc65a;}
DIV#top-panoramas DIV.loading {background: url('/images/index/top-panoramas-loading.gif') no-repeat 100% 100%;}


/* теги */
DIV#grid DIV.block-2 DIV.tag-cloud {font-size: 11px; clear: both; margin-bottom: 4px;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.title {background: #8f8f8f url('/images/index/block-title-right-bg-red.png') 100% 0% repeat-x; height: 24px; overflow: hidden; zoom: 1;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.title SPAN {display: block; height: 24px; background: url('/images/index/block-title-left-bg-red.png') no-repeat; padding-left: 30px; padding-top: 4px; font-weight: bold; color: #fff;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content {padding: 7px; border: 1px solid #ccc; border-top: 0;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content {text-align: center; margin: 0; border: 1px solid #d6d6d6; border-top: 0; padding: 8px; overflow: hidden; height: 1%;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A {text-decoration: none; line-height: 22px; vertical-align: 4px;}
* HTML DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A {line-height: 125%;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A:hover {text-decoration: underline;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A.w1 {font-size: 11px; color: #859ac6;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A.w2 {font-size: 14px; color: #859ac6;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A.w3 {font-size: 17px; color: #5d79b3;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A.w4 {font-size: 20px; color: #5d79b3;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A.w5 {font-size: 23px;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content A.w6 {font-size: 26px;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content EM {font-style: normal; font-size: 9px; color: #777;}
DIV#grid DIV.block-2 DIV.tag-cloud DIV.content SPAN {white-space: nowrap;}

/* квесты */
DIV#grid DIV.block-1 DIV.quests {font-size: 11px; margin: 10px; margin-top: 0;}
DIV#grid DIV.block-1 DIV.quests DIV.title {background: #8f8f8f url('/images/index/block-title-right-bg-green.png') 100% 0% repeat-x; height: 24px; overflow: hidden; zoom: 1;}
DIV#grid DIV.block-1 DIV.quests DIV.title SPAN {display: block; height: 24px; background: url('/images/index/block-title-left-bg-green.png') no-repeat; padding-left: 30px; padding-top: 4px; font-weight: bold; color: #fff;}
DIV#grid DIV.block-1 DIV.quests DIV.content {border: 1px solid #ccc; border-top: 0; background: url('/images/index/quest-bg.png') repeat-x 100% 100%; zoom: 1;}
DIV#grid DIV.block-1 DIV.quests DIV.content DIV.dude {border-top: 1px solid #fff; height: 116px; background: url('/images/index/quest-dude-bg.png') no-repeat 100% 100%; position: relative;}
DIV#grid DIV.block-1 DIV.quests DIV.content DIV.dude A {width: 65px; height: 17px; position: absolute; bottom: 5px; right: 5px; background: url('/images/index/quest-button.png') no-repeat; font-size: 0;}
DIV#grid DIV.block-1 DIV.quests DIV.content DIV.dude A:hover {background-position: 0px -17px;}
DIV#grid DIV.block-1 DIV.quests DIV.content DIV.line {height: 6px; background: url('/images/index/quest-line-bg.png') repeat-x; font-size: 0; border: 1px solid #fff;}

DIV#grid DIV.block-1 DIV.quests DIV.content DL {font-size: 11px; margin: 7px;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DT.top {height: 17px; margin: 0; background: url('/images/index/quest-top-bg.png') 100% 0%;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DT.top SPAN {padding-left: 8px; color: #fff; background: url('/images/index/quest-top-bg.png') no-repeat;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DD {margin: 0; padding: 0; background: #fff url('/images/index/quest-dd-bg.png') repeat-x 100% 100%; border-bottom: 1px solid #bbb; position: relative;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DD A {display: block; padding: 1px 8px; text-decoration: none;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DD A EM {display: block; background: url('/images/index/quest-arrow.gif') no-repeat 50% 50%; width: 8px; float: right; margin-right: 8px;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DD SPAN {display: block; padding: 1px 8px; color: #999;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DD A:hover {background: #c1cae2 url('/images/index/quest-new-dd-hover-bg.png') repeat-x 100% 100%;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DT.bottom {font-size: 0; height: 8px; background: url('/images/index/quest-bottom-bg.png') 100% 0%;}
DIV#grid DIV.block-1 DIV.quests DIV.content DL DT.bottom SPAN {width: 8px; height: 8px; display: block; padding-left: 8px; background: url('/images/index/quest-bottom-bg.png') no-repeat;}


/* комментарии */
DIV#grid DIV.block-3 DIV.comments {font-size: 11px; margin: 10px; margin-top: 0;}
DIV#grid DIV.block-3 DIV.comments DIV.title {background: #8f8f8f url('/images/index/block-title-right-bg-grey.png') 100% 0% repeat-x; height: 24px; overflow: hidden; zoom: 1;}
DIV#grid DIV.block-3 DIV.comments DIV.title SPAN {display: block; height: 24px; background: url('/images/index/block-title-left-bg-grey-two.png') no-repeat; padding-left: 30px; padding-top: 4px; font-weight: bold; color: #333;}
DIV#grid DIV.block-3 DIV.comments DIV.content {border: 1px solid #ccc; border-top: 0; border-bottom: 0; margin-bottom: 4px;}
DIV#grid DIV.block-3 DIV.comments DIV.content DIV.item {border-bottom: 1px solid #ccc; padding: 4px;}
DIV#grid DIV.block-3 DIV.comments DIV.content DIV.item A {text-decoration: none;}
DIV#grid DIV.block-3 DIV.comments DIV.content DIV.item A:hover {text-decoration: underline;}
DIV#grid DIV.block-3 DIV.comments DIV.content DIV.item A.author {color: #eb3372;}
DIV#grid DIV.block-3 DIV.comments DIV.content DIV.item A.title {color: #004c9f;}

DIV#grid DIV.block-3 DIV.banner {text-align: center; margin-bottom: 5px; text-align: center;}
DIV#grid DIV.block-3 DIV.banner DIV {margin: auto;}

/** 2010 год */
DIV.new-year-2010 {background: url('/images/special/new-year-2010/banner.jpg') 50% 0% no-repeat; height: 89px; margin-bottom: 4px;}
DIV.new-year-2010 IMG {width: 100%; height: 89px;}