/* 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, 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 {
margin: 0;
padding: 0;
border: 0;
font-size: 100.1%;
z-index: 0;
}
LABEL { cursor: pointer; }
BUTTON { cursor: pointer; overflow: visible; outline: none; }
:focus, :active { outline: 0; }
INS { text-decoration: underline; }
DEL { text-decoration: line-through; }
TABLE { border-spacing: 0; border-collapse: collapse; }
UL, OL { list-style: none; }
IMG { margin: 0; padding: 0; border: 0; }
/* body
-------------------------------------------------------------------*/
HTML, BODY { height: 100%; }
BODY { font: 12px/16px Verdana; color: #5b5b5b; background: #f6f4e9; }
H1, H2, H3 { font: normal 18px/21px Tahoma; color: #252525; margin: 0 0 10px; }
H2 A, H3 A { color: #252525; }
A { color: #00acdc; 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; }
.center { text-align: center; }
.hidden { display: none; }
/* layout
-------------------------------------------------------------------*/
#container { min-width: 1000px; }
#header { height: 100px; padding: 40px 3% 0; position: relative; }
#wrapper { width: 100%; position: relative; }
#main-container { padding: 0 16px; }
#page { float: left; width: 100%; }
#content { padding: 0 266px 0 216px; }
#lside { float: left; width: 200px; margin-left: -100%; position: relative; }
#rside { float: left; width: 250px; margin: 0 -3px 0 -250px; position: relative; }
#footer { height: 180px; padding: 0 16px; background: #fff; }
/* no right sidebar */
.no-rside #content { padding-right: 0; }
.no-rside #rside { display: none; }
/* two columns */
.two-columns #content { padding-right: 0; padding-left: 50%; }
.two-columns #content .wrapper { padding-left: 8px; }
.two-columns #lside { width: 50%; }
.two-columns #lside .wrapper { padding-right: 8px; }
.two-columns #rside { display: none; }
/* header
-------------------------------------------------------------------*/
#logo { width: 215px; height: 60px; position: absolute; top: 40px; left: 2%; background: url(../images/logo.png); }
#header .banner { width: 468px; height: 60px; margin: 0 auto; background: #e8e6db; }
/* profile
-------------------------------------------------------------------*/
#profile { width: 215px; height: 50px; position: absolute; top: 45px; right: 2%; }
#profile A { color: #776e45; line-height: 24px; }
#profile IMG { float: left; width: 48px; height: 48px; margin-right: 15px; border: 1px solid #d9d8d5; }
#profile LI { float: left; width: 30px; height: 24px; }
#profile LI A { float: left; width: 24px; height: 24px; background: url(../images/profile.png); }
#profile LI.messages A { background-position: 0 0; }
#profile LI.settings A { background-position: 0 -25px; }
#profile LI.write-topic A { background-position: 0 -50px; }
#profile LI.my-photos A { background-position: 0 -75px; }
#profile LI.exit A { background-position: 0 -100px; }
#profile .enter A { color: #fff; line-height: 40px; }
/* menu
-------------------------------------------------------------------*/
#menu { height: 41px; padding: 0 12px; margin: 0 0 10px; }
#menu .wrap { width: 100%; overflow: hidden; }
#menu UL { width: 173%; }
#menu LI { float: left; width: 8%; height: 41px; }
#menu LI DIV { padding: 1px 0 0; height: 40px; background: #fcfbf5 url(../images/m-shadow.gif) 0 100% repeat-x; }
#menu LI.ml { padding-left: 1%; background: url(../images/m-cr.png) 0 0 no-repeat; }
#menu LI.mr { padding-right: 1%; background: url(../images/m-cr.png) 100% 0 no-repeat; }
#menu LI A { font: 18px/36px Tahoma; color: #fff; float: left; width: 100%; height: 36px; text-align: center; background: #4ec5de url(../images/m-bg.png) 0 0 repeat-y; }
#menu LI.active A { text-decoration: none; background: #ccde7e url(../images/m-bg-act.png) 0 0 repeat-y; }
#menu LI.ml.active, #menu LI.mr.active { background-image: url(../images/m-cr-act.png); }
#menu LI A EM { font-size: 0; width: 7px; height: 36px; display: inline-block; vertical-align: middle; margin-left: 6px; background: url(../images/drop.png) 0 16px no-repeat; }
#submenu { position: absolute; top: 0; left: 0; background: #45bcd8; border: 1px solid #f7f7f7; }
#submenu DD { height: 32px; text-align: center; border-bottom: 1px dashed #ddd; }
#submenu DD.last { border: none; }
#submenu DD A { font: 12px/31px Tahoma; color: #fff; }
/* banners
-------------------------------------------------------------------*/
.banner { margin: 0 auto 15px; background: #bebdb4; }
.banner.h90 { height: 90px; }
.banner.w200h300 { width: 200px; height: 300px; }
.banner.w240h400 { width: 240px; height: 400px; }
.advert { height: 100px; margin: 0 0 15px; background: #fff9f0; }
/* blocks
-------------------------------------------------------------------*/
.block { margin: 0 0 15px; z-index: 10; }
.block .block:last-child { margin: 0; }
/* for ie < 8 */
.block .block { margin-bottom: expression(this.nextSibling==null ? '0' : '20px'); }
/* common for blocks */
.block .tl, .block .bl { font-size: 0; float: left; width: 10px; }
.block .tr, .block .br { font-size: 0; float: right; width: 10px; }
.block .bl, .block .br { position: relative; z-index: 10; }
.block .sl { padding-left: 10px; }
.block .sr { padding-right: 10px; }
.block .su, .block .sd, .block .box { position: relative; z-index: 11; }
/* block top navigation */
.block-nav { height: 20px; margin: 0 0 10px; }
.block-nav.right { float: right; width: auto; z-index:20; position:relative; }
.block-nav LI { float: left; width: auto; height: 20px; padding-right: 5px; }
.block-nav LI * { float: left; width: auto; height: 20px; }
.block-nav LI A { font: 12px/19px Tahoma; text-decoration: none; background: url(../images/dashb.gif) 0 16px repeat-x; }
.block-nav LI A:hover { background-position: 0 -1000px; }
.block-nav LI.active .cl { width: 5px; background: url(../images/nav.png) 0 -150px; }
.block-nav LI.active .cr { width: 5px; background: url(../images/nav.png) 100% -171px; }
.block-nav LI.active A { color: #fff; background: #41c1dd !important; }
/* block bottom navigation */
.block-all { height: 18px; position: absolute; bottom: -14px; right: -9px; z-index: 11; }
.block-all * { float: right; width: auto; height: 18px; }
.block-all .cl { width: 10px; background: url(../images/nav.png) 0 0; }
.block-all .cr { width: 10px; background: url(../images/nav.png) 100% -20px; }
.block-all A { font: 11px/17px Tahoma; color: #fff; padding: 0 5px; background: #9cbf1b; }
/* block styleless bottom navigation */
.block .all { font-size: 11px; text-align: right; }
/* common for white blocks */
.block.bw { padding: 15px 0; }
.block.bw .tl, .block.bw .tr { margin-top: -15px; }
.block.bw .su { top: -15px; }
.block.bw .sl { background: #fff url(../images/bw-l.png) 0 0 repeat-y; }
.block.bw .sr { background: url(../images/bw-r.png) 100% 0 repeat-y; }
.block.bw .sd { top: 30px; background: url(../images/bw-d.png) 0 100% repeat-x; }
.block.bw .bl { height: 15px; background: url(../images/bw-b.png) 0 100%; }
.block.bw .br { height: 15px; background: url(../images/bw-b.png) 100% 100%; }
.block.bw .box { top: -15px; padding: 0 6px 6px; }
/* bw (block white) 155px */
.block.bw-155 .tl-155 { height: 155px; background: url(../images/bw-155-t.png) 0 0; }
.block.bw-155 .tr-155 { height: 155px; background: url(../images/bw-155-t.png) 100% 0; }
.block.bw-155 .su-155 { background: url(../images/bw-155-u.png) 0 0 repeat-x; }
.block.bw-155 .box-155 { min-height: 155px; }
/* bw 100px */
.block.bw-100 .tl-100 { height: 100px; background: url(../images/bw-100-t.png) 0 0; }
.block.bw-100 .tr-100 { height: 100px; background: url(../images/bw-100-t.png) 100% 0; }
.block.bw-100 .su-100 { background: url(../images/bw-100-u.png) 0 0 repeat-x; }
.block.bw-100 .box-100 { min-height: 100px; }
/* bw 75px */
.block.bw-75 .tl-75 { height: 75px; background: url(../images/bw-75-t.png) 0 0; }
.block.bw-75 .tr-75 { height: 75px; background: url(../images/bw-75-t.png) 100% 0; }
.block.bw-75 .su-75 { background: url(../images/bw-75-u.png) 0 0 repeat-x; }
.block.bw-75 .box-75 { min-height: 75px; }
/* bw 25px */
.block.bw-25 .tl-25 { height: 25px; background: url(../images/bw-25-t.png) 0 0; }
.block.bw-25 .tr-25 { height: 25px; background: url(../images/bw-25-t.png) 100% 0; }
.block.bw-25 .su-25 { background: url(../images/bw-25-u.png) 0 0 repeat-x; }
.block.bw-25 .box-25 { min-height: 25px; }
/* bw 15px */
.block.bw-15 .tl-15 { height: 15px; background: url(../images/bw-15-t.png) 0 0; }
.block.bw-15 .tr-15 { height: 15px; background: url(../images/bw-15-t.png) 100% 0; }
.block.bw-15 .su-15 { background: url(../images/bw-15-u.png) 0 0 repeat-x; }
.block.bw-15 .box-15 { min-height: 15px; }
/* block tabs */
.block .tabs { font: 14px/34px Tahoma; height: 34px; padding: 0 15px; position: relative; top: -14px; z-index: 12; }
.block .tabs LI { color: #424242; float: left; width: auto; height: 34px; padding: 0 5px; background: url(../images/tabs.png) 0 -105px repeat-x; }
.block .tabs LI.active { background-position: 0 0; }
.block .tabs LI.cl { width: 13px; background-position: 0 -140px; }
.block .tabs LI.cl-active { width: 13px; background-position: 0 -35px; }
.block .tabs LI.cr { width: 13px; background-position: 100% -175px; }
.block .tabs LI.cr-active { width: 13px; background-position: 100% -70px; }
.block .tabs LI.lr { width: 21px; background-position: 0 -280px; }
.block .tabs LI.lr-active { width: 21px; background-position: 0 -210px; }
.block .tabs LI.rl-active { width: 21px; background-position: 0 -245px; }
.block .tabs LI A { color: #949494; text-decoration: none; }
.block .tabs LI A:hover, .block .tabs LI.active A { color: #424242; }
/* common for colored blocks */
.block.bc { padding: 9px 0; }
.block.bc .tl, .block.bc .tr { height: 129px; margin-top: -9px; }
.block.bc .su { top: -9px; }
.block.bc .sd { top: 18px; }
.block.bc .bl, .block.bc .br { height: 158px; position: absolute; bottom: -9px; }
.block.bc .box { min-height: 270px; padding: 10px 10px; top: -9px; background: url(../images/bc-bg.jpg); }
.block.bc .block-all { height: 26px; }
.block.bc .block-all A { width: 90px; text-align: center; }
/* bc (block colored) rg (red-green) */
.block.bc-rg .tl { background: url(../images/bc-rg-t.png) 0 0; }
.block.bc-rg .tr { background: url(../images/bc-rg-t.png) 100% 0; }
.block.bc-rg .su { background: url(../images/bc-rg-u.jpg) 0 0 repeat-x; }
.block.bc-rg .sl { background: #fbf5dc url(../images/bc-rg-c.png) 0 0 repeat-y; }
.block.bc-rg .sr { background: url(../images/bc-rg-c.png) 100% 0 repeat-y; }
.block.bc-rg .bl { left: -10px; background: url(../images/bc-rg-b.png) 0 100%; }
.block.bc-rg .br { right: -10px; background: url(../images/bc-rg-b.png) 100% 100%; }
.block.bc-rg .sd { background: url(../images/bc-rg-d.jpg) 0 100% repeat-x; }
.block.bc-rg .block-all A { background: url(../images/bc-rg-all.jpg) 0 0 no-repeat; }
/* bc rg prev/next navigation */
.block.bc-rg .box { padding: 10px 25px; }
.bc-nav { width: 25px; height: 30px; position: absolute; top: 50%; margin-top: -13px; background: url(../images/bc-rg-nav.png) no-repeat; z-index: 12; }
.bc-nav.prev { left: -1px; background-position: 100% 0; }
.bc-nav.next { right: -1px; background-position: 0 0; }
/* bc gb (green-blue) */
.block.bc-gb .tl { background: url(../images/bc-gb-t.png) 0 0; }
.block.bc-gb .tr { background: url(../images/bc-gb-t.png) 100% 0; }
.block.bc-gb .su { background: url(../images/bc-gb-u.jpg) 0 0 repeat-x; }
.block.bc-gb .sl { background: #fbf3dc url(../images/bc-gb-c.png) 0 0 repeat-y; }
.block.bc-gb .sr { background: url(../images/bc-gb-c.png) 100% 0 repeat-y; }
.block.bc-gb .bl { left: -10px; background: url(../images/bc-gb-b.png) 0 100%; }
.block.bc-gb .br { right: -10px; background: url(../images/bc-gb-b.png) 100% 100%; }
.block.bc-gb .sd { background: url(../images/bc-gb-d.jpg) 0 100% repeat-x; }
.block.bc-gb .block-all A { background: url(../images/bc-gb-all.jpg) 0 0 no-repeat; }
/* common content classes
-------------------------------------------------------------------*/
.info-show { font-size: 11px; color: #7e846a; margin: 0 0 20px; text-align: right; }
.user { padding-left: 14px; background: url(../images/ico.gif) 0 -147px no-repeat; }
.date { color: #909090; }
.count-comments { padding-left: 14px; background: url(../images/ico.gif) 0 -117px no-repeat; }
.path { color: #979483; line-height: 20px; padding: 0 0 15px; margin: 0 0 20px; background: url(../images/dashg.gif) 0 100% repeat-x; }
.path .main { font-size: 18px; }
/* content
-------------------------------------------------------------------*/
.content { margin: 0 0 15px; line-height: 19px }
.content IMG.img-left { float: left; width: auto; margin: 10px 10px 10px 0; }
.content IMG.img-right { float: right; width: auto; margin: 10px 0 10px 10px; }
.content P { margin: 0 0 10px; }
.content UL, OL { margin: 0 0 10px 20px; }
.content UL LI { list-style: disc; }
.content OL LI { list-style: decimal; }
.content DL { margin: 0 0 10px; }
.content DL DT { font-weight: 700; display: inline-block; }
.content DL DD { font-style: italic; color: #777; margin: 0 0 5px 15px; }
/* enter(login) button
-------------------------------------------------------------------*/
.enter { font: 14px/40px Tahoma; color: #fff; height: 56px; }
.enter * { float: left; width: auto; height: 41px; }
.enter .cl { width: 10px; background: url(../images/nav.png) 0 -350px; }
.enter .cr { width: 10px; background: url(../images/nav.png) 100% -395px; }
.enter A { color: #fff; background: #f7307b; }
.enter SPAN { padding: 0 1px; background: #f7307b; }
/* voting
-------------------------------------------------------------------*/
.voting { font: 11px/18px Tahoma; clear: both; height: 18px; margin: 0 0 15px; }
.voting LI { float: left; width: auto; height: 18px; padding-right: 25px; }
.voting LI.plus, .voting LI.total { padding: 0; }
.voting LI .ico { float: left; width: 19px; height: 18px; background: url(../images/ico.png); }
.voting LI.plus .ico { background-position: 0 -40px; }
.voting LI.plus .ico:hover { background-position: 0 0; }
.voting LI.minus .ico { background-position: 0 -60px; }
.voting LI.minus .ico:hover { background-position: 0 -20px; }
.voting.voted LI.plus .ico, .voting.guest LI.plus .ico { background-position: 0 -40px !important; cursor: default; }
.voting.voted LI.minus .ico, .voting.guest LI.minus .ico { background-position: 0 -60px !important; cursor: default; }
.voting.plus LI.plus .ico { background-position: 0 0 !important; }
.voting.minus LI.minus .ico { background-position: 0 -20px !important; }
.voting LI.total { color: #a7a7a7; padding: 0 3px; }
.voting LI.total A { color: #a7a7a7; text-decoration: none; }
.voting.positive LI.total { color: #97c000 !important; }
.voting.negative LI.total { color: #ee0058 !important; }
.voting .user { color: #ee0058; }
/* paging
-------------------------------------------------------------------*/
.yiiPager { height: 23px; }
.intopic .yiiPager { padding-bottom: 20px; }
.yiiPager LI { color: #41c1dd; float: left; width: auto; padding: 0 10px; line-height: 22px; }
.yiiPager LI * { float: left; width: auto; height: 23px; }
.yiiPager LI DIV { color: #fff; background: #bcdbe2; }
.yiiPager LI DIV.cl { width: 10px; background: url(../images/nav.png) 0 -300px; }
.yiiPager LI DIV.cr { width: 10px; background: url(../images/nav.png) 100% -325px; }
.yiiPager LI.active DIV.cl { background-position: 0 -250px; }
.yiiPager LI.active DIV.cr { background-position: 100% -275px; }
.yiiPager LI.active A { color: #fff; background: #41c1dd; }
.yiiPager LI.current DIV { background: #41c1dd; }
.yiiPager LI.current DIV.cl { background: url(../images/nav.png) 0 -200px; }
.yiiPager LI.current DIV.cr { background: url(../images/nav.png) 100% -225px; }
/* button (a.btn & BUTTON.btn) 22px green
-------------------------------------------------------------------*/
.btn { color: #fff; padding: 0 1px 1px 0; margin: 0; background: none; border: none; }
.btn * { font: 12px/22px Verdana; color: #fff; height: 22px; display: inline-block; vertical-align: middle; }
.btn .cl { width: 10px; background: url(../images/nav.png) 0 -100px; }
.btn .cr { width: 10px; background: url(../images/nav.png) 100% -125px; }
.btn SPAN { width: auto; padding: 0 3px; margin: 0; background: #9cbf1b; cursor: pointer; }
A.btn SPAN { text-decoration: underline; }
A.btn:hover SPAN { text-decoration: none; }
/* for Gecko 1.0+ */
html:not([xmlns*=""]) BUTTON.btn:active { position: relative; left: 1px; top: 1px; } /* push effect */
html:not([xmlns*=""]) BUTTON.btn .cl { position: relative; left: -3px; }
html:not([xmlns*=""]) BUTTON.btn .cl { position: relative; right: -3px; }
html:not([xmlns*=""]) BUTTON.btn SPAN { margin: 0 -3px; }
/* editor
-------------------------------------------------------------------*/
.ls-area { padding: 0 0 0 3px; margin: 0 0 10px; background: #fff; border: 1px solid #dcdfe6; zoom: 1; }
.ls-area TEXTAREA { color: #000; width: 100%; padding: 2px 0; margin: 0; display: block; vertical-align: top; background: none; border: none; }
.ls-editor { padding: 6px 6px 0 6px; background: #eaecea; border: 1px solid #dcdfe6; border-bottom: none; }
.ls-editor .ls-panel { float: left; height: 26px; white-space: nowrap; }
.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 #eaecea; cursor: pointer; }
.ls-editor .ls-panel A:hover { border: 1px solid #aaadb2; }
.ls-editor .ls-panel EM { width: 1px; background: #dcdfe6; }
.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-link { background-position: -200px 0; }
.ls-editor A.ls-panel-quote { background-position: -220px 0; }
.ls-editor A.ls-panel-code { 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-user { background-position: -300px 0; }
.ls-editor A.ls-panel-cut { background-position: -320px 0; }
/* notices
-------------------------------------------------------------------*/
.notice { color: #676767; }
.notice STRONG { color: #e50355; }
/* form controls
-------------------------------------------------------------------*/
LABEL { color: #333; display: block; margin: 0 0 5px; }
LABEL STRONG { color: #e50355; }
/*INPUT, SELECT { color: #000; margin: 0; padding: 2px 3px; background: #fff; border: 1px solid #dcdfe6; border-top-color: #aaadb2; }*/
FORM P { margin: 0 0 20px; }
.calendar-btn { width: 23px; height: 23px; display: inline-block; background: url(../images/ico.png) 0 -80px; vertical-align: top; position: relative; top: -1px; }
/* input type=file stylize
-------------------------------------------------------------------*/
.ls-file { width: 100%; height: 24px; padding: 0; position: relative; overflow: hidden; }
.ls-file DIV { height: 24px; line-height: 22px; }
.ls-file DIV .filename { display: inline-block; vertical-align: top; line-height: 24px; }
.ls-file INPUT { font-size: 1000pt !important; width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; filter: alpha(opacity: 0); opacity: 0; cursor: pointer; }
/* slider
-------------------------------------------------------------------*/
.slider { padding: 0 11px; position: relative; overflow: hidden; }
.slider DIV { width: 100%; position: relative; overflow: hidden; }
.slider UL { position: relative; }
.block.bw .slider { margin: 0 -10px; }
.slider-nav { width: 11px; height: 21px; position: absolute; top: 50%; margin-top: -11px; background: url(../images/slider-nav.png); }
.slider-nav.slide-prev { left: 0; background-position: 0 -21px; }
.slider-nav.slide-prev:hover { background-position: 0 0; }
.slider-nav.slide-next { right: 0; background-position: 100% -21px; }
.slider-nav.slide-next:hover { background-position: 100% 0; }
.slider LI { float: left; padding: 5px; }
/* block topics
-------------------------------------------------------------------*/
.topic { margin: 0 0 20px; background: url(../images/dashg.gif) 0 100% repeat-x; }
/* comments
-------------------------------------------------------------------*/
.comment { margin: 0 0 20px; background: url(../images/dashg.gif) 0 100% repeat-x; }
.comment .wrapper { min-height: 50px; padding-left: 60px; position: relative; zoom: 1; }
.comment .avatar { position: absolute; top: 0; left: 0; }
.comment .avatar IMG { border: 1px solid #d9d8d5; }
.comment .voting LI.plus, .comment .voting LI.minus, .comment .voting LI.total { float: right; width: auto; }
.comment .voting .user { padding: 0; background: none; }
.comments-header { margin: 0 0 20px; }
/* user profile
-------------------------------------------------------------------*/
.user-profile .wrapper { padding-left: 117px; margin: 0 0 10px; position: relative; zoom: 1; }
.user-profile .avatar { position: absolute; top: 0; left: 0; }
.user-profile .avatar IMG { border: 1px solid #d9d8d5; }
.user-profile .user-nick { color: #776e45; display: block; margin: 0 0 10px; }
.user-profile .voting { clear: none; }
.user-profile .vars { clear: both; }
.user-profile .vars DT { color: #747474; float: left; width: auto; padding-right: 5px; }
.user-profile .vars DD { color: #333; clear: right; }
.user-profile .vars DD A { color: #333; text-decoration: none; }
.user-profile .vars DD A:hover { text-decoration: underline; }
/* edit profile */
.user-profile FIELDSET { padding: 25px 25px 0 0; }
.user-profile FIELDSET.part1 { float: left; width: 350px; }
.user-profile FIELDSET.part3 { clear: both; }
.user-profile FORM .avatar { height: 102px; padding: 0 0 8px; margin: 0 0 15px; position: static; border-bottom: 1px solid #c4c7c8; }
.user-profile .txt { width: 160px; margin-right: 15px; }
.user-profile SELECT.txt { width: 168px; }
.user-profile .floating { float: left; width: auto; }
/* recepti
-------------------------------------------------------------------*/
.recepti .search { padding: 5px 70px 0 0; position: relative; }
.recepti .search DIV DIV { position: absolute; top: 5px; right: 0; }
.recepti .search INPUT { width: 97%; }
.recepti .rubrics LI { font: 14px/25px Verdana; display: inline; padding-right: 15px; }
.recepti .rubrics LI A { color: #00789a; }
.recept-list LI { float: left; width: 47%; overflow: hidden; }
.recept-list LI.even { float: right; width: 47%; }
.recept-list LI.clear { float: none; width: 100%; clear: both; }
.recept-list .title { margin: 0 0 10px; }
.recept-list .title A { color: #f6005d; }
.recept-list .title IMG { display: block; margin: 0 0 10px; border: 1px solid #e5003f; }
.recept-list P { font: 11px/13px Verdana; color: #615e5f; }
.recept-list.popular { padding: 0 35px; }
.recept-list.popular LI { padding: 10px 0 0; }
.block.bc .recept-list-transp { width: 100%; height: 59px; position: absolute; bottom: 0; left: 0; background: url(../images/transp.png) repeat-x; z-index: 11; }
#newrbox { width: 100%; height: 260px; position: relative; overflow: hidden; }
#newrbox .recept-list { height: 260px; position: relative; }
#newrbox .recept-list LI { width: 180px; padding: 0 5px; }
/* block competition intro
-------------------------------------------------------------------*/
.competition-intro LI { float: left; width: 47%; overflow: hidden; }
.competition-intro LI IMG { display: block; margin: 0 auto; }
.competition-intro LI.text { float: right; width: 47%; }
.competition-intro .title { margin: 0 0 10px; }
.competition-intro .title A { font-size: 14px; color: #f6005d; }
/* users
-------------------------------------------------------------------*/
.users .slider { height: 90px; }
.users .slider LI { width: 90px; text-align: center; overflow: hidden; }
.users .slider LI IMG { margin: 0 auto; display: block; border: 1px solid #d9d8d5; }
.users .slider LI A { display: block; text-decoration: none; }
.users .slider LI A:hover { text-decoration: underline; }
.users .slider LI .rating { font-size: 10px; line-height: 10px; color: #989898; }
/* block blogs
-------------------------------------------------------------------*/
.block.blogs P { color: #383838; float: right; width: auto; }
.block.blogs LI { color: #383838; line-height: 16px; text-align: right; clear: both; padding: 0 0 10px; }
.block.blogs LI A { color: #ee0058; float: left; width: auto; padding-left: 25px; background: url(../images/blog-ava.gif) 0 0 no-repeat; }
/* block calcs
-------------------------------------------------------------------*/
.calcs { width: 100%; overflow: hidden; }
.calcs UL { width: 125%; }
.calcs LI { float: left; width: 40%; padding: 0 0 10px; text-align: center; }
.calcs.inline LI { width: 20%; }
.calcs A { font: 11px/14px Verdana; color: #f6005d; text-decoration: none; display: block; padding: 80px 0 0; }
.calcs SPAN { display: inline-block; background: url(../images/dashr.gif) 0 13px repeat-x; cursor: pointer; }
.calcs A:hover SPAN { background-position: 0 -1000px; }
.calcs A.weight { background: url(../images/calc/weight.png) 50% 0 no-repeat; }
.calcs A.fat { background: url(../images/calc/fat.png) 50% 0 no-repeat; }
.calcs A.index { background: url(../images/calc/index.png) 50% 0 no-repeat; }
.calcs A.calorie { background: url(../images/calc/calorie.png) 50% 0 no-repeat; }
/* block stream
-------------------------------------------------------------------*/
.stream LI { color: #a2a2a2; padding: 0 0 15px 14px; }
.stream .user { color: #62592e; margin-left: -14px; background-position: 0 -87px; zoom: 1; }
.stream .count-comments { color: #ed044f; }
/* panel
-------------------------------------------------------------------*/
.panel { height: 26px; margin: 0 0 15px; }
.panel * { float: left; width: auto; height: 26px; line-height: 26px; }
.panel .cl { width: 10px; background: url(../images/nav.png) 0 -40px; }
.panel .cr { width: 10px; background: url(../images/nav.png) 100% -70px; }
.panel UL { background: #9cbf1b; }
.panel LI { padding: 0 5px; }
.panel A { font-size: 11px; color: #fff; text-decoration: none; }
.panel .rating { padding-left: 14px; background: url(../images/ico.gif) 0 6px no-repeat;}
.panel .count-comments { background-position: 0 -23px; }
/* block tags
-------------------------------------------------------------------*/
.block.tags UL { text-align: center; }
.block.tags UL LI { display: inline; margin-right: 5px; line-height: 22px; }
.block.tags UL LI A { color: #8b8b8b; text-decoration: none; font-size: 18px; }
.block.tags UL LI A:hover { color: #fff; background: #777; }
/* block photos
-------------------------------------------------------------------*/
.photos .slider { height: 85px; }
/* top banner
-------------------------------------------------------------------*/
#top { height: 182px; margin: 0 0 16px; background: #fff url(../images/top.jpg) 100% 0 no-repeat; }
#top LI { float: left; width: 270px; height: 182px; overflow: hidden; }
#top LI.cl { width: 10px; background: url(../images/top-cl.png); }
.welcome { font: 18px/30px Tahoma; color: #fff; height: 46px; padding: 15px 0 0; }
.welcome * { float: left; width: auto; height: 31px; }
.welcome .cl { width: 10px; background: url(../images/nav.png) 0 -530px; }
.welcome .cr { width: 10px; background: url(../images/nav.png) 100% -565px; }
.welcome SPAN { padding: 0 1px; background: #b7d357; }
#top .enter { font: 12px/40px Tahoma; padding: 10px 0 0; }
#top .enter A { font-size: 18px; padding: 0 3px; }
#top DL { color: #92a33a; padding-left: 16px; }
#top DT { font-size: 11px; color: #777d4c; padding: 0 0 8px; }
#top DD A { font-style: italic; color: #92a33a; text-decoration: none; }
#top DD A:hover { text-decoration: underline; }
/* block white in top */
.block.white { padding: 9px 0 0; }
.block.white .tl { height: 9px; margin-top: -9px; background: url(../images/nav.png) 0 -600px; }
.block.white .tr { height: 9px; margin-top: -9px; background: url(../images/nav.png) 100% -610px; }
.block.white .wrap { height: 150px; padding: 0 9px; background: #fff; }
.block.white .box { top: -9px; padding: 16px 16px 0; background: #fff; }
/* bottom 4 columns
-------------------------------------------------------------------*/
#bottom { width: 100%; overflow: hidden; }
#bottom .columns { width: 250%; }
#bottom .col { float: left; width: 20%; }
#bottom .wrap-advert { padding-right: 224px; }
#bottom .col.blogs { width: 200px; margin-left: -208px; }
#bottom .tags { padding: 0 266px 0 8px; }
#bottom .col.wrap-banner { width: 250px; margin-left: -250px; }
/* footer
-------------------------------------------------------------------*/
#footer Dl { float: left; width: 230px; padding: 20px 0 0 16px; }
#footer DT { font: 14px/18px Tahoma; color: #252525; padding: 0 0 10px; }
#footer DD { line-height: 18px; }
#footer A.red { color: #f6005d; }
#footer .copyright { float: right; width: 420px; }
#footer .copyright P { color: #666; text-align: right; }
#footer .copyright P A { color: #666; text-decoration: none; }
#footer .copyright P A:hover { text-decoration: underline; }
#footer .enter { font: 12px/40px Tahoma; color: #fff; padding: 20px 0 0; height: 50px; }
#footer .enter * { float: right; width: auto; height: 41px; }
#footer .enter .cl { width: 10px; background: url(../images/nav.png) 0 -440px; }
#footer .enter .cr { width: 10px; background: url(../images/nav.png) 100% -485px; }
#footer .enter A { font-size: 18px; color: #fff; padding: 0 5px; background: #9b9781; }
#footer .enter SPAN { background: #9b9781; }
#footer .counters { padding: 15px 0 0; }
#footer .counters IMG { float: right; width: 88px; height: 31px; margin-left: 10px; }
INPUT[type=text],INPUT[type=password], SELECT, TEXTAREA { color: #000; margin: 0; border: 1px solid #dcdfe6; }
INPUT, TEXTAREA { padding: 5px 3px; }
SELECT { padding: 4px 3px; }
.nodata {text-align: center; font-size: 1.5em; padding-top: 20px; color: #999;}
.iBox {
padding: 10px;
position: fixed;
right: 5px;
top: 5px;
z-index: 9999;
opacity: 1;
font-size: 14px;
-moz-border-radius: 4px; -webkit-border-radius: 4px;
border: none;
min-width: 300px;
}
.Box p {
padding: 0px;
margin: 0px;
}
.iSuccess {
color: #fffff0;
background-color: #32cd32;
border-color: green;
}
.iSuccess h4 {
color: white;
font-size: 1.3em;
margin: 5px 0;
}
.iError {
color: #ffe4e1;
background-color: red;
border-color: black;
}
.iError h4 {
color: white;
font-size: 1.3em;
margin: 5px 0;
}
.iInformer {
padding: 5px;
margin: 2px 0;
}
.iInformer .closeBtn {
margin: 0 5px;
padding: 0 4px;
text-decoration: none;
border: 1px solid #666;
color: #333;
background-color: #dcdcdc;
}
#debug { padding: 7px; position: fixed; left: 5px; top: 5px; z-index: 10001; opacity: 0.8; font-size: 13px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: black; background-color: #adff2f; }
.ui-datepicker-trigger {
margin-left: 5px;
cursor: pointer;
}
.ui-datepicker-calendar {
z-index: 90;
}
.articleEdit a {
color: #1e90ff;
background: url(../images/edit.gif) no-repeat 0px 0px;
padding-left: 15px;
text-decoration: none;
}
.articleDelete a {
color: red;
background: url(../images/delete.gif) no-repeat 0px 0px;
padding-left: 15px;
text-decoration: none;
}
.articleEdit a:hover, .articleDelete a:hover {
text-decoration: underline;
}
#bloginfobox, #otherblogsbox, #othercatbox {
padding: 10px;
}
.panel_menu {
padding: 0px 0 10px 0;
}
.panel_menu li {
display: inline;
}
.panel_menu li.articleEdit a, .panel_menu li.articleDelete a {
font-size: 0.8em;
margin-right: 5px;
}
.content img {
margin-right: 10px;
}
.lbl_tags {
margin-bottom: 20px;
padding-left: 20px;
font-style: italic;
background: url(../images/page_tag_blue.gif) no-repeat 0px 0px;
}
.lbl_tags a {
color: #9cbf1b;
}
.inline li {
display: inline;
margin-right: 5px;
}
.adminbox li {
line-height: 20px;
list-style: disc inside;
}
.content ol, .content ul, .inglist {
padding: 0px 0px 10px 20px;
margin: 0px;
}
.content ol li, .content ul li, .inglist li, ul.interval li {
line-height: 20px;
}
.content ol li, .inglist li, ul.interval li {
list-style: decimal-leading-zero inside;
}
.recipe_table {
width:150px;
float: right;
border-color: #dcdcdc;
border: 3px solid #9acd32;
margin-left: 10px;
}
.recipe_table td, .recipe_table th {
padding:5px;
}
.recipe_table th {
color: #9acd32;
}
.recipe_table td.rval {
font-style: italic;
}
#otherblogsbox ul li, #othercatbox ul li {
display: inline;
margin-right: 15px;
}
#otherblogsbox ul li a, #othercatbox ul li a {
color: #ff69b4;
}
dl.bott dd {
padding: 2px 0;
}
/*.markItUpEditor {
height: 100px;
}*/
.letter LI { font: 18px/29px Verdana; display: inline; padding-right: 15px; }
.letter LI A { color: #00789a; }
.userlist {
width:100%;
}
.userlist td {
padding: 5px;
}
.userlist tr.header td {
color: #ff4500;
font-size: 17px;
}
#newSubMenu {
position: relative;
top: 25px; left: -60px;
}
ul.simplelist {margin-left: 20px;}
ul.simplelist li {list-style-type: disc; list-style-position: outside; padding: 2px 5px;}
.diet_date {color: white; font-size: 11px;}
div.content u.dev {
color: #1e90ff;
background: url(../images/bullet_blue.png) no-repeat -4px 0px;
padding-left: 15px;
text-decoration: none;
}
dl.guest_blogs > dd
{
padding-bottom: 10px;
background: url(../images/bullet_blue.png) no-repeat -4px 1px;
}
dl.guest_blogs > dd > a
{
margin-left: 18px;
font-size: 14px;
}
dl.guest_blogs > dd > a:hover
{
text-decoration: none;
}
.guest_bulleted
{
margin: 0px;
padding: 0px;
}
.guest_bulleted a
{
color: #777;
}
div.main_title {display: none;}
h1.bot_title {font-size: 14px; font-weight: normal; padding: 0; margin: 0;}
table.standard
{
border-collapse: collapse;
}
table.standard td, table.standard th
{
border: 1px solid #CCC;
padding: 5px;
}
table.standard th
{
background-color: #EFEFEF;
}
.forum_container {width: 100%; font-size: 11px;}
.forum_container td, .forum_container th { padding: 2px 10px; }
.forum_container td { border-top: 3px solid white; background-color: #eaf6c6; padding: 0px 10px; padding-right: 0; }
.forum_container td h4 {}
.forum_container td h4 a {color: #0066cc;}
.forum_container th {padding: 0 10px; background-color: #51c5e4; font-size: 10px; color: #fff; border-bottom: 9px solid white; }
.forum_odd td {background: aliceblue;}
.forum_pages { float: right; padding-right: 0px; font-size: 10px; }
.forum_pages a { padding: 0px 3px; border: 1px solid #cad89e; background-color: #d5e4a7; text-decoration: none; color: #717e4b; }
.forum_pages a:hover { color: azure; border: 1px solid #00acdc; background-color: #00acdc; }
.forumtable {}
.forumtable td {border: 1px dotted #ccc; vertical-align: top; font: 12px/19px Tahoma;}
.forumbox td {padding: 5px;}
.forum { font: 11px/18px Tahoma; height: 18px; margin: 5px 0 5px; }
.forum LI { float: left; width: auto; height: 18px; padding-right: 25px; }
.content blockquote {padding: 10px; margin-bottom: 10px; border: 1px solid gold; background-color: ivory;}
.forum_item { padding: 5px; border-bottom: 1px solid #EFEFEF; }
.forum_item h2 { font: 15px Tahoma; margin: 2px 0; }
a.forum_title { color: #00789a; }
.contrast {color: #555;}
/* Форум */
.forum-box-header {padding: 3px; background-color: #00acdc;}
/**
* CSS styles for forms generated by yiic.
*
* The styles can be applied to the following form structure:
*
*
*
* The above code will render the labels and input fields in separate lines.
* In order to render them in the same line, please use the "wide" form as follows,
*
*
* ......
*
*
* @author Qiang Xue
* @link http://www.yiiframework.com/
* @copyright Copyright © 2008-2010 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
div.form
{
margin: 0;
}
div.form input,
div.form textarea,
div.form select
{
margin: 0.2em 0 0.5em 0;
}
input[type=text],input[type=password] {
/* border: 1px solid gray;*/
}
div.form fieldset
{
border: 1px solid #DDD;
padding: 10px;
margin: 0 0 10px 0;
-moz-border-radius:7px;
}
div.form label
{
font-weight: bold;
font-size: 0.9em;
display: block;
}
div.form .row
{
margin: 5px 0;
}
div.form .hint
{
margin: 0;
padding: 0;
color: #999;
}
div.form .note
{
font-style: italic;
}
div.form span.required
{
color: red;
}
div.form label.error,
div.form span.error
{
color: #C00;
}
div.form input.error,
div.form textarea.error,
div.form select.error
{
background: #FEE;
border-color: #C00;
}
div.form .errorSummary
{
border: 2px solid #C00;
padding: 7px 7px 12px 7px;
margin: 0 0 20px 0;
background: #FEE;
font-size: 0.9em;
}
div.form .errorMessage
{
color: red;
font-size: 0.9em;
}
div.form .errorSummary p
{
margin: 0;
padding: 5px;
font-size: 1.3em;
color: red;
}
div.form .errorSummary ul
{
margin: 0;
padding: 0 0 0 20px;
}
div.wide form label
{
float: left;
margin-right: 10px;
position: relative;
text-align: right;
width: 100px;
}
div.wide form .row
{
clear: left;
}
div.wide form .buttons
{
clear: left;
padding-left: 110px;
}
div.wide form .errorMessage
{
margin: 0 0 0 110px;
}
div.form .rememberMe label
{
display: inline;
margin: 10px 0;
}
.ui-widget select {padding: 0px;}
iframe html, iframe body {
margin: 0;
padding: 0;
border: 0;
font-size: 100.1%;
z-index: 0;
}
a.tiz-link {font-size: 13px; font-weight: bold; display: block; margin-bottom: 3px;}