/* 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; } ul, ol { list-style: none; } img { border: none; } :focus, :active { outline: none; } /* Body -------------------------------------------------------------------*/ HTML, BODY { height: 100%; } BODY { font: 12px/18px Tahoma, Verdana, Serif; color: #000; background: #f7f7f7 url(../images/lbg.gif) repeat-y; } /* content headers */ H1, H2 { font: normal 24px/30px Georgia; color: #393939; margin: 0 0 5px; } /* sidebar headers */ H3 { font: normal 24px/30px Georgia; color: #2f2f2f; margin: 0 0 5px; } /* user headers */ H4 { font: normal 21px/24px Georgia; color: #393939; margin: 0 0 5px; } H5 { font: normal 18px/21px Georgia; color: #393939; margin: 0 0 5px; } H6 { font: bold 16px/18px Georgia; color: #393939; margin: 0 0 5px; } A { color: #007fba; text-decoration: underline; } A:hover { text-decoration: none; } H1 SPAN, H2 SPAN, { color: #007fba; } H3 SPAN { color: #3197c6; } .ico { width: 18px; height: 18px; display: inline-block; position: relative; background: url(../images/icons.png); } .ico.ml { margin-left: 3px; } .ico.mr { margin-right: 3px; } .ico.rarr { background-position: -140px -36px; vertical-align: top; top: 6px; margin: 0 3px; } .with-ico A, .with-ico A:hover SPAN { text-decoration: none; } .with-ico A SPAN { text-decoration: underline; } .hidden { display: none; } .center { text-align: center; } .clear { clear: both; } .clrfix { height: 1%; } .clrfix:after { height: 0; content: '.'; display: block; clear: both; visibility: hidden; } /* Generic Blocks -------------------------------------------------------------------*/ #container { min-width: 1000px; } #header { height: 180px; padding: 10px 10px 0 0; position: relative; overflow: hidden; } #wrapper { padding: 0 40px 0 0; margin: 0 0 30px; overflow: hidden; } #content { float: left; clear: left; width: 67%; } #content .inner { padding: 0 0 0 45px; } #sidebar { float: left; width: 31%; margin-left: 2%; } #footer { clear: both; padding: 20px 20px 10px 45px; color: #999; overflow: hidden; } .update-hide { padding: 0 10px 0 0 !important; } .hr-blue { font-size: 0; height: 1px; margin: 0 20px 15px 0; background: #00a1dd; } /* Forms -------------------------------------------------------------------*/ label { margin-bottom: 2px; } form p { margin-bottom: 20px; } form .note { float: right; font-size: 11px; } form .buttons { overflow: hidden; } form .right { float: right; font-size: 18px; font-family: Tahoma; color: #333; padding: 5px; } textarea { width: 99%; height: 200px; margin-bottom: 5px; } textarea.small { width: 300px; height: 70px; margin-bottom: 5px; } select { width: 99%; } .w50 { width: 50px; } .w70 { width: 70px; } .w100 { width: 100px; } .w200 { width: 200px; } .w300 { width: 300px; } .w100p { width: 99%; } .radio { position: relative; top: 2px; } .checkbox { position: relative; top: 2px; margin-left: 0; } .form-tags { padding: 10px; background: #fafafa; color: #999; } .form-tags input { width: 99%; } .form_note { font-size: 11px; color: #aaa; } /* Header -------------------------------------------------------------------*/ #logo { font: bold 11px/12px Arial; color: #a1a1a1; width: 220px; height: 120px; position: absolute; top: 58px; left: 80px; background: url(../images/logo3.jpg); } /* navigation */ #nav { float: right; width: auto; } /* main menu */ #menu { font: 12px/46px Tahoma; float: right; width: auto; height: 46px; } #menu LI { float: left; width: auto; height: 46px; } #menu LI.bgl { width: 5px; background: #5c6c74 url(../images/bg.png) 0 -118px; } #menu LI.bgr { width: 5px; background: #fff url(../images/bg.png) -15px -118px; } #menu LI.gray { padding: 0 5px; position: relative; background: #5c6c74; } #menu LI.gray.cr { padding-left: 10px; } #menu LI.gray A { color: #fff; } #menu LI.gray SUP { font-size: 9px; color: #beff24; line-height: 36px; } #menu LI.white { width: 90px; height: 40px; padding: 6px 0 0; line-height: 34px; background: #fff; text-align: center; } #menu LI.white.cr { width: 85px; } #menu LI.white A { color: #556f79; float: left; width: 100%; height: 34px; text-transform: uppercase; text-decoration: none; } #menu LI.white A:hover { color: #8bb900; } #menu LI.white A * { height: 34px; display: inline-block; vertical-align: middle; } #menu LI.white A B, #menu LI.white A I { width: 5px; } #menu LI.white A SPAN { padding: 0 5px; } #menu LI.white.active A { color: #fff !important; } #menu LI.white.active A * { background: #90c000 url(../images/bg.png) 0 -322px repeat-x; } #menu LI.white.active A B { background-position: 0 -286px; } #menu LI.white.active A I { background-position: -15px -286px; } /* main sub-menu */ #menu DL { font: 11px/20px Verdana; width: 100%; position: absolute; top: 46px; left: 0; } #menu DL DD { font-size: 0; height: 4px; margin: 0 5px; background: #7d8a91 url(../images/mbg.png) 50% 0 no-repeat; } #menu DL DT { height: 20px; margin: 0 5px; background: #7d8a91; } #menu DL DT.first { background: #7d8a91 url(../images/mbg.png) 50% -4px no-repeat; } #menu DL DT.last { font-size: 0; height: 4px; } #menu DL DT A { padding: 0 0 0 10px; } #menu DL DT SPAN { color: #bcff1b; } #menu DL DT.active { background: #90c000; } #menu DL DT.active A { text-decoration: none !important; } #menu DL DT.active SPAN { color: #fff; } #menu DL .bl, #menu DL .br { font-size: 0; height: 4px; background: url(../images/bg.png) 0 -362px; } #menu DL .bl { float: left; width: 4px; } #menu DL .br { float: right; width: 4px; background-position: -16px -362px; } /* left bar icons */ #bar { width: 35px; height: 120px; position: absolute; top: 60px; left: 0; } #bar LI { float: left; width: 35px; height: 34px; padding: 0 0 6px; } #bar LI .ico { float: left; width: 35px; height: 34px; } #bar LI.home .ico { background-position: 0 0; } #bar LI.search { position: relative; } #bar LI.search .ico { background-position: -35px 0; } #bar LI.map .ico { background-position: -70px 0; } /* search form */ #search { font-size: 11px; width: 290px; height: 34px; position: absolute; top: 0; left: -255px; background: #e9e9e9; } #search FORM { float: left; width: 215px; height: 34px; padding: 0 0 0 40px; } #search DIV { float: left; width: auto; height: 27px; padding: 7px 7px 0 0; } #search INPUT { font-size: 11px; color: #000; width: 136px; height: 16px; padding: 2px 4px; margin: 0; background: #fff; border: none; } #search BUTTON { font-size: 11px; color: #fff; width: 55px; height: 20px; line-height: 20px; padding: 0; margin: 0; background: #8bb900; border: none; } /* user profile */ #profile { font: 10px/13px Verdana; float: right; width: auto; height: 58px; padding: 10px 0 0; } #profile LI { float: left; width: 72px; height: 58px; background: #deb302 url(../images/bg.png) 0 -59px repeat-x; } #profile LI.bgl { width: 5px; background-position: 0 0; } #profile LI.bgr { width: 5px; background-position: -15px 0; } #profile LI.cr { width: 67px; } #profile LI A { color: #fff; float: left; width: 100%; height: 60px; padding: 6px 0 0; text-align: center; background: url(../images/profile-vr.png) 100% 0 no-repeat; } #profile LI.user A { height: 55px; padding: 11px 0 0; } #profile LI.user A IMG { display: block; width: 24px; height: 24px; margin: 0 auto 4px; } #profile LI A EM { width: 34px; height: 33px; display: block; margin: 0 auto; background: url(../images/profile.png); } #profile LI.write A EM { background-position: 0 0; } #profile LI.messages A { position: relative; } #profile LI.messages A EM { background-position: -34px 0; } #profile LI.messages A STRONG { padding: 0 1px; position: absolute; top: 28px; right: 10px; background: #ac8a00; } #profile LI.settings A EM { background-position: -68px 0; } #profile LI.exit A, #profile LI.reg A { background: none; } #profile LI.exit A EM { background-position: -102px 0; } #profile LI.reg { width: 260px; padding: 0 45px; line-height: 58px; } #profile LI.reg A { font-size: 14px; width: auto; padding: 0 10px; } #profile LI.reg SPAN { float: left; width: auto; } /* navigation of page*/ .menu { font-size: 11px; height: 30px; margin: 0 0 15px; } .menu H1 { float: left; width: auto; margin: 0; } .menu UL { float: left; width: auto; height: 20px; padding: 5px 10px 0; } .menu UL * { float: left; width: auto; height: 20px; } .menu UL LI { line-height: 18px; padding: 0 5px; } .menu UL LI I, .menu UL LI B { width: 10px; } .menu UL LI.active I { background: url(../images/bg.png) 0 -243px; } .menu UL LI.active B { background: url(../images/bg.png) -10px -243px; } .menu UL LI.active A { color: #fff; text-decoration: none; background: url(../images/bg.png) 0 -264px repeat-x; } .menu .sub-title { font: 18px/30px Georgia; } .nav { font-size: 11px; height: 17px; margin: 0 0 15px; } .nav * { float: left; width: auto; height: 17px; } .nav LI { line-height: 17px; padding: 0 10px 0 0; } /*.nav LI I, .nav LI B { width: 10px; }*/ .nav LI.active I { width: 10px; background: url(../images/bg.png) 0 -207px; } .nav LI.active B { width: 10px; background: url(../images/bg.png) -10px -207px; } .nav LI.active A { color: #fff; text-decoration: none; background: url(../images/bg.png) 0 -225px repeat-x; } /* topic -------------------------------------------------------------------*/ .topic { margin: 0 0 30px; position: relative; } /* title */ .topic .blogurl { color: #393939; text-decoration: none; } .topic .blogurl:hover { color: #007fba; } /* favorite icon */ .topic .favorite { position: absolute; top: 0; left: -45px; } .topic .favorite .ico, .topic .favorite.fav-guest .ico:hover { width: 35px; height: 34px; background-position: -105px 0; } .topic .favorite .ico:hover, .topic .favorite.active .ico { background-position: -141px 0; } /* actions */ .topic .action { font-size: 11px; height: 18px; overflow: hidden; margin: 0 0 20px; } .topic .action LI { float: left; width: auto; line-height: 18px; padding: 0 20px 0 0; } .topic .action LI A { float: left; width: auto; height: 18px; text-decoration: none; } .topic .action LI A * { float: left; width: auto; height: 18px; } .topic .action LI A:hover SPAN { text-decoration: underline; } .topic .action LI.edit { color: #70aae0; } .topic .action LI.edit A .ico { width: 16px; background: url(../images/edit.gif) no-repeat center center; } .topic .action LI.delete A { color: #f00; } .topic .action LI.delete A .ico { width: 16px; background: url(../images/delete.gif) no-repeat center center; } /* tags of topic */ .topic .tags { clear: both; padding: 0 0 0 13px; background: url(../images/icon-tag.gif) no-repeat 0 8px; } .topic .tags LI { font-size: 11px; line-height: 14px; color: #838383; display: inline; } .topic .tags LI A { color: #3197c6; text-decoration: none; } .topic .tags LI A:hover { color: #fff; background: #777; } /* vote block */ .topic .voting { font-size: 10px; height: 38px; padding: 10px 0 0; border-bottom: 1px dotted #636363; } .topic .voting LI { color: #424242; float: left; width: auto; line-height: 18px; padding: 0 15px 0 0; } .topic .voting LI * { float: left; width: auto; height: 18px; } .topic .voting LI .ico { width: 18px; } .topic .voting LI.date .ico { background-position: 0 -36px; } .topic .voting LI.author .ico { background-position: -20px -36px; } .topic .voting LI.comments-total .ico { background-position: -40px -36px; } .topic .voting LI.comments-total STRONG { color: #82ba01; } .topic .voting LI.minus { padding: 0; } .topic .voting LI.total { padding: 0 5px; color: #000; } .topic .voting LI.total A { color: #000; text-decoration: none; } .topic .voting LI.minus A { background-position: -60px -36px; } .topic .voting LI.minus A:hover { background-position: -100px -36px; } .topic .voting LI.plus A { background-position: -80px -36px; } .topic .voting LI.plus A:hover { background-position: -120px -36px; } .topic .voting.voted LI.minus .ico, .topic .voting.guest LI.minus .ico { background-position: -60px -36px !important; cursor: default; } .topic .voting.voted LI.plus .ico, .topic .voting.guest LI.plus .ico { background-position: -80px -36px !important; cursor: default; } .topic .voting.minus LI.minus .ico { background-position: -100px -36px !important; } .topic .voting.plus LI.plus .ico { background-position: -120px -36px !important; } .topic .voting.negative .total { color: #f00 !important; } .topic .voting LI.link .ico { background: url(../images/link_url.gif) 4px 50% no-repeat; } /* generic style of topic */ .topic .content { font: 16px/24px Georgia, Times; padding: 0 30px 0 0; margin: 0 0 15px; } .topic .content IMG { padding: 5px; margin: 5px; background: #eaede7; border: 1px solid #c6c9bb; } .topic .content P { margin-bottom: 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: #555; } .topic .content BLOCKQUOTE { font-style: italic; padding: 5px 10px; background: #f8f8f8; } .topic .content PRE, .comment .content PRE { overflow: auto; width: 95%; padding: 5px 2%; margin-bottom: 10px; background: #f8f8f8 url(../images/code.gif); border: 1px solid #dce6f0; clear: both; } .comment .content BLOCKQUOTE { font-style: italic; padding: 5px 10px; background: #fff; border: 1px solid #ddd;} /* Talk -------------------------------------------------------------------*/ /* Add to Favorite Icon */ .talk .favorite { position: absolute; top: 7px; left: 10px; } .talk .favorite a { background: url(../images/icons.gif) no-repeat scroll 0 -40px; display: block; height: 16px; width: 20px; } .talk .favorite a:hover { background: url(../images/icons.gif) no-repeat scroll -20px -40px; } .talk .favorite.active a { background: url(../images/icons.gif) no-repeat scroll -20px -40px; } .talk .favorite.guest a { background: url(../images/icons.gif) no-repeat scroll 0 -40px; cursor: default; } .tal-table .favorite { } /* Pagination -------------------------------------------------------------------*/ #pagination { color: #bababa; padding-left: 40px; } #pagination P { font-size: 14px; } #pagination A { color: #414141; } #pagination UL { font-family: Verdana, Sans-Serif; overflow: hidden; } #pagination UL LI { float: left; margin-right: 8px; } #pagination UL LI.active { font-weight: bold; color: #414141; } #pagination UL LI.active { padding: 0 4px 1px; border: 1px solid #000; } #pagination.onpage { padding-left: 0px; } /* Sidebar -------------------------------------------------------------------*/ .block { font-size: 11px; line-height: 16px; padding: 0 10px; margin: 0 0 30px; } .block .right { text-align: right; padding-top: 10px; font-size: 11px; } .block.navigation { font-size: 11px; color: #888; } .block.navigation ul li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } .block.navigation ul li.last { border: 0; } .block.navigation .blog { color: #999; } .block.tags { background: #f7f8f9; } .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 { color: #8b8b8b; text-decoration: none; font-size: 18px; } .block.tags ul.cloud li a:hover { background: #777; color: #fff; } .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; } .block.blogs ul.list { border-top: 1px dotted #999; padding-top: 3px; margin-top: 10px; } .block.blogs ul.list li { overflow: hidden; border-bottom: 1px dotted #999; padding-bottom: 5px; margin-bottom: 5px; } .block.blogs ul.list li a { padding-right: 50px; color: #848282; } .block.blogs ul.list li .total { float: right; font-weight: bold; line-height: 17px; } .block.blogs UL.list LI .total * { float: left; width: auto; height: 17px; } .block.blogs UL.list LI .total I { width: 10px; background: url(../images/bg.png) 0 -207px; } .block.blogs UL.list LI .total B { width: 10px; background: url(../images/bg.png) -10px -207px; } .block.blogs UL.list LI .total SPAN { color: #fff; background: url(../images/bg.png) 0 -225px repeat-x; } .block.stream { font-size: 11px; color: #999; } .block.stream .stream-content { border-bottom: 1px dotted #999; } .block.stream .stream-content LI { padding: 5px 5px; border-top: 1px dotted #999; overflow: hidden; } .block.stream li.even { background: #fff; } .block.stream a.stream-author { color: #4a4a4a; font-weight: bold; background: url(../images/icons.gif) no-repeat scroll 0 -108px; padding-left: 13px; } .block.stream .stream-topic-icon { background: url(../images/icons.gif) no-repeat scroll 2px -188px; padding-left: 14px; zoom: 1; } .block.stream a.stream-topic { color: #218fc2; padding-right: 5px; } .block.stream .stream-comment-icon { background: url(../images/comment-list.gif) no-repeat 2px 4px; padding-left: 14px; zoom: 1; } .block.stream a.stream-comment { color: #218fc2; } .block.stream a.stream-blog { color: #848282; } .block.stream span { color: #65bfe3; } .block.options h3 { padding-bottom: 10px; } .block.options li { padding-bottom: 5px; } .block.actions { font-size: 12px; background: #e1b919; padding: 0; } .block.actions .cr { font-size: 0; height: 5px; } .block.actions .cr * { font-size: 0; height: 5px; background: url(../images/icons.png); } .block.actions .cr .tl { float: left; width: 5px; background-position: -160px -36px; } .block.actions .cr .tr { float: right; width: 5px; background-position: -170px -36px; } .block.actions .cr .bl { float: left; width: 5px; background-position: -160px -46px; } .block.actions .cr .br { float: right; width: 5px; background-position: -170px -46px; } .block.actions UL { padding: 10px 20px; } .block.actions li { color: #fff; padding-bottom: 3px; } .block.actions li.add { padding-bottom: 15px; } .block.actions li a { color: #fff; } .block.actions li.del { padding-bottom: 15px; } .block.contacts strong { color: #999; } .block.contacts img { padding: 7px; border: 1px solid #ccc; } .block.contacts ul { margin-top: 5px; } .block.contacts ul li { padding: 3px 0 3px 25px; } .block.contacts ul li.icq { background: url(../images/icons-contacts.gif) no-repeat scroll 0px 2px; } .block.contacts ul li.jabber { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -23px; } .block.contacts ul li.skype { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -47px; margin-bottom: 10px; } .block.contacts ul li.lj { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -73px; } .block.contacts ul li.vk { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -99px; margin-bottom: 10px; } .block.contacts ul li.email { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -122px; } .block.contacts ul li.phone { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -145px; } .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; } .block.view ul li { padding-bottom: 2px; } .block.view ul li a { padding: 2px 4px; } .block.view ul li.active a { background: #eee; color: #333; font-weight: bold; text-decoration: none; } .block.view-blogs { margin-top: 77px; } .block.view-comments { margin-top: 98px; } /* Update Comments -------------------------------------------------------------------*/ .update { background: none repeat scroll 0 0; width: 42px; float: right; position: fixed; top: 220px; right: 0; text-align: center; } .update .tl { background:url(../images/bg_update.gif) no-repeat scroll 0 0; font-size: 1px; height: 9px; } .update .bl { background:url(../images/bg_update.gif) no-repeat scroll 0 bottom; font-size: 1px; height: 9px; } .update .wrapper { border-left: 1px solid #dddede; background: #fafbfb; } .update .update-comments { cursor: pointer; vertical-align: top; } .update .refresh { background: #fafbfb; } .update .new-comments { border-top: 1px solid #ececed; color: #3cc600; padding-top: 7px; margin-top: 3px; cursor: pointer; background: #fafbfb; } /* Comments -------------------------------------------------------------------*/ .comments { padding-left: 25px; } .comments .comment { overflow: hidden; position: relative; zoom: 1; } .comments .comment .comment { padding-left: 30px; } /* Header */ .comments .header { margin-bottom: 20px; margin-left: 14px; } .comments .header a.rss { margin-right: 20px; padding-left: 14px; background: url(../images/icons.gif) no-repeat scroll -70px -247px; } /* Comment Types */ .comments .comment .content { background: #efefef; } /* 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; cursor: pointer; } .comment .folding-open { width: 9px; height: 9px; float: left; position: relative; top: 17px; cursor: pointer; } .comment .folding.off { display: none; } .comment .content { margin: 0 50px 0px 13px; 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; } /* Text of Comment */ .comment .content .text { border-left: 1px solid #dddede; border-right: 1px solid #dddede; padding: 5px 25px 5px 10px; overflow: hidden; zoom: 1; } /* Vote Block */ .comment .voting { width: 48px; height: 30px; position: absolute; right: 20px; top: 8px; z-index: 100; overflow: hidden; } .comment .voting a.plus { width: 12px; height: 12px; display: block; overflow: hidden; background: url(../images/voting.gif) no-repeat scroll 0 0; } .comment .voting a.minus { width: 12px; height: 12px; display: block; position: relative; top: 5px; overflow: hidden; background: url(../images/voting.gif) no-repeat scroll -15px 0; } .comment .voting .total { float: right; position: relative; top: 6px; } .comment .voting a.plus:hover { background: url(../images/voting.gif) no-repeat scroll -30px 0; } .comment .voting a.minus:hover { background: url(../images/voting.gif) no-repeat scroll -45px 0; } .comment .voting.positive .total { color: #390; } .comment .voting.negative .total { color: #f00; } .comment .voting.guest a.plus { width: 12px; height: 12px; display: block; overflow: hidden; background: url(../images/voting.gif) no-repeat scroll 0 0; } .comment .voting.guest a.minus { width: 12px; height: 12px; display: block; overflow: hidden; background: url(../images/voting.gif) no-repeat scroll -15px 0; } .comment .voting.plus a.plus { width: 12px; height: 12px; display: block; overflow: hidden; background: url(../images/voting.gif) no-repeat scroll -30px 0; } .comment .voting.minus a.minus { width: 12px; height: 12px; display: block; overflow: hidden; background: url(../images/voting.gif) no-repeat scroll -45px 0; } .comment .voting.voted a.plus, .comment .voting.voted a.minus, .comment .voting.guest a.plus, .comment .voting.guest a.minus { cursor:default; } .comment .voting.minus a.plus:hover {background: url(../images/voting.gif) no-repeat scroll 0 0; } .comment .voting.plus a.minus:hover {background: url(../images/voting.gif) no-repeat scroll -15px 0; } /* Info Block */ .comment .info { font-size: 11px; line-height: 14px; margin-left: 14px; margin-bottom: 25px; overflow: hidden; zoom: 1; } .comment .info p { font-size: 10px; } .comment .info p a.author { font-size: 11px; font-weight: bold; color: #000; text-decoration: none; } .comment .info p a.author:hover { color: #555; } .comment .info img.avatar { float: left; margin: 3px 7px 0 0; *margin: 2px 7px 0 0; } .comment .info ul li { float: left; font-size: 10px; margin-right: 10px; } .comment .info ul li.date { color: #999; font-size: 10px; padding-right: 20px; } .comment .info a.imglink { display: block; width: 9px; height: 11px; text-decoration: none; position: relative; top: 3px; } .comment .info ul li.goto-comment-parent a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;} .comment .info ul li.goto-comment-child a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;} .comment .info a.link { background: url(../images/icons.gif) no-repeat scroll -10px -230px; } .comment .info a.link:hover { background: url(../images/icons.gif) no-repeat scroll 0px -230px; } .comment .info a.favorite { background: url(../images/icons.gif) no-repeat scroll -40px -40px; } .comment .info a.favorite:hover { background: url(../images/icons.gif) no-repeat scroll -50px -40px; } .comment .info a.favorite-active { background: url(../images/icons.gif) no-repeat scroll -50px -40px; } .comment .info a.off { color: #999; } .comment .info a.repair { color: #4CCC1B; } .comment .info a.delete { color: #f00; } .comment .comment-topic { font-size: 11px; color: #999; padding-bottom: 3px; padding-left: 2px; } .comment .comment-topic a { font-weight: bold; } .comment .comment-topic a.comment-blog { color: #999; } .comment .comment-topic a.comment-total { background: url(../images/comment-total.gif) no-repeat 0 4px; padding-left: 10px; margin-left: 10px; text-decoration: none; font-weight: normal; color: #78c658; } .comments.padding-none { padding-left: 0; } .comments.padding-none .comment .content, .comments.padding-none .comment .info { margin-left: 0; } .comments.padding-none .voting { top: 28px; } .reply-title { margin-left: 10px; } .reply { padding: 0 50px 10px 10px; } .reply .ls-area { margin: 0 0 10px; } .reply textarea.loader { background: #F7F7F7 url(../images/loader.gif) no-repeat center;} /* 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: 0 15px 0 0; overflow: hidden; position: relative; } .profile-blog img.avatar { float: left; position: absolute; top: 4px; left: 0; } .profile-blog h1.title { font-size: 24px; line-height: 30px; color: #b0b0b0; padding-left: 33px; } .profile-blog h1.title a.title-link { text-decoration: none; outline: none; } .profile-blog h1.title a.title-link span { border-bottom: 1px dashed #70aae0; } .profile-blog h1.title a.inactive span { border-bottom: 1px dashed #aaa; color: #b0b0b0; text-decoration: none; } .profile-blog h1.title strong { background: url(../images/profile-blog-info.gif) no-repeat scroll 0px 6px; padding-right: 12px; margin-left: 7px; } .profile-blog h1.title a.inactive strong { background: url(../images/profile-blog-info-inactive.gif) no-repeat scroll 0px 6px; } .profile-blog .action { overflow: hidden; margin: 0 0 20px 0; padding-left: 34px; zoom: 1; } .profile-blog .action li { float: left; margin-right: 3px; } .profile-blog .action li a { color: #aaa; outline: none; } .profile-blog .action li.rss a { display: block; height: 22px; width: 22px; background: url(../images/join-rss.png) no-repeat ; } .profile-blog .action li.join a { display: block; height: 22px; width: 22px; background: url(../images/join-blog-grey.png) no-repeat ; } .profile-blog .action li.join a:hover { background: url(../images/join-blog.png) no-repeat ; } .profile-blog .action li.join.active a { background: url(../images/join-blog.png) no-repeat ; } .profile-blog .action li.edit a { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 20px; position: relative; top: -4px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #70aae0; } .profile-blog .action li a:hover { text-decoration: underline; } .profile-blog .voting { float: right; font-size: 10px; text-align: center; position: relative; top: -5px; } .profile-blog .voting .clear { clear: both; color: #aaa; } .profile-blog .voting .count { position: absolute; top: 46px; left: 69%; color: #aaa; } .profile-blog .voting .text { position: absolute; top: 46px; right: 33%; color: #aaa; } .profile-blog .voting .plus { float: left; margin-right: 5px; } .profile-blog .voting .total { float: left; margin-right: 5px; color: #fff; padding: 5px 10px; font-size: 14px; } .profile-blog .voting .minus { float: left; margin-right: 0; } .profile-blog .voting a.plus { background: url(../images/voting.gif) no-repeat scroll 0 0; float: left; display: block; height: 12px; margin-top: 8px; text-decoration: none; width: 12px; } .profile-blog .voting a.plus:hover { background: url(../images/voting.gif) no-repeat scroll -30px 0; } .profile-blog .voting a.minus { background: url(../images/voting.gif) no-repeat scroll -15px 0; float: left; display: block; height: 12px; margin-top: 9px; text-decoration: none; width: 12px; } .profile-blog .voting a.minus:hover { background: url(../images/voting.gif) no-repeat scroll -45px 0; } .profile-blog .voting.plus a.plus { background: url(../images/voting.gif) no-repeat scroll -30px 0; } .profile-blog .voting.minus a.minus { background: url(../images/voting.gif) no-repeat scroll -45px 0; } .profile-blog .voting.guest a.plus { background: url(../images/voting.gif) no-repeat scroll 0 0; cursor: default; } .profile-blog .voting.guest a.minus { background: url(../images/voting.gif) no-repeat scroll -15px 0; cursor: default; } .profile-blog .voting.positive .total { background: #596879; } .profile-blog .voting.negative .total { background: #ff3b3c; } .profile-blog .voting.voted a.plus { cursor: default; } .profile-blog .voting.voted a.minus { cursor: default; } .profile-blog .voting.voted.plus a.minus:hover { cursor: default; background: url(../images/voting.gif) no-repeat scroll -15px 0; } .profile-blog .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/voting.gif) no-repeat scroll 0 0; } .profile-blog .about { background: #efefef; margin-bottom: 40px; clear: both; } .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 32px; color: #666; overflow: hidden; } .profile-blog .about .content h1 { color: #555; } .profile-blog .about .content p { margin-bottom: 15px; } .profile-blog .about .content p.note { color: #aaa; margin-bottom: 25px; } .profile-blog .about .content .line { background: url(../images/footer-bg.gif) repeat-x; height: 5px; margin-bottom: 20px; clear: both; } .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 h1.readers { clear: both; padding-top: 35px; } .profile-blog .about .content h1.readers a { text-decoration: none; border-bottom: 1px dashed #70aae0; } .profile-blog .about .content h1.readers a.inactive { border-bottom: 1px dashed #aaa; color: #b0b0b0; text-decoration: none;} .profile-blog .about .content ul.reader-list { overflow: hidden; } .profile-blog .about .content ul.reader-list li { float: left; margin-right: 15px; background: url(../images/icons.gif) no-repeat scroll 0 -104px; padding-left: 12px; } /* Profile of user -------------------------------------------------------------------*/ .profile-user { padding-right: 20px; } .profile-user .voting { float: right; font-size: 10px; position: relative; top: -5px; } .profile-user .voting .clear { clear: both; color: #aaa; text-align: center; } .profile-user .voting .count { position: absolute; top: 46px; left: 69%; color: #aaa; } .profile-user .voting .text { position: absolute; top: 46px; right: 33%; color: #aaa; } .profile-user .voting .plus { float: left; margin-right: 5px; } .profile-user .voting .total { float: left; margin-right: 5px; color: #fff; padding: 5px 10px; font-size: 14px; } .profile-user .voting .minus { float: left; margin-right: 0; } .profile-user .voting a.plus { background: url(../images/voting.gif) no-repeat scroll 0 0; float: left; display: block; height: 12px; margin-top: 8px; text-decoration: none; width: 12px; } .profile-user .voting a.plus:hover { background: url(../images/voting.gif) no-repeat scroll -30px 0; } .profile-user .voting a.minus { background: url(../images/voting.gif) no-repeat scroll -15px 0; float: left; display: block; height: 12px; margin-top: 8px; text-decoration: none; width: 12px; } .profile-user .voting a.minus:hover { background: url(../images/voting.gif) no-repeat scroll -45px 0; } .profile-user .voting.plus a.plus { background: url(../images/voting.gif) no-repeat scroll -30px 0; } .profile-user .voting.minus a.minus { background: url(../images/voting.gif) no-repeat scroll -45px 0; } .profile-user .voting.guest a.plus { background: url(../images/voting.gif) no-repeat scroll 0 0; cursor: default; } .profile-user .voting.guest a.minus { background: url(../images/voting.gif) no-repeat scroll -15px 0; cursor: default; } .profile-user .voting.positive .total { background: #596879; } .profile-user .voting.negative .total { background: #ff3b3c; } .profile-user .voting.voted a.plus { cursor: default; } .profile-user .voting.voted a.minus { cursor: default; } .profile-user .voting.voted.plus a.minus:hover { cursor: default; background: url(../images/voting.gif) no-repeat scroll -15px 0; } .profile-user .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/voting.gif) no-repeat scroll 0 0; } .profile-user .strength { float: right; font-size: 10px; text-align: center; position: relative; top: -5px; margin-left: 15px; } .profile-user .strength .clear { clear: both; color: #aaa; } .profile-user .strength .total { float: left; color: #fff; padding: 5px 10px; font-size: 14px; background: #e1bc0d; } .profile-user h1.title { border-bottom: 1px solid #ccc; font-size: 18px; padding: 0 0 1px 2px; margin-bottom: 7px; } .profile-user .name { font-family: Georgia; overflow: hidden; color: #999; margin-bottom: 20px; } .profile-user .name img.avatar { float: left; margin-right: 15px; } .profile-user .name p.nickname { font-size: 24px; margin-top: 2px; margin-bottom: 10px; color: #333; } .profile-user .name p.realname { font-size: 18px; margin-bottom: 15px; } .profile-user td { vertical-align: top; } .profile-user td.var { color: #999; font-weight: bold; width: 150px; padding: 0 0 5px; } .profile-user td.friends { color: #999; } .profile-user td.friends a { color: #999; padding: 5px 0; background: url(../images/icons.gif) no-repeat scroll 0 -101px; padding-left: 12px; } /* People & Top -------------------------------------------------------------------*/ .people .block-nav { margin-bottom: 20px; } .people table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .people table thead td { background: #f0f1f1; font-weight: bold; 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%; } .people table tbody td.user img { float: left; margin-right: 7px; width: 24px; height: 24px; } .people table tbody td.user a.link { color: #757575; font-weight: bold; position: relative; top: 1px; } .people table tbody td.karma { color: #6ec80d; font-weight: bold; } .people table tbody td.strength { color: #46596a; 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: #f7c14a; 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-bottom: 5px; margin-right: 7px; width: 24px; height: 24px; } .people.top-blogs td.name a.title { font-size: 18px; line-height: 14px; } .people.top-blogs td.name a.author { line-height: 18px; background:url(../images/icons.gif) no-repeat scroll 0 -108px; padding-left: 12px; color: #999; font-weight: bold; } .people.top-blogs .join { text-align: center; } .people.top-blogs .join a { margin: 0 auto; outline: none; display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; zoom: 1; } .people.top-blogs .join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .people.top-blogs .join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px !important; } .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; } /* Top -------------------------------------------------------------------*/ .topic.top { margin-bottom: 5px; padding-left: 40px; } .topic.top h1 span { color: #6ec80d; } .topic.top .block-nav { margin-bottom: 5px; } .top-topics .topic { padding-left: 0 !important; } /* Footer -------------------------------------------------------------------*/ #footer .right { float: right; } .lsCmtTree_visible{display:block;} .lsCmtTree_hidden{display:none;} /* Login and Lite Pages -------------------------------------------------------------------*/ .lite-header { padding: 30px 20px; } .lite-header a { color: #c7c7c7; font-size: 26px; text-decoration: none; } .lite-header a span { color: #dedede; } .lite-header a:hover { color: #333; } .lite-header a:hover span { color: #777; } .lite-center { margin: 0 auto 20px; top: 200px; width: 400px; color: #888; } .lite-center h3, .login-popup h3 { color: #bec0bf; margin-bottom: 20px; } .lite-center button, .login-popup button { float: right; } .lite-center .input-text, .login-popup .input-text { width: 400px; font-size: 18px; padding: 4px 0; border: 1px solid #d7d7d7; color: #555; } .lite-center .input-checkbox, .login-popup .input-checkbox { padding-top: 7px; } .lite-center .input-checkbox input, .login-popup .input-checkbox input { position: relative; top: 2px; } .lite-center .zloy_taburet { background:url("../images/zloy_taburet_post.gif") no-repeat 0px 0px; } .lite-center .zloy_taburet img.taburet { width:200px; height:60px; float:left; padding:7px 0 7px 5px; cursor:pointer; } .lite-center .zloy_taburet img.captcha { float:left; margin:30px 8px 0 15px; } .lite-center .zloy_taburet .zloy_taburet_license { float:left; margin-top:5px;} .lite-center .zloy_taburet .clear { clear:both; padding-bottom:40px; } .lite-center.error h1 { font-size: 28px; color: #888; } .lite-center.error p { margin-bottom: 10px; color: #888; } .lite-center.register { position: static; margin: 0 auto; } .lite-note { overflow: hidden; zoom: 1; } .lite-note a { float: right; font-size: 11px; } .login-popup { z-index: 100; width: 492px; } .login-popup .input-text { width: 402px; padding: 4px 5px; } .login-popup .content { background: #dcdedd url(../images/login-popup-bg.gif) repeat-x; padding: 15px 40px; } .login-popup .login-popup-top { height: 14px; background: url(../images/login-popup-top.gif) no-repeat; width: 492px; position: relative; } .login-popup .login-popup-bottom { height: 14px; background: url(../images/login-popup-bottom.gif) no-repeat; width: 492px; } .login-popup .close-block { position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; background: url(../images/close-block.gif) no-repeat; } .upload-image p { margin-bottom: 5px; } .upload-image label { color: #aaa; } .tags-input { width: 400px; font-size: 18px; padding: 4px 4px 6px; border: 1px solid #ccc; color: #555; background: #fafafa; } /* Button -------------------------------------------------------------------*/ button, a.button { font-size: 14px; font-family: Tahoma, sans-serif; border: none; background: none; padding: 0; overflow: visible; text-align: center; white-space: nowrap; cursor: pointer; } button span, button em, a.button span, a.button em { display: block; height: 31px; line-height: 31px; margin: 0; color:#333; } button span, a.button span { background: url(../images/button.gif) no-repeat 0 0; margin-right: 20px; } button em, a.button em { font-style: normal; padding-right: 20px; background: url(../images/button.gif) no-repeat right 0; position: relative; right: -20px; } a.button.small { font-size: 12px; text-decoration: none; } a.button.small span, a.button.small em { height: 22px; line-height: 22px; } a.button.small span { background: url(../images/button-small.gif) no-repeat 0 0; margin-right: 20px; } a.button.small em { background: url(../images/button-small.gif) no-repeat right 0; } #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;;} #footer { font-size: 12px; color: #3f3f3f; } #footer A { color: #3f3f3f; } #footer .copyright { float: right; width: 200px; padding: 30px 0 0; text-align: right; } #footer .copyright A { text-decoration: none; } #footer .copyright A:hover { color: #007fba; } #fnav LI { float: left; width: 120px; } #fnav DD { font-size: 14px; font-weight: 700; color: #3197c6; padding: 0 0 10px; } #fnav DT { font-size: 11px; line-height: 22px; } .ls-area { padding: 0 0 0 3px; background: #fff; border: 1px solid #d7d7d7; 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 #d7d7d7; 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 #d7d7d7; } .ls-editor .ls-panel I { width: 1px; background: #d7d7d7; } .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; } .block-pictures { width: 301px; margin-left: auto; margin-right: auto; } .block-pictures ul li { list-style-image: none; list-style-position: outside; list-style-type: none; } .a0 { float: none; margin: 0 31px 10px 30px; } .a1 { float: left; margin: 0px 0px 10px 0px; } .a2 { float: left; margin: 0px 0px 10px 50px; } #boxA { width: 300px; min-height: 93px; border: 1px solid #CCCCCC; background: #fff; } #boxA a:hover { text-decoration: underline; color: #000000; } #boxB { width: 300px; border: 1px solid #CCCCCC; text-align: center; position: relative; top: -1px; left: 0px; background: #fff; min-height: 122px; } #boxB a:hover { text-decoration: underline; color: #000000; } #small_box { height: 100px; color: #000; border: 1px solid #DDDDDD; } #small_box_img { float: left; padding: 2px 5px 0px 2px; } #small_box_text { padding-bottom: 2px; min-height: 93px; text-align: center; font-size: 15px; } img.noborder{ width: 90px; display:block; clear:both; } .cell { width: 99px; height: 121px; float: left; font-size: 12px; padding-top: 2px; border-right: 1px solid #DDDDDD; } .cell2 { width: 99px; height: 121px; float: left; font-size: 12px; padding-top: 2px; } #header_picture {text-align:center; background-color: #FFFFFF;} .noborder {border: none; margin-left: auto; margin-right: auto;} .nolink {text-decoration: none; font-weight: bold; color: #000;} .nofloat {clear: both;}