/* --------------------------------------------------------------------------------------------------------------------------------------------------- Общее --------------------------------------------------------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; margin: 0 10px; color: #4F5253; font: 0.7em/1.2 Tahoma, Verdana, serif; background: #EEF1F2; height: 100%; } small { font-size: 0.9em; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear { display: block; clear: both; height: 1px; } .off { display: none; } form fieldset { border: 0; } form input.text, form select { font-size: 1em; color: #4F5253; } form input.text { padding: 1px 3px 2px 3px; border: 1px solid #7A8187; border-right: 1px solid #CFD1D3; border-bottom: 1px solid #CFD1D3; } p { padding: 3px 0; } a { color: #31730E; text-decoration: none; } a:hover { color: #31730E; text-decoration: underline; } a img { border: 0; } a.border img { padding: 4px; border: 1px solid #C3C6C8; } a.border:hover img { border: 1px solid #256B00; } img.border { padding: 4px; border: 1px solid #C3C6C8; } .fleft { float: left; } .fright { float: right; } #center { position: relative; margin: 0 auto; width: 974px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Шапка --------------------------------------------------------------------------------------------------------------------------------------------------- */ #top_advert { margin-top: 10px; } #top_advert #w720 { margin: 0 auto; width: 720px; } #top_advert #w600 { margin: 0 auto; width: 600px; } #header { position: relative; margin-top: 7px; background: #77B200 url(../img/header.png) no-repeat 0 0; height: 182px; overflow: hidden; } #header a.mainpagelink {position: absolute; width: 250px; height: 176px; top:0; left: 0;} #header #menu1 { position: absolute; top: 1px; left: 251px; width: 157px; height: 176px; } #header #menu2 { position: absolute; top: 1px; left: 409px; width: 157px; height: 176px; } #header #menu3 { position: absolute; top: 1px; left: 567px; width: 157px; height: 176px; } #header .active_menu { background: #92C100; } #header ul { padding-top: 65px; width: 142px; } #header ul li { list-style: none; padding-bottom: 1px; background: url(../img/item-out.gif) no-repeat left bottom; } #header ul li:hover { background: url(../img/item-hover.png) no-repeat left bottom; } #header ul li.active, #header ul li.active:hover { background: url(../img/item-active.png) no-repeat left bottom; } #header ul li.active span { color: #fff; background-color: #EF303E; } #header ul li a, #header ul li span { display: block; padding: 3px 0 4px 17px; background: url(../img/arrow.gif) no-repeat 7px 9px; } #header ul li a { color: #1A1F24; } #header ul li a:hover { color: #fff; background-color: #60A300; } #header form#login { position: absolute; top: 13px; left: 738px; } #header form#login label { font-size: 0.9em; font-weight: bold; } #header form#login input.text { margin-top: 1px; width: 95px; } #header form#login input.image { position: relative; top: 2px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Контент --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content { margin-top: 10px; background: #fff url(../img/content-bg1.png) repeat-y 0 0; } #content .sub { padding-top: 0; background: url(../img/content-bg2.png) no-repeat left top; min-height: 300px; } #primarycontent-wrapper { float: left; width: 100%; } #primarycontent { margin: 0 250px; padding-top: 15px; padding-bottom: 10px; } #primarycontent h1, #primarycontent h2, #primarycontent h3, #primarycontent h4 { padding-left: 25px; padding-top: 13px; padding-bottom: 10px; color: #EF303E; font-size: 1.4em; font-weight: normal; background: url(../img/hbg.png) no-repeat 0 13px; } #primarycontent .adv468 { margin-bottom: 15px; } #primarycontent .lastnews { padding: 10px 0; } #primarycontent .lastnews .news { float: left; width: 237px; } #primarycontent .lastnews .news img { float: left; margin-right: 12px; } #primarycontent .lastnews .news a { display: block; margin-top: 6px; margin-right: 7px;} #primarycontent .lastnews .news a span.date { color: #1D2227; font-family: Arial; font-size: 0.9em; font-weight: bold; } #primarycontent .lastnews .news a span.header { display: block; padding: 5px 0; font-size: 1.3em; } #primarycontent .lastnews .news a span.text { color: #4F5253; } #primarycontent .lastnews .news a:hover span.text { color: #337410; } #primarycontent .lastnews .news a:hover span.date { text-decoration: none; } #primarycontent div.section1 { padding-left: 155px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #C3C6C8; } #primarycontent div.section1 a.border { float: left; position: relative; top: 3px; margin-left: -155px; } #primarycontent div.section1 a.header { display: block; padding-bottom: 5px; font-size: 1.3em; } #primarycontent div.section1 p.tags span { color: #1D2227; font-family: Arial; font-weight: bold; } #primarycontent div.section1:last-child {padding-bottom: 5px; border-bottom: 0;} #primarycontent .section2 { padding-left: 90px; margin-bottom: 10px; padding-bottom: 10px; line-height: 1.2; border-bottom: 1px solid #C3C6C8; } #primarycontent .section2 a.border { float: left; position: relative; top: 3px; margin-left: -90px; } #primarycontent .section2 a.header { display: block; font-size: 1.3em; } #primarycontent .section2 p.rubrika { font-size: 0.9em; } #primarycontent .section2 p.rubrika span { color: #1D2227; font-family: Arial; } #primarycontent .section2 p.tags span { color: #1D2227; font-family: Arial; font-weight: bold; } #primarycontent .publication { padding-bottom: 10px; } #primarycontent .publication .adv468 { margin: 0; padding: 10px 0; } #primarycontent .publication img.border { float: left; margin: 5px 10px 0 0; } #primarycontent .publication strong.header { display: block; padding-bottom: 5px; color: #2F7200; font-size: 1.3em; font-weight: normal; } #primarycontent .publication p.tags { margin-top: 10px; padding-top: 10px; border-top: 1px solid #C3C6C8; } #primarycontent .publication p.tags span { color: #1D2227; font-family: Arial; font-weight: bold; } #primarycontent #partners { margin-right: -8px; padding-top: 10px; font-size: 0.9em; line-height: 1.2; } #primarycontent #partners .partner { float: left; width: 120px; } #primarycontent #partners .partner a.border img { margin-bottom: 5px; } #primarycontent #partners .partner a { color: #4F5253; } #primarycontent #partners .partner a:hover { color: #256B00; } #primarycontent #partners .partner a span.name { display: block; padding-bottom: 5px; color: #256B00; font-size: 1.3em; } #primarycontent #partners .partner a:hover span.name { text-decoration: underline; } /* кусок из 1декора для того что бы сделать с колвом на странице */ #primarycontent .listing { position: relative; padding: 4px 5px; } #primarycontent .listing .listing_left { margin-left: -21px; padding-left: 21px; } #primarycontent .listing .listing_right { margin-right: -21px; padding-right: 21px; line-height: 35px; height: 35px; } #primarycontent .listing p, #primarycontent .listing form { margin: 0; padding: 0; line-height: 35px; } #primarycontent .listing form select {width : 80px; } #primarycontent .listing p.pages { font-size: 1.1em; } #primarycontent .listing p.pages a { margin: 0 4px; color: #000; font-weight: bold; } #primarycontent .listing p.pages a.active { margin: 0 4px; padding: 0 5px; color: #999; background: #fff; border: 1px solid #C2D4CD; text-decoration: none;} /* Forum */ #primarycontent table.forum { border-collapse: collapse; width: 100%; } #primarycontent table.forum th, #primarycontent table.forum td { padding: 10px 5px; } #primarycontent table.forum th { font-size: 0.9em; font-family: Tahoma; font-weight: bold; text-align: left; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; } #primarycontent table.forum td { border-bottom: 1px solid #E6E6E6; vertical-align: top;} #primarycontent table.forum td.icon { padding-left: 0; } #primarycontent table.forum td.icon img { position: relative; top: 2px; } #primarycontent table.forum tr.header td { border-bottom: 0;font-size: 0.9em;padding:5px 0 0 6px;} #primarycontent div.add_post input,#content div.add_post textarea{width:100%;} /* Register */ #primarycontent form.register sup { color: red; font-weight: bold; } #primarycontent form.register label { display: block; padding-bottom: 3px; } #primarycontent form.register p.head { padding: 10px 17px 5px 17px; border-bottom: 1px solid #CBCBCB; } #primarycontent form.register .long, #primarycontent form.register .short { padding: 10px 17px; } #primarycontent form.register .short .col { float: left; width: 49.9%; } #primarycontent form.register .description { padding-top: 5px; color: #765A6D; font-size: 0.9em; } #primarycontent form.register .long input.text, #primarycontent form.register .long select { width: 97.5%; } #primarycontent form.register .long textarea { width: 97.5%; } #primarycontent form.register .short input.text, #primarycontent form.register .short select { width: 95%; } html:first-child #primarycontent form.register .short input.text, html:first-child #primarycontent form.register .short select { width: 99%; } #primarycontent form.register input.submit { margin-left: 17px; } #primarycontent form.register .rules { padding: 10px 17px; color: #A8A8A8; font-size: 0.9em; } #primarycontent form.register p.register_place { padding: 10px 17px; color: #765A6D; font-size: 0.9em; } #primarycontent form.register div.error {border:1px solid #eee; padding:10px; background-color:#FFEEEE;} /* Sidebars */ #leftside { float: left; margin-left: -100%; padding-left: 15px; padding-top: 13px; line-height: 1.2; width: 218px; } #rightside { float: left; margin-left: -233px; padding-top: 13px; line-height: 1.2; width: 218px; } .sidebar .black { color: #1A1F24; } .sidebar h3, .sidebar h4, .sidebar h5 { padding: 7px 0 17px 0; color: #1A1F24; font-size: 1.4em; font-weight: normal; line-height: 1; } .sidebar strong.header { font-size: 1.3em; font-weight: normal; } .sidebar .green strong.header { color: #2F7200; } .sidebar .gray strong.header { color: #1A1F24; } .sidebar p.comments { padding: 10px 0; color: #1A1F24; } .sidebar p.comments a { text-decoration: underline; } .sidebar p.comments a:hover { text-decoration: none; } .sidebar p.arrlink span { padding-left: 15px; background: url(../img/arrow2.gif) no-repeat 0 0.4em; } .sidebar .adv { border-bottom: 15px solid #fff; } .sidebar .adv a img { margin: 0 auto; } .sidebar a.rate { display: block; padding-bottom: 13px; margin-bottom: 10px; border-bottom: 1px solid #2F7200; } .sidebar a.rate span.text { color: #4F5253; font-size: 0.9em; } .sidebar a.rate:hover span.text { color: #2F7200; } .sidebar a.rate:last-child {border-bottom: 0; padding-bottom: 5px;} .sidebar .green { border-bottom: 15px solid #fff; background: #BFE000 url(../img/green-bg1.png) repeat-y left top; } .sidebar .green .s1 { background: url(../img/green-bg2.png) no-repeat left top; } .sidebar .green-clear .s1 { background: url(../img/green-bg2-clear.png) no-repeat left top; } .sidebar .green .s2 { padding: 10px 15px; background: url(../img/green-bg3.png) no-repeat left bottom; } .sidebar .gray { border-bottom: 15px solid #fff; background: #EEEFF0 url(../img/gray-bg1.png) repeat-y left top; } .sidebar .gray .s1 { background: url(../img/gray-bg2.png) no-repeat left top; } .sidebar .gray .s2 { padding: 10px 15px; background: url(../img/gray-bg3.png) no-repeat left bottom; } .sidebar ul.clsdd li{list-style-type: none;} .sidebar ul.clsdd {padding:2px;} .sidebar .register a.border img { margin-top: 5px; margin-bottom: 5px; border: 1px solid #fff; } .sidebar .register a.big { font-size: 1.3em; text-decoration: none; } .sidebar .register a.big:hover { text-decoration: underline; } .sidebar .register p { font-size: 0.9em; } .sidebar ul.tabs { margin: 5px 0 0 0; padding: 0 0 0 5px; font-size: 0.9em; line-height: 22px; } .sidebar ul.tabs li { list-style: none; float: left; height: 24px; overflow: hidden; } .sidebar ul.tabs li a, .sidebar ul.tabs li span { float: left; text-align: center; white-space: nowrap; width: 58px; height: 24px; overflow: hidden; } .sidebar .green ul.tabs { background: url(../img/green-tabs-ul.png) repeat-x left top; } .sidebar .green ul.tabs li a { background: url(../img/green-tabs.png) no-repeat 0 0; } .sidebar .green ul.tabs li span { background: url(../img/green-tabs.png) no-repeat -58px 0; } .sidebar .gray ul.tabs { background: url(../img/gray-tabs-ul.png) repeat-x left top; } .sidebar .gray ul.tabs li a { background: url(../img/gray-tabs.png) no-repeat 0 0; } .sidebar .gray ul.tabs li span { background: url(../img/gray-tabs.png) no-repeat -58px 0; } .sidebar p.tags { padding-bottom: 5px; text-align: center; } .tags_cloud p.tags{ font-size: 1.5em; text-align: center; } .tags_cloud { padding-bottom: 10px; } p.tags .size_0 { font-size: 0.8em; } p.tags .size_1 { font-size: 0.9em; } p.tags .size_2 { font-size: 1.0em; } p.tags .size_3 { font-size: 1.1em; } p.tags .size_4 { font-size: 1.3em; } p.tags .size_5 { font-size: 1.5em; } p.tags .size_6 { font-size: 1.7em; } .sidebar form.search label { float: left; font-size: 0.9em; line-height: 15px; width: 45px; } .sidebar form.search input.text { width: 95px; } .sidebar form.search input.image { position: relative; top: 7px; left: 5px; margin-top: -11px; } .sidebar form.calendar select.month { width: 120px; } .sidebar form.calendar select.year { width: 64px; } .sidebar form.calendar table { padding-top: 10px; width: 100%; } .sidebar form.calendar table th { color: #1A1F24; font-size: 0.9em; } .sidebar form.calendar table td { padding: 2px 3px; text-align: right; background: #fff; border: 1px solid #DDDFE0; } .sidebar form.calendar table td.link { background: #BFE000; border: 1px solid #BFE000; border-bottom-color: #60A300; } .sidebar form.calendar table td.red { color: #fff; background: #EF303E; border: 1px solid #EF303E; border-bottom-color: #A8002C; } .sidebar form.poll strong.header { display: block; padding-bottom: 10px; font-size: 1.2em; line-height: 1; } .sidebar form.poll input.radio { position: relative; top: 3px; } html:first-child .sidebar form.poll input.radio { top: -1px; } .sidebar form.poll input.image { margin-top: 5px; margin-left: 17px; } .sidebar form.poll p { padding: 2px 0; font-size: 0.9em; } #primarycontent .add_comment { margin: 0; padding: 5px 17px; } #primarycontent .add_comment p.add { padding: 10px 0; font-size: 1.2em; } #primarycontent .add_comment p.add span, #primarycontent .add_comment p.add a { } #primarycontent .add_comment p.rating img { position: relative; top: 3px; } #primarycontent .add_comment form input.text { width: 290px; } #primarycontent .add_comment form textarea { width: 90%; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { color: #4F5253; font-size: 0.9em; line-height: 1.2; } #footer a { color: #1A1F24; text-decoration: underline; } #footer a:hover { text-decoration: none; } #footer .menu { line-height: 45px; text-align: center; background: #AAAEB2 url(../img/footer.png) no-repeat 0 0; height: 47px; overflow: hidden; } #footer .menu { color: #1A1F24; } #footer .info { min-height: 120px; } #footer .info .copyright { float: left; padding: 15px 0 0 15px; } #footer .info .center { margin: 0 235px; text-align: center; } #footer .info .center p.terms { margin-bottom: 13px; padding: 13px 0; border-bottom: 1px solid #C3C6C8; }