/* Reset
-------------------------------------------------------------------*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD { padding: 0; margin: 0; border: none; }
UL, OL { list-style: none; }
IMG { border: none; }
BUTTON { overflow: visible; cursor: pointer; }
LABEL { cursor: pointer; }

/* body
-------------------------------------------------------------------*/
HTML, BODY { height: 100%; }
BODY { font: 13px/16px  Tahoma,  Arial, Helvetica, Tahoma, sans-serif; color: #323232; background: #fff; }

H1, H2 { font: bold italic 22px/30px Georgia; color: #ac0126; margin: 0 0 15px; }
H1 A, H2 A { color: #ac0126; line-height: 22px; text-decoration: none; border-bottom: 1px dashed #ac0126; }
H1 SPAN, H2 SPAN { font-weight: 400; font-size: 18px; color: #999; line-height: 18px; vertical-align: middle; }
H1 SPAN A, H2 SPAN A { color: #999; text-decoration: none; border-bottom: 1px dashed #999; }
H1 A:hover, H2 A:hover, H1 SPAN A:hover, H2 SPAN A:hover { border: none; }

H3 { font: bold italic 22px/22px Georgia; margin: 0 0 5px; }
H3 SPAN { color: #ac0126; }

H4 { }
H5 { }
H6 { }

A { color: #ac0126; text-decoration: underline; }
A:hover { text-decoration: none; }

.clrfix { height: 1%; }
.clrfix:after { height: 0; content:'.'; display: block; clear: both; visibility: hidden; }
.clear { clear: both; font-size: 0; }
.center { text-align: center; }
.hidden { display: none; }
.right { float: right; width: auto; }

.date { font-size: 10px; color: #999; }
.ico { width: 18px; height: 18px; display: inline-block; position: relative; vertical-align: top; background: url(../images/icons.png); cursor: pointer; }
.user { padding-left: 12px; background: url(../images/icons.gif) -15px -66px no-repeat; }
.padding { padding-left: 30px; }

/* layout
-------------------------------------------------------------------*/
#container { min-width: 1000px; min-height: 100%; height: auto !important; height: 100%; }
#header { clear: both; height: 270px; position: relative; overflow: hidden; }
#wrapper { padding: 0 0 190px; position: relative; }
#page { float: left; width: 100%; }
#content { padding: 0 390px 0 30px; }
#sidebar { float: left; width: 325px; margin-left: -350px; }
#footer { min-width: 1000px; height: 170px; margin: -175px 0 0; position: relative; background: url(../images/hr.gif) 0 51px repeat-x; overflow: hidden; }

/* forms
-------------------------------------------------------------------*/
FORM FIELDSET { margin: 0 0 20px; }
FORM .note { font-size: 11px; color: #7d7d7d; line-height: 12px; vertical-align: baseline; }
FORM A.note { color: #ac0126; }
.w80 { float: left; width: 80px; margin-right: 10px; }
.w100 { float: left; width: 100px; margin-right: 10px; }

.ls-text { height: 22px; padding: 5px 15px 0; position: relative; background: url(../images/ctrl.png) 0 0 repeat-x; }
.ls-text I, .ls-text B { width: 15px; height: 27px; position: absolute; top: 0; background: url(../images/ctrl.png); }
.ls-text I { left: 0; background-position: 0 -56px; }
.ls-text B { right: 0; background-position: -13px -56px; }
.ls-text INPUT { font: 14px/18px Arial; color: #484848; width: 100%; padding: 0; margin: 0; background: none; border: none; }
.ls-text SELECT { font: 14px/16px Arial; color: #484848; width: 100%; padding: 0; margin: 0; }
.ls-select { color: #999; width: 100%; position: relative; background: url(../images/select.gif) 100% 6px no-repeat; cursor: pointer; }
.ls-select-drop { position: absolute; z-index: 10001; background: #fff; border: 1px solid #d0d0d0; border-top: none; }
.ls-select-drop UL { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
.ls-select-drop A { color: #484848; display: block; text-decoration: none; padding: 2px 3px; }
.ls-select-drop A:hover { background: #ededed; }
.ls-select-drop A.active { color: #000 !important; background: #d0d0d0 !important; }
.ls-file { width: 100%; height: 27px; padding: 0; overflow: hidden; }
.ls-file DIV { height: 27px; line-height: 27px; padding: 0 15px; }
.ls-file DIV SPAN { color: #484848; }
.ls-file INPUT { font-size: 1000pt; width: 100%; height: 100%; position: absolute; top: 0; left: 0; filter: alpha(opacity: 0); opacity: 0; cursor: pointer; }

.ls-area { padding: 0 0 0 3px; background: #fff; border: 1px solid #d0d0d0; border-bottom: none; zoom: 1; }
.ls-area TEXTAREA { font: 14px/18px Arial;	color: #484848; width: 100%; padding: 2px 0; margin: 0; display: block; vertical-align: top; background: none; border: none; }
.ls-editor { padding: 0 6px; background: #fff; border: 1px #d0d0d0; border-style: none solid; }
.ls-editor .ls-panel { float: left; height: 26px; white-space: nowrap; margin: -4px 0 0; }
.ls-editor .ls-panel * { display: inline-block; height: 20px; margin: 0 6px 0 0; }
.ls-editor .ls-panel A { width: 20px; background: url(../images/editor.png); border: 1px solid #fff; cursor: pointer; }
.ls-editor .ls-panel A:hover { border: 1px solid #d0d0d0; }
.ls-editor .ls-panel I { width: 1px; background: #d0d0d0; }
.ls-editor A.ls-panel-h4 { background-position: 0 0; }
.ls-editor A.ls-panel-h5 { background-position: -20px 0; }
.ls-editor A.ls-panel-h6 { background-position: -40px 0; }
.ls-editor A.ls-panel-b { background-position: -60px 0; }
.ls-editor A.ls-panel-i { background-position: -80px 0; }
.ls-editor A.ls-panel-u { background-position: -100px 0; }
.ls-editor A.ls-panel-s { background-position: -120px 0; }
.ls-editor A.ls-panel-ul { background-position: -140px 0; }
.ls-editor A.ls-panel-ol { background-position: -160px 0; }
.ls-editor A.ls-panel-li { background-position: -180px 0; }
.ls-editor A.ls-panel-quote { background-position: -200px 0; }
.ls-editor A.ls-panel-code { background-position: -220px 0; }
.ls-editor A.ls-panel-link { background-position: -240px 0; }
.ls-editor A.ls-panel-image { background-position: -260px 0; }
.ls-editor A.ls-panel-video { background-position: -280px 0; }
.ls-editor A.ls-panel-cut { background-position: -300px 0; }

.btn { padding: 0 1px 1px 0; margin: 0; background: none; border: none; }
.btn * { font: bold italic 14px/29px Georgia; color: #fff; height: 29px; display: inline-block; vertical-align: middle; background: url(../images/bg.png) repeat-x; }
.btn B, .btn I { width: 10px; }
.btn SPAN { margin: 0; }
/* for Gecko 1.0+ */
html:not([xmlns*=""]) BUTTON.btn:active { position: relative; left: 1px; top: 1px; }
html:not([xmlns*=""]) BUTTON.btn B { position: relative; left: -3px; }
html:not([xmlns*=""]) BUTTON.btn I { position: relative; right: -3px; }
html:not([xmlns*=""]) BUTTON.btn SPAN { margin: 0 -3px; }
/* green 29px */
.btn.g29 B { background-position: 0 -190px; }
.btn.g29 I { background-position: -11px -190px; }
.btn.g29 SPAN { background-position: 0 -160px; }
/* red 29px */
.btn.r29 B { background-position: 0 -450px; }
.btn.r29 I { background-position: -11px -450px; }
.btn.r29 SPAN { background-position: 0 -420px; }
/* buttons 39px */
.btn.g39 *, .btn.r39 * { font: bold italic 22px/39px Georgia; height: 39px; }
/* green 29px */
.btn.g39 B { background-position: 0 -120px; }
.btn.g39 I { background-position: -11px -120px; }
.btn.g39 SPAN { padding: 0 10px; background-position: 0 -80px; }
/* red 29px */
.btn.r39 B { background-position: 0 -380px; }
.btn.r39 I { background-position: -11px -380px; }
.btn.r39 SPAN { padding: 0 10px; background-position: 0 -340px; }

A.btn { text-decoration: none; }

/* Header
-------------------------------------------------------------------*/
/* main navigation */
#main-nav { width: 350px; height: 39px; margin: 0 auto; }
#main-nav LI { float: left; width: auto; line-height: 39px; padding: 0 11px; background: url(../images/bg.png) 0 -260px; repeat-x; border-left: 1px solid #cb4e71; border-right: 1px solid #7e0124; }
#main-nav LI A { font: bold italic 20px/39px Georgia; color: #fff; text-decoration: none; float: left; width: auto; padding: 0 3px; }
#main-nav LI B { float: left; width: 11px; height: 39px; background: url(../images/bg.png) 0 -300px; }
#main-nav LI I { float: left; width: 11px; height: 39px; background: url(../images/bg.png) -10px -300px; }
#main-nav LI.active { background-position: 0 0; border-left: 1px solid #8cb666; border-right: 1px solid #726e34; }
#main-nav LI.active B { background-position: 0 -40px; }
#main-nav LI.active I { background-position: -10px -40px; }
#main-nav LI.cl { padding-left: 0; border-left: none; }
#main-nav LI.cr { padding-right: 0; border-right: none; }
/* logo */
#logo { font: italic 48px/62px Georgia; color: #3a3b3b; text-decoration: none; padding-left: 70px; position: absolute; top: 50px; left: 55px; background: url(../images/logo.gif) 0 0 no-repeat; }
#logo_lite { display: block; width: 292px; height: 61px; padding-top: 120px; top: 120px; margin: 50 auto; background: url(../images/logo.png) 0 0 no-repeat; }
/* user profile */
#profile { width: 325px; position: absolute; top: 57px; right: 25px; }
#profile LI { font-size: 12px; display: block; line-height: 16px; }
#profile .avatar { float: right; width: 48px; }
#profile .exit { color: #323232; }
#profile STRONG { color: #ac0126; }

/* navigation - search & menu
-------------------------------------------------------------------*/
#nav { clear: both; padding: 145px 25px 0 60px; }
/* search form */
#search { float: right; width: 325px; padding: 40px 0 0; }
#search BUTTON { width: 28px; height: 27px; position: absolute; top: 0; right: 0; background: url(../images/ctrl.png) 0 -28px; border: none; }
/* write button */
#write { float: left; width: 190px; height: 40px; }

/* menu
-------------------------------------------------------------------*/
.menu { float: left; width: auto; height: 40px; }
.menu DD { font: 16px/40px Arial; color: #ac0126; float: left; width: auto; padding: 0 15px 0 0; position: relative; }
.menu .mainlevel { color: #313131; text-decoration: none; border-bottom: 1px dashed #313131; }
.menu .mainlevel:hover, .menu .active .mainlevel { border: none; }
.menu .nav { width: 400px; position: absolute; top: 40px; left: 0; }
.menu .nav LI { position: relative; }
.nav EM { font-size: 0; width: 7px; height: 4px; position: absolute; top: -4px; left: 10px; }
.menu .nav LI.active EM { background: url(../images/icons.gif) 0 0; }

/* navigation of submenu & block
-------------------------------------------------------------------*/
.nav { height: 19px; }
.nav LI { float: left; width: auto; line-height: 19px; padding: 0 10px; background: url(../images/bg.png) 0 -480px repeat-x; border-left: 1px solid #cb4e71; border-right: 1px solid #7e0124; }
.nav LI A { font:  12px/19px Arial; color: #fffefe; text-decoration: none; float: left; width: auto; }
.nav LI B { float: left; width: 10px; height: 19px; background: url(../images/bg.png) 0 -500px; }
.nav LI I { float: left; width: 10px; height: 19px; background: url(../images/bg.png) -11px -500px; }
.nav LI SPAN { font:  12px/19px Arial; color: #fffefe; float: left; padding-left: 5px; }
.nav LI.active { background-position: 0 -220px; border-left: 1px solid #8cb666; border-right: 1px solid #726e34; }
.nav LI.active B { background-position: 0 -240px; }
.nav LI.active I { background-position: -11px -240px; }
.nav LI.cl { padding-left: 0; border-left: none; }
.nav LI.cr { padding-right: 0; border-right: none; }

/* topic, comment info
-------------------------------------------------------------------*/
.info { height: 20px; margin: 0 0 5px; }
.info LI { float: left; width: auto; height: 20px; }
.info LI.author A { font: 18px/18px Georgia; color: #474848; text-decoration: none; display: inline-block; border-bottom: 1px dashed #474848; }
.info LI.author A:hover { border: none; }
.info LI.author IMG { vertical-align: middle; margin: 0 3px; }
.info LI.author .ico { height: 20px; margin: 0 6px; background-position: -20px -60px; }
.info LI.author .ico.woman { background-position: 0 -60px; }
.info LI.date { padding: 3px 10px 0; }

/* voting
-------------------------------------------------------------------*/
.voting { font-size: 12px; }
.voting LI { float: left; width: auto; }
.voting .vote { padding: 0 9px; }
.voting .vote A { width: 12px; height: 19px; display: block; background: url(../images/voting.png); }
.voting .vote A.plus { background-position: 0 -75px; }
.voting .vote A.minus { background-position: 0 -95px; }
.voting .vote A.plus:hover { background-position: -20px -75px; }
.voting .vote A.minus:hover  { background-position: -20px -95px; }
.voting.voted A.plus { background-position: 0 -75px; cursor: default; }
.voting.voted A.minus { background-position: 0 -95px; cursor: default; }
.voting.plus A.plus { background-position: -20px -75px; }
.voting.minus A.minus { background-position: -20px -95px; }
.voting.guest A.plus { background-position: 0 -75px !important; cursor: default; }
.voting.guest A.minus { background-position: 0 -95px !important; cursor: default; }
.voting .total { padding: 7px 20px 0 0; }
.voting .total DIV { font: bold 12px/24px Arial; color: #fff; width: 44px; height: 24px; text-align: center; background: url(../images/voting.png) 0 0; }
.voting .total DIV A { color: #fff; text-decoration: none; }
.voting.positive .total DIV { background-position: 0 -25px; }
.voting.negative .total DIV { background-position: 0 -50px; }

/* actions
-------------------------------------------------------------------*/
.action { padding-left: 10px; margin: 0 0 15px; overflow: hidden; }
.action LI { float: left; padding-left: 20px; }
.action LI A { font-size: 11px; height: 16px; padding-left: 14px; text-decoration: none; display: inline-block;}
.action LI A:hover { text-decoration: underline; }
.action LI.rss A { background: url(../images/icons.png) -40px 3px no-repeat; }
.action Li.join A { position: relative; vertical-align: top; top: 2px; background: url(../images/icons.gif) 0 -30px no-repeat; }
.action Li.join A:hover, .action Li.join.active A { background-position: -15px -30px; }
.action LI.edit A { color: #000; background: url(../images/edit.gif) no-repeat 0 2px; }
.action LI.delete A { color: #f00; background: url(../images/delete.gif) no-repeat 0 2px; }

/* topic
-------------------------------------------------------------------*/
.topic { margin: 0 0 60px; position: relative; overflow: hidden; }
/* topic info */
.info LI A.link { font-size: 11px; color: #474848; padding-right: 15px; background:url(../images/link_url.gif) 100% 50% no-repeat; }
/* favourite */
.topic H1, .topic H2 { padding-left: 30px; }
.topic .favorite { position: absolute; top: 25px; left: 0; }
.topic .favorite .ico { margin: 0 6px; top: 4px; background-position: 0 0; border: none; overflow: hidden; }
.topic .favorite .ico:hover, .topic .favorite.active .ico { background-position: -20px 0; }
.topic .favorite.guest .ico { background-position: 0 0 !important; }
/* voting */
.topic .voting { clear: both; }
.topic .voting .vm { padding: 10px 0 0; }
/* tags */
.topic .tags { color: #999; height: 20px; line-height: 20px; padding-left: 14px; background: url(../images/icons.gif) -15px -45px no-repeat; overflow: hidden; }
.topic .tags A { color: #999; text-decoration: none; }
.topic .tags A:hover { color: #fff; background: #999; }
/* comments */
.topic .comments-total { color: #999; height: 20px; line-height: 20px; padding-left: 14px; background: url(../images/icons.gif) -15px 7px no-repeat; overflow: hidden; }
.topic .comments-total A { color: #999; text-decoration: none; }
.topic .comments-total A:hover { text-decoration: underline; }
.topic .comments-total STRONG A { color: #ac0126; }

/* questions
-------------------------------------------------------------------*/
.answers { margin: 0 !important; }
.answers LI { height: 32px; padding-right: 70px; position: relative; list-style: decimal; }
.answers A { width: 32px; height: 27px; position: absolute; top: 0; background: url(../images/ans.png); cursor: pointer; }
.answers .drop { right: 0; background-position: 0 -28px; }
.answers .add { right: 35px; background-position: 0 0; }
.answers.disabled LI { padding-right: 0; }
.answers.disabled A { display: none; }
/* generic style of content
-------------------------------------------------------------------*/
.topic .content { padding-left: 30px; margin: 0 0 15px; line-height:20px}
.topic .content IMG { margin: 5px; border: 1px solid #999; }
.topic .content P { margin: 0 0 15px; }
.topic .content UL, OL { margin-bottom: 15px; margin-left: 20px; }
.topic .content UL LI { list-style: disc; }
.topic .content OL LI { list-style: decimal; }
.topic .content DL { margin-bottom: 15px; }
.topic .content DL DT { font-weight: bold; }
.topic .content DL DD { font-style: italic; margin: 0 0 5px 20px; color: #999; }
.topic .content BLOCKQUOTE { font-style: italic; padding: 5px 10px; background: #ededed; }
.topic .content PRE, .comment .content PRE { clear: both; width: 95%; padding: 5px 2%; margin: 0 0 10px; background: #ededed url(../images/code.gif); border: 1px solid #d0d0d0; overflow: auto; }
.comment .content BLOCKQUOTE { font-style: italic; padding: 5px 10px; background: #fff; border: 1px solid #d0d0d0; }

/* Talk
-------------------------------------------------------------------*/
.talk H1 { padding-left: 30px; }
.talk .action LI.to_inbox A { color: #474848; padding-left: 0; }

/* Pagination
-------------------------------------------------------------------*/
#pagination { padding-left: 27px; }
#pagination P { font: bold italic 16px/16px Georgia; color: #999; margin: 0 0 10px; }
#pagination P A { text-decoration: none; border-bottom: 1px dashed #ac0126; }
#pagination P A:hover { border: none; }
#pagination P .next .ico { background-position: -20px -40px; }
#pagination P .prev .ico { background-position: 0 -40px; }
#pagination P .prev .ico.active { background-position: 0 -20px; }
#pagination P .next .ico { background-position: -20 -40px; }
#pagination P .next .ico.active { background-position: -20px -20px; }
#pagination UL { font-size: 12px; padding-left: 16px; overflow: hidden; }
#pagination UL LI { float: left; margin: 5px; }
#pagination UL LI.active { font-weight: bold; }

/* Sidebar
-------------------------------------------------------------------*/
.border .tp, .border .tp *, .border .bt, .border .bt * { font-size: 0; height: 10px; background: url(../images/cr.gif) repeat-x; }
.border .tp { background-position: 0 -29px; }
.border .bt { background-position: 0 -20px; }
.border .tp .l { float: left; width: 10px; background-position: 0 0; }
.border .tp .r { float: right; width: 10px; background-position: -9px 0; }
.border .bt .l { float: left; width: 10px; background-position: 0 -9px; }
.border .bt .r { float: right; width: 10px; background-position: -9px -9px; }
.border .wrapper { border: 1px #d0d0d0; border-style: none solid; }

.block { font-size: 12px; margin: 0 0 10px; }
.block H2 { margin: 0; }
.block H2.pb { padding: 0 0 5px; }
.block H2 A { display: inline-block; }
.block H2 A:hover { border-bottom: 1px solid #fff; }
.block .nav { padding: 10px 0; }
.block .wrapper { padding: 0 15px; }
.block .content { margin: 0 0 10px; }
.block .right { font-size: 11px; text-align: right; }

/* tags */
.block.tags UL.cloud { text-align: center; }
.block.tags UL.cloud LI { display: inline; margin-right: 5px; line-height: 22px; }
.block.tags UL.cloud LI A { font-size: 18px; color: #8b8b8b; text-decoration: none; }
.block.tags UL.cloud LI A:hover { color: #fff; background: #777; }
.block.tags UL.cloud LI A.w1 { font-size: 11px; }
.block.tags UL.cloud LI A.w2 { font-size: 12px; }
.block.tags UL.cloud LI A.w3 { font-size: 14px; }
.block.tags UL.cloud LI A.w4 { font-size: 16px; }
.block.tags UL.cloud LI A.w5 { font-size: 18px; }
.block.tags UL.cloud LI A.w6 { font-size: 20px; }
.block.tags UL.cloud LI A.w7 { font-size: 22px; }
.block.tags UL.cloud LI A.w8 { font-size: 24px; }
.block.tags UL.cloud LI A.w9 { font-size: 26px; }
.block.tags UL.cloud LI A.w10 { font-size: 28px; }
/* stream */
.block .stream LI { padding: 5px 0; border-bottom: 1px solid #ededed; }
.block .stream LI.last { border: none; }
.block .stream A { text-decoration: none; }
.block .stream A:hover { text-decoration: underline; }
.block .stream-author { color: #ac0126; padding-left: 12px; background: url(../images/icons.gif) -15px -66px no-repeat; }
.block .stream-topic, .block .stream-comment { color: #323232; }
.block .stream-blog { color: #999; }
.block .stream SPAN { color: #ac0126; }
/* blogs */
.block .blogs LI { padding: 5px 0; border-bottom: 1px solid #ededed; }
.block .blogs LI.last { border: none; }
.block .blogs A { color: #323232; text-decoration: none; }
.block .blogs A:hover { text-decoration: underline; }
.block .blogs STRONG { float: right; width: auto; color: #ac0126; }
/* users statistic */
.block.stat UL.users { font-size: 11px; color: #999; width: 150px; }
.block.stat UL.users LI { border-bottom: 1px solid #eee; padding-bottom: 2px; }
.block.stat UL.users LI.last { border-bottom: 0; }
.block.stat .gender { overflow: hidden; }
.block.stat .gender UL { font-size: 11px; color: #999; width: 150px; float: left; padding-top: 50px; }
.block.stat .gender UL LI { border-bottom: 1px solid #eee; padding-bottom: 2px; }
.block.stat .gender UL LI.last { border-bottom: 0; }
.block.stat .gender UL LI .mark { width: 8px; height: 8px; float: right; margin-top: 4px; margin-right: 2px; overflow: hidden; border: 1px solid #ddd; }
.block.stat .chart { width: 160px; float: left; }
/* user contacts */
.block.contacts UL { padding: 10px 0; }
.block.contacts UL LI { padding: 0 0 5px 20px; background: url(../images/icons-contacts.gif) no-repeat; }
.block.contacts UL LI A { font: bold 16px/20px Georgia; color: #474848; text-decoration: none; border-bottom: 1px dashed #474848; }
.block.contacts UL LI A:hover { border: none; }
.block.contacts UL LI.icq { background-position: 0px 2px; }
.block.contacts UL LI.jabber { background-position: 0px -23px; }
.block.contacts UL LI.skype { background-position: 0px -47px; }
.block.contacts UL LI.lj { background-position: 0px -73px; }
.block.contacts UL LI.vk { background-position: 0px -99px; }
.block.contacts UL LI.email { background-position: 0px -122px; }
.block.contacts UL LI.phone { background-position: 0px -145px; }
/* user action */
.block.actions LI { padding: 0 0 10px; }
.block.actions .btn SPAN { width: 180px; text-align: center; }

/* Update Comments
-------------------------------------------------------------------*/
.update { width: 37px; float: right; position: fixed; top: 220px; right: 0; text-align: center; }
.update .tl { font-size: 0; height: 9px; background: url(../images/bg_update.gif) 0 0 no-repeat; }
.update .bl { 0; height: 9px; background: url(../images/bg_update.gif) 0 100% no-repeat; font-size: }
.update .wrapper { background: #71b108; border-left: 1px solid #9bc75a; }
.update .update-comments { cursor: pointer; vertical-align: top; }
.update .refresh { background: #71b108; }
.update .new-comments { color: #fff; padding: 7px 0 0; margin: 3px 0 0; background: #71b108; border-top: 1px solid #9bc75a; cursor: pointer; }

.show-update #profile { right: 40px; }
.show-update #nav { padding-right: 40px; }
.show-update #wrapper { padding-right: 15px; }

/* comments
-------------------------------------------------------------------*/
.comments .comment { clear:both; position:relative; overflow:hidden; }
.comments .comment .comment { padding-left: 50px; }
/* header */
.comments .header { font-size: 12px; padding-left: 30px; margin: 0 0 20px; }
.comments .header A.rss { margin-right: 20px; padding-left: 14px; background: url(../images/icons.png) -40px 3px no-repeat; }
.comments .header P { color: #999; display: inline; }
/* comment types */
.comments .comment .content { background: #f7f7f7; } /* default background of comment */
.comments .comment .content.self { background: #fdf5e6 !important; }
.comments .comment .content.new { background: #e4fbf1 !important; }
.comments .comment .content.del { background: #c5c5c5 !important; }
.comments .comment .content.view { background: #cdf5a6 !important; }
/* single comment */
.comment .folding { width: 9px; height: 9px; float: left; position: relative; top: 17px; left: 10px; cursor: pointer; }
.comment .folding-open { width: 9px; height: 9px; float: left; position: relative; top: 17px; left: 10px; cursor: pointer; }
.comment .folding.off { display: none; }
.comment .content { padding: 0; }
.comment span.delete { color: #c5c5c5; font-size: 16px; }
/* rounded corners */
.comment .content .tb { height: 7px; overflow: hidden; background: url(../images/comment-tb.gif) repeat-x; }
.comment .content .tl { height: 7px; background: url(../images/comment-tl.gif) no-repeat left top; }
.comment .content .tr { height: 7px; background: url(../images/comment-tr.gif) no-repeat right top; }
.comment .content .bb { height: 15px; background: url(../images/comment-bb.gif) repeat-x; margin-left: 24px; }
.comment .content .bl { height: 15px; background: url(../images/comment-bl.gif) no-repeat left bottom; }
.comment .content .br { height: 15px; background: url(../images/comment-br.gif) no-repeat right bottom; }
 /* comment content */
.comment .content { margin-left: 30px; }
.comment .content .text { min-height: 35px; padding: 5px 80px 5px 10px; border: 1px #dddede; border-style: none solid; overflow: hidden; zoom: 1; }


/* voting */
.comment .voting { width: 74px; position: absolute; top: 10px; right: 10px; }
.comment .voting .total { padding: 7px 0 0; }
/* comment info */
.comment .info { margin: 0 0 15px; }
.info LI.reply-link A { font: 16px/18px Georgia; text-decoration: none; display: inline-block; border-bottom: 1px dashed #ac0126; }
.info LI.reply-link A:hover { border: none; }
.info LI.anhor { padding: 0 10px; }
.info LI.anhor A { font-size: 0; width: 7px; height: 9px; display: block; text-decoration: none; position: relative; top: 5px; background: url(../images/icons.gif) 0 -20px; }
.info LI.anhor A:hover { background-position: -15px -20px; }
.info LI.goto-comment-parent A, .info LI.goto-comment-child A { text-decoration: none; display: inline-block; border-bottom: 1px dotted #ac0126; }
.info A.repair, .info A.delete { font-size: 11px; margin: 5px 0 0 20px; }
.info A.repair { color: #000; }
.info A.delete { color: #f00; }

.comment-list H1 { padding-left: 30px; }
.comment-list .voting { top: 28px; right: -10px; }
.comment .comment-topic { font-size: 11px; color: #999; padding: 0 0 3px 30px; }
.comment .comment-topic A.comment-blog { font-weight: bold; color: #999; }
.comment .comment-topic A.comment-total { padding-left: 12px; margin-left: 10px; background: url(../images/icons.gif) -15px 5px no-repeat; }

.reply-title { padding: 0 0 10px 30px; }
.reply { padding: 10px 0 10px 30px; }
.reply TEXTAREA.loader { background: #fff url(../images/loader.gif) center center no-repeat; }


/* Polls
---------------------------------- */
.poll { margin: 0 0 15px 0 !important; }
.poll li { list-style: none !important; }
.poll li dl { overflow: hidden; }
.poll li dl dt { float: left; font-weight: normal !important; color: #999; font-size: 11px; width: 50px; }
.poll li dl dt span { font-size: 12px; color: #333; }
.poll li dl dd { float: left; font-style: normal !important; width: 70%; }
.poll li dl dd div { margin-top: 3px; height: 5px; background: #ddd url(../images/poll.gif) no-repeat; overflow: hidden; }
.poll li dl dd div span { display: block; margin-left: 10px; height: 5px; background: #ddd url(../images/poll.gif) no-repeat right top; overflow: hidden; }

.poll li.most dl dt span { font-weight: bold; }
.poll li.most dl dd div { background: #390 url(../images/poll-most.gif) no-repeat !important; }
.poll li.most dl dd div span { background: #390 url(../images/poll-most.gif) no-repeat right top !important; }

.poll-new { margin: 0 0 15px 0 !important; }
.poll-new li { list-style: none !important; margin-bottom: 5px; }
.poll-new li input { position: relative; top: 2px; *top: 1px; margin-right: 3px; }


/* Profile of Blog
-------------------------------------------------------------------*/
.profile-blog { padding-left: 30px; }
.profile-blog H1 { line-height: 24px; }
.profile-blog H1 IMG { vertical-align: top; }
.profile-blog H1 A { border: none; }
.profile-blog H1 A SPAN { color: #323232; line-height: 22px; display: inline-block; vertical-align: top; margin: 0 5px; border-bottom: 1px dashed #323232; cursor: pointer; }
.profile-blog H1 A.inactive SPAN { color: #999; border-color: #ededed; }
.profile-blog H1 EM { width: 22px; height: 24px; display: inline-block; vertical-align: top; background: url(../images/profile-blog-info.gif) 0 1px no-repeat; }
.profile-blog H1 A.inactive EM { background: url(../images/profile-blog-info-inactive.gif) 0 1px no-repeat;  }
/* voting */
.profile-blog .voting { float: right; width: 94px; }
.profile-blog .voting .total { position: relative; }
.profile-blog .voting .text { font-size: 11px; color: #474848; width: 44px; position: absolute; top: -7px; left: 0; text-align: center; }
/* about blog */
.profile-blog .about { clear: both; margin: 0 0 40px; background: #f4f4f6; }
.profile-blog .about .tl { background: url(../images/profile-blog-tl.gif) no-repeat left top; height: 10px; }
.profile-blog .about .tr { background: url(../images/profile-blog-tr.gif) no-repeat right top; height: 10px; }
.profile-blog .about .bl { background: url(../images/profile-blog-bl.gif) no-repeat left bottom; height: 10px; }
.profile-blog .about .br { background: url(../images/profile-blog-br.gif) no-repeat right bottom; height: 10px; }
.profile-blog .about .content { padding: 5px 15px; color: #666; overflow: hidden; }
.profile-blog .about .content P { margin: 0 0 15px; }
.profile-blog .about .content .line { clear: both; height: 5px; margin: 0 0 20px; background: url(../images/footer-bg.gif) repeat-x; }
.profile-blog .about .content .admins { float: left; width: 50%; }
.profile-blog .about .content .moderators { float: left; width: 50%; }
.profile-blog .about .content UL.admin-list { overflow: hidden; text-align: center; }
.profile-blog .about .content UL.admin-list LI { float: left; margin-right: 10px; margin-bottom: 10px; }
.profile-blog .about .content UL.admin-list LI DT IMG { width: 48px; height: 48px; }
.profile-blog .about .content H3.readers { clear: both; padding-top: 35px; }
.profile-blog .about .content UL.reader-list { overflow: hidden; }
.profile-blog .about .content UL.reader-list LI { float: left; padding-left: 12px; margin-right: 15px; background: url(../images/icons.gif) -15px -66px no-repeat; }

/* Profile of user
-------------------------------------------------------------------*/
.profile-user { font-size: 13px; padding-left: 30px; }
.profile-user .name { overflow: hidden; color: #474848;  margin-bottom: 20px; }
.profile-user .name .avatar { float: left; margin-right: 15px; }
.profile-user .name .nickname { font: bold italic 22px/22px Georgia; margin: 2px 0 10px; }
.profile-user .name .realname { font: bold italic 18px/18px Georgia; color: #999; margin: 0 0 15px; }
/* voting */
.profile-user .voting .vote { padding-left: 0; }
.profile-user .voting .total { position: relative; }
.profile-user .voting .strength { padding: 7px 20px 0 0; position: relative; }
.profile-user .voting .text { font-size: 11px; color: #474848; width: 44px; position: absolute; top: -7px; left: 0; text-align: center; }
.profile-user .voting .strength DIV { font: bold 12px/24px Arial; color: #fff; width: 44px; height: 24px; text-align: center; background: url(../images/voting.png) 0 0; }
.profile-user .voting .strength.positive DIV { background-position: 0 -25px; }
/* table */
.profile-user TABLE { margin: 0 0 20px; }
.profile-user TD { vertical-align: top; }
.profile-user TD.var { width: 150px; padding: 0 0 5px; }

.profile-user .hr { font-size: 0; height: 1px; margin: 0 0 20px; border-top: 1px solid #ededed; }

/* People & Top
-------------------------------------------------------------------*/
.people .nav { margin: 0 0 20px; }

.people table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.people table thead td { background: #ededed; font: bold 14px/16px Arial !important; color: #323232 !important; padding: 5px 0; }
.people table thead td.user { padding-left: 10px; }
.people table thead td.strength, .people table thead td.rating { width: 80px; text-align: center; }
.people table thead td.date { width: 150px; text-align: center; }
.people table tbody td { padding: 5px 0; font-size: 11px; color: #999; border-bottom: 1px solid #ddd; }
.people table tbody td span { color: #6ec80d; }
.people table tbody td.user { padding-left: 10px; overflow: hidden; _height: 1%; background: none; }
.people table tbody td.user img { float: left; margin-right: 7px; width: 24px; height: 24px; }
.people table tbody td.user a.link { color: #999; font-weight: bold; position: relative; top: 1px; }
.people table tbody td.karma { color: #6ec80d; font-weight: bold; }
.people table tbody td.strength { color: #ac0126; font-weight: bold; text-align: center; }
.people table tbody td.date { text-align: center; }
.people table tbody td.rating { text-align: center; }
.people table tbody td.rating span { padding-right: 12px; }
.people table tbody td.rating.up span { background: url(../images/blog-rating-up.gif) no-repeat right 3px; }
.people table tbody td.rating.down span { background: url(../images/blog-rating-down.gif) no-repeat right 3px; }
.people table tbody td.rating strong { background: #ac0126; color: #fff; padding: 5px 10px; }

.people.top-blogs thead td.user { padding-left: 32px; }
.people.top-blogs thead td.join-head { width: 40px; text-align: center; }
.people.top-blogs thead td.readers, .people.top-blogs tbody td.readers { width: 100px; text-align: center; }
.people.top-blogs tbody td { padding: 7px 0; }
.people.top-blogs TD.name { overflow: hidden; }
.people.top-blogs TD.name IMG { float: left; padding: 0 0 5px; margin-right: 7px; width: 24px; height: 24px; }
.people.top-blogs TD.name A.title { font: bold italic 18px/18px Georgia; text-decoration: none; border-bottom: 1px dashed #ac0126; }
.people.top-blogs TD.name A.title:hover { border: none; }
.people.top-blogs TD.name A.author { line-height: 18px; padding-left: 12px; background: url(../images/icons.gif) -15px -66px no-repeat; }
.people.top-blogs .join { vertical-align: middle; }
.people.top-blogs .join A { width: 10px; height: 16px; margin: 0 auto; display: block; background: url(../images/icons.gif) 0 -30px no-repeat; }
.people.top-blogs .join A:hover, .people.top-blogs .join.active A { background-position: -15px -30px; }


.people.top-blogs thead td.fav-head { width: 40px; text-align: center; }
.people.top-blogs .fav { text-align: center; }
.people.top-blogs .fav a { margin: 0 auto; display: block; height: 10px; width: 10px; background: url(../images/star-off.gif) no-repeat; }
.people.top-blogs .fav a:hover { background: url(../images/star.gif) no-repeat; }
.people.top-blogs .fav.active a { background: url(../images/star.gif) no-repeat; }
.people.talk-table thead td.user { padding-left: 10px; }
.people.talk-table .author { margin-left: 10px; }

/* Footer
-------------------------------------------------------------------*/
#footer .right { width: 170px; height: 170px; margin-right: 25px; background: url(../images/granat.jpg); }
#footer .left { font-size: 12px; color: #999; float: left; width: auto; padding: 95px 0 0 75px; }
#footer .left A { color: #999; }
#footer .left LI { float: left; width: auto; padding-right: 10px; }
#footer .center { padding: 90px 0 0; }
#footer .center A { display: block; width: 152px; height: 56px; margin: 0 auto; background: url(../images/trainings.png); }

.lsCmtTree_visible{display:block;}
.lsCmtTree_hidden{display:none;}

/* Login and Lite Pages
-------------------------------------------------------------------*/
.lite-center { margin: 0 auto; padding: 0 0 200px; width: 400px; }
.lite-center H3 { margin: 0 0 20px; }

.login-popup { z-index: 100; width: 492px;  }
.login-popup .content { padding: 15px 40px 5px; background: #fff; }
.login-popup .login-popup-top { width: 492px; height: 14px; position: relative; background: url(../images/login-popup-top.gif) no-repeat; }
.login-popup .login-popup-bottom { width: 492px; height: 14px; background: url(../images/login-popup-bottom.gif) no-repeat; }
.login-popup .close-block { width: 14px; height: 14px; position: absolute; top: 10px; right: 10px; background: url(../images/close-block.gif) no-repeat; }

.tag-search IMG { float: left; width: 19px; margin: 6px 6px 0 5px; }
.tag-search INPUT { font-size: 18px; color: #999; float: left; width: 400px; padding: 4px 4px 6px; background: #fff; border: 1px solid #d0d0d0; }


#system_messages_error { background: #f0c8c8; border: 1px solid #ff8181; padding: 15px; margin-bottom: 15px; color: #b22626; }
#system_messages_notice { background: #dafad8; border: 1px solid #83c460; padding: 15px; margin-bottom: 15px; color: #4bb23b; }

.table-blog-users { width: 100%; margin-top: 20px; margin-bottom: 30px; }
.table-blog-users thead td { background: #f1f1f1; padding: 10px; text-align: center; color: #555; }
.table-blog-users tbody td { background: #fafafa; padding: 5px 10px; text-align: center; }
.table-blog-users tbody td.username { text-align: left; }
.table-blog-users tbody tr.even td { background: #f5f5f5; }

.searched-item { background: #fffacd; }



/* Static page edit
-------------------------------------------------------------------*/
table.admin_page th {vertical-align:bottom; border: none;  border-bottom: solid #B0C1D3 1px;  padding:.2em .6em .2em .65em; background:#e2e4e4; font-size:0.9em; font-weight:normal; color:#6e6e6e;  }
table.admin_page td { padding:6px 8px 6px 8px; border: none; border-right: solid #B0C1D3 1px; }
table.admin_page tr.colored td { background-color:#EEF6FB; }
table.admin_page tr.colored_sel td { background-color:#D9FBC2; }
table.admin_page { font-size:0.9em;  border:none;  margin:20px 0px 30px 0px; border-bottom:solid 1px #B0C1D3; }
table.admin_page td:first-child { border-left: solid #B0C1D3 1px }
table.admin_page td  {  /* IE: */ border-left: expression(previousSibling == null ? 'solid #B0C1D3 1px' : 'inherit'); }
table.admin_page img {margin: 0px !important;;}