<data:blog.pageTitle/> a, .vkcheckbox:before, .vkradiobutton:before { -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; } header, footer, article, nav, #vkhmenu-bg, .vksheet, .vkslidenavigator > a, .vkcheckbox:before, .vkradiobutton:before { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style-type: none; } ol { list-style-position: inside; } html, body { height: 100%; } /** * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * https://github.com/necolas/normalize.css */ html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */} body { padding: 0; margin:0; min-width: 992px; color: #40412A; } .vkheader:before, #vkheader-bg:before, .vklayout-cell:before, .vklayout-wrapper:before, .vkfooter:before, .vknav:before, #vkhmenu-bg:before, .vksheet:before { width: 100%; content: " "; display: table; border-collapse: collapse; border-spacing: 0; } .vkheader:after, #vkheader-bg:after, .vklayout-cell:after, .vklayout-wrapper:after, .vkfooter:after, .vknav:after, #vkhmenu-bg:after, .vksheet:after, .cleared, .clearfix:after { clear: both; font: 0/0 serif; display: block; content: " "; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } li h1, .vkpostcontent li h1, .vkblockcontent li h1 { margin:1px; } li h2, .vkpostcontent li h2, .vkblockcontent li h2 { margin:1px; } li h3, .vkpostcontent li h3, .vkblockcontent li h3 { margin:1px; } li h4, .vkpostcontent li h4, .vkblockcontent li h4 { margin:1px; } li h5, .vkpostcontent li h5, .vkblockcontent li h5 { margin:1px; } li h6, .vkpostcontent li h6, .vkblockcontent li h6 { margin:1px; } li p, .vkpostcontent li p, .vkblockcontent li p { margin:1px; } .vkshapes { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; } .vkslider-inner { position: relative; overflow: hidden; width: 100%; height: 100%; } .vkslidenavigator > a { display: inline-block; vertical-align: middle; outline-style: none; font-size: 1px; } .vkslidenavigator > a:last-child { margin-right: 0 !important; } .vkslidecontainerheader { position: relative; width: 100%; height: 100%; } .default-responsive .vkheader .vkslidecontainerheader, .responsive .vkheader .vkslidecontainerheader { position: absolute !important; } .responsive .vkpageslider .vkslidecontainerheader { position: absolute !important; } .vkslidecontainerheader .vkslide-item { -webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } .vkslidecontainerheader .vkslide-item { -webkit-transition: 1000ms ease-in-out opacity; -moz-transition: 1000ms ease-in-out opacity; -ms-transition: 1000ms ease-in-out opacity; -o-transition: 1000ms ease-in-out opacity; transition: 1000ms ease-in-out opacity; position: absolute !important; display: none; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; } .vkslidecontainerheader .active, .vkslidecontainerheader .next, .vkslidecontainerheader .prev { display: block; } .vkslidecontainerheader .active { opacity: 1; } .vkslidecontainerheader .next, .vkslidecontainerheader .prev { width: 100%; } .vkslidecontainerheader .next.forward, .vkslidecontainerheader .prev.back { opacity: 1; } .vkslidecontainerheader .active.forward { opacity: 0; } .vkslidecontainerheader .active.back { opacity: 0; } .vkslideheader0 { background-image: url('images/slideheader0.jpg'); /* background-size: auto auto; */ background-position: center center; background-repeat: no-repeat; } /* special setup for header/pageslider */ .responsive .vkheader .vkslideheader0 { background-image: url('images/slideheader0.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; } .responsive .vkpageslider .vkslideheader0 { background-image: url('images/slideheader0.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; } .default-responsive .vkheader .vkslideheader0 { background-image: url('images/slideheader0.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; } .default-responsive .vkpageslider .vkslideheader0 { background-image: url('images/slideheader0.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; }.vkslideheader1 { background-image: url('images/slideheader1.jpg'); /* background-size: auto auto; */ background-position: center center; background-repeat: no-repeat; } /* special setup for header/pageslider */ .responsive .vkheader .vkslideheader1 { background-image: url('images/slideheader1.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; } .responsive .vkpageslider .vkslideheader1 { background-image: url('images/slideheader1.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; } .default-responsive .vkheader .vkslideheader1 { background-image: url('images/slideheader1.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; } .default-responsive .vkpageslider .vkslideheader1 { background-image: url('images/slideheader1.jpg'); background-size: auto auto; background-position: center center; background-repeat: no-repeat; } .vkslidenavigatorheader { display: inline-block; position: absolute; direction: ltr !important; top: 212px; left: 96.96%; z-index: 101; line-height: 0 !important; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; white-space: nowrap; } .vkslidenavigatorheader { background: #D3EF81;background: transparent;background: transparent;background: transparent;background: transparent;-svg-background: transparent;background: transparent; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; padding:3px; } .vkslidenavigatorheader > a { background: #94BE19;background: #94BE19;background: #94BE19;background: #94BE19;background: #94BE19;-svg-background: #94BE19;background: #94BE19; -webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%; margin:0 10px 0 0; width: 7px; height: 7px; } .vkslidenavigatorheader > a.active { background: #71A829;background: #71A829;background: #71A829;background: #71A829;background: #71A829;-svg-background: #71A829;background: #71A829; -webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%; margin:0 10px 0 0; width: 7px; height: 7px; } .vkslidenavigatorheader > a:hover { background: #6E7048;background: -webkit-linear-gradient(top, #6E7048 0, #71734A 40%, #71734A 80%, #525436 100%) no-repeat;background: -moz-linear-gradient(top, #6E7048 0, #71734A 40%, #71734A 80%, #525436 100%) no-repeat;background: -o-linear-gradient(top, #6E7048 0, #71734A 40%, #71734A 80%, #525436 100%) no-repeat;background: -ms-linear-gradient(top, #6E7048 0, #71734A 40%, #71734A 80%, #525436 100%) no-repeat;-svg-background: linear-gradient(top, #6E7048 0, #71734A 40%, #71734A 80%, #525436 100%) no-repeat;background: linear-gradient(to bottom, #6E7048 0, #71734A 40%, #71734A 80%, #525436 100%) no-repeat; -webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%; margin:0 10px 0 0; width: 7px; height: 7px; } .vksheet { background: #F3F3EC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:2px; margin:10px auto 0; position:relative; cursor:auto; width: 992px; z-index: auto !important; } .vkheader { -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; margin:0 auto; background-repeat: no-repeat; height: 225px; background-image: none; background-position: 0 0; position: relative; z-index: auto !important; } .custom-responsive .vkheader { background-image: none; background-position: 0 0; } .default-responsive .vkheader, .default-responsive #vkheader-bg { background-image: none; background-position: center center; background-size: auto; } .vkheader .vkheader-widget { position:absolute; z-index:101; } .vkheader .vkslider-inner { -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } .vknav { background: #40412A; background: transparent; padding:3px; position: absolute; margin: 0; bottom: 0; width: 100%; z-index: 100; text-align: right; } ul.vkhmenu a, ul.vkhmenu a:link, ul.vkhmenu a:visited, ul.vkhmenu a:hover { outline: none; position: relative; z-index: 11; } ul.vkhmenu, ul.vkhmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.vkhmenu li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0; padding: 0; border: 0; } ul.vkhmenu li:hover { z-index: 10000; white-space: normal; } ul.vkhmenu:after, ul.vkhmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.vkhmenu, ul.vkhmenu ul { min-height: 0; } ul.vkhmenu { display: inline-block; vertical-align: middle; } .vknav:before { content:' '; } .vknav:not(#vkhmenu-bg) { border-top-left-radius: 0; border-top-right-radius: 0; } .vkhmenu-extra1 { position: relative; display: block; float: left; width: auto; height: auto; background-position: center; } .vkhmenu-extra2 { position: relative; display: block; float: right; width: auto; height: auto; background-position: center; } .vkhmenu { float: right; } .vkmenuitemcontainer { margin:0 auto; } ul.vkhmenu>li { margin-left: 13px; } ul.vkhmenu>li:first-child { margin-left: 6px; } ul.vkhmenu>li:last-child, ul.vkhmenu>li.last-child { margin-right: 6px; } ul.vkhmenu>li>a { background: #B5B78F; border:1px solid rgba(79, 81, 52, 0.4); padding:0 12px; margin:0 auto; position: relative; display: block; height: 21px; cursor: pointer; text-decoration: none; color: #273207; line-height: 21px; text-align: center; } .vkhmenu>li>a, .vkhmenu>li>a:link, .vkhmenu>li>a:visited, .vkhmenu>li>a.active, .vkhmenu>li>a:hover { font-size: 12px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; text-align: left; } ul.vkhmenu>li>a.active { background: #71A929; background: rgba(113, 169, 41, 0.9); border:1px solid transparent; padding:0 12px; margin:0 auto; color: #EDEDE3; text-decoration: none; } ul.vkhmenu>li>a:visited, ul.vkhmenu>li>a:hover, ul.vkhmenu>li:hover>a { text-decoration: none; } ul.vkhmenu>li>a:hover, .desktop ul.vkhmenu>li:hover>a { background: #C3E954; background: rgba(195, 233, 84, 0.7); border:1px solid transparent; padding:0 12px; margin:0 auto; } ul.vkhmenu>li>a:hover, .desktop ul.vkhmenu>li:hover>a { color: #313220; text-decoration: none; } ul.vkhmenu>li:before { position:absolute; display: block; content:' '; top:0; left: -13px; width:13px; height: 21px; background: url('images/menuseparator.png') center center no-repeat; } ul.vkhmenu>li:first-child:before{ display:none; } ul.vkhmenu li li a { background: #D3EE81; background: transparent; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; padding:0 25px; margin:0 auto; } ul.vkhmenu li li { float: none; width: auto; margin-top: 4px; margin-bottom: 4px; } .desktop ul.vkhmenu li li ul>li:first-child { margin-top: 0; } ul.vkhmenu li li ul>li:last-child { margin-bottom: 0; } .vkhmenu ul a { display: block; white-space: nowrap; height: 30px; min-width: 7em; border: 0 solid transparent; text-align: left; line-height: 30px; color: #43560B; font-size: 11px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-transform: uppercase; margin:0; } .vkhmenu ul a:link, .vkhmenu ul a:visited, .vkhmenu ul a.active, .vkhmenu ul a:hover { text-align: left; line-height: 30px; color: #43560B; font-size: 11px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; text-transform: uppercase; margin:0; } ul.vkhmenu ul li a:hover, .desktop ul.vkhmenu ul li:hover>a { background: #C3E954; background: transparent; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin:0 auto; } .vkhmenu ul a:hover { text-decoration: underline; color: #669825; } .desktop .vkhmenu ul li:hover>a { color: #669825; } ul.vkhmenu ul:before { background: #E7F6BB; margin:0 auto; display: block; position: absolute; content: ' '; z-index: 1; } .desktop ul.vkhmenu li:hover>ul { visibility: visible; top: 100%; } .desktop ul.vkhmenu li li:hover>ul { top: 0; left: 100%; } ul.vkhmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('images/spacer.gif'); } .desktop ul.vkhmenu>li>ul { padding: 15px 35px 35px 35px; margin: -10px 0 0 -30px; } .desktop ul.vkhmenu ul ul { padding: 35px 35px 35px 15px; margin: -35px 0 0 -5px; } .desktop ul.vkhmenu ul.vkhmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } .desktop ul.vkhmenu ul.vkhmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } .desktop ul.vkhmenu li li:hover>ul.vkhmenu-left-to-right { right: auto; left: 100%; } .desktop ul.vkhmenu li li:hover>ul.vkhmenu-right-to-left { left: auto; right: 100%; } .desktop ul.vkhmenu ul ul.vkhmenu-left-to-right { right: auto; left: 0; padding: 35px 35px 35px 15px; margin: -35px 0 0 -5px; } .desktop ul.vkhmenu ul ul.vkhmenu-right-to-left { left: auto; right: 0; padding: 35px 15px 35px 35px; margin: -35px -5px 0 0; } .desktop ul.vkhmenu li ul>li:first-child { margin-top: 0; } .desktop ul.vkhmenu li ul>li:last-child { margin-bottom: 0; } .desktop ul.vkhmenu ul ul:before { border-radius: 0; top: 30px; bottom: 30px; right: 30px; left: 10px; } .desktop ul.vkhmenu>li>ul:before { top: 10px; right: 30px; bottom: 30px; left: 30px; } .desktop ul.vkhmenu>li>ul.vkhmenu-left-to-right:before { right: 30px; left: 30px; } .desktop ul.vkhmenu>li>ul.vkhmenu-right-to-left:before { right: 30px; left: 30px; } .desktop ul.vkhmenu ul ul.vkhmenu-left-to-right:before { right: 30px; left: 10px; } .desktop ul.vkhmenu ul ul.vkhmenu-right-to-left:before { right: 10px; left: 30px; } .desktop ul.vkhmenu>li.ext>a { white-space: nowrap; } .desktop ul.vkhmenu>li.ext>a:hover, .desktop ul.vkhmenu>li.ext:hover>a, .desktop ul.vkhmenu>li.ext:hover>a.active { background: none; /* default padding + border size */ padding: 1px 13px 1px 13px; /* margin for shadow */ margin: -0 -0 0 -0; overflow: hidden; position: relative; border: none; border-radius: 0; box-shadow: none; color: #556C0E; } .desktop ul.vkhmenu>li.ext>a:hover:before, .desktop ul.vkhmenu>li.ext:hover>a:before, .desktop ul.vkhmenu>li.ext:hover>a.active:before { position: absolute; content: ' '; /* top, right, left - for shadow */ top: 0; right: 0; left: 0; /* border + shadow */ bottom: -0; background-color: #E7F6BB; border: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); z-index: -1; } .desktop ul.vkhmenu>li.ext:hover>ul { padding-top: 5px; /* menu bar padding */ margin-top: 0; } .desktop ul.vkhmenu>li.ext:hover>ul:before { /* border + shadow */ top: -0; clip: rect(5px, auto, auto, auto); border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } ul.vkhmenu>li.ext>.ext-r, ul.vkhmenu>li.ext>.ext-l, ul.vkhmenu>li.ext>.ext-m, ul.vkhmenu>li.ext>.ext-off { display: none; z-index: 12; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .desktop ul.vkhmenu>li.ext>ul { z-index: 13; } .desktop ul.vkhmenu>li.ext.ext-r:hover>.ext-r, .desktop ul.vkhmenu>li.ext.ext-l:hover>.ext-l { position: absolute; display: block; overflow: hidden; /* size of radius * if size if 0 we should now generate script * that adds ext-r and ext-m divs */ height: 5px; top: 100%; padding-top: 0; margin-top: -0; /* border width + shadow */} .desktop ul.vkhmenu>li.ext:hover>.ext-r:before, .desktop ul.vkhmenu>li.ext:hover>.ext-l:before { position: absolute; content: ' '; top: 0; /* border + shadow */ bottom: -0; background-color: #E7F6BB; border: 0 solid transparent; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } .desktop ul.vkhmenu>li.ext.ext-r:hover>.ext-r { left: 100%; right: auto; padding-left: 0; margin-left: 0; padding-right: 0; margin-right: -0; /* only shadow */} .desktop ul.vkhmenu>li.ext.ext-r:hover>.ext-r:before { right: 0; left: -0; border-top-left-radius: 0; border-top-right-radius: 0; } .desktop ul.vkhmenu>li.ext.ext-l:hover>.ext-l { right: 100%; left: auto; padding-right: 0; margin-right: 0; padding-left: 0; margin-left: -0; /* only shadow */} .desktop ul.vkhmenu>li.ext.ext-l:hover>.ext-l:before { right: -0; left: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .desktop ul.vkhmenu>li.ext:hover>.ext-m, .desktop ul.vkhmenu>li.ext:hover>.ext-off { position: absolute; display: block; overflow: hidden; height: 5px; top: 100%; } .desktop ul.vkhmenu>li.ext.ext-r:hover>.ext-m { /* shadow offset */ left: -0; right: 0; /* shadow offset */ padding-right: 0; padding-left: 0; } .desktop ul.vkhmenu>li.ext:hover>.ext-off { /* shadow offset */ left: -0; right: -0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop ul.vkhmenu>li.ext.ext-l:hover>.ext-m { /* shadow offset */ right: -0; left: 0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop ul.vkhmenu>li.ext.ext-l.ext-r:hover>.ext-m { /* shadow offset */ right: -0; left: -0; /* shadow offset */ padding-left: 0; padding-right: 0; } .desktop ul.vkhmenu>li.ext:hover>.ext-m:before, .desktop ul.vkhmenu>li.ext:hover>.ext-off:before { position: absolute; content: ' '; top: -0; bottom: -0; /* shadow offset */ background-color: #E7F6BB; border: 0 solid transparent; box-shadow: 0 0 0 rgba(0, 0, 0, 0.8); } .desktop ul.vkhmenu>li.ext.ext-r:hover>.ext-m:before { right: -0; left: 0; } .desktop ul.vkhmenu>li.ext.ext-l:hover>.ext-m:before { left: -0; right: 0; } .desktop ul.vkhmenu>li.ext.ext-l.ext-r:hover>.ext-m:before { left: -0; right: -0 ; } .vklayout-wrapper { position: relative; margin: 0 auto 0 auto; z-index: auto !important; } .vkcontent-layout { display: table; width: 100%; table-layout: fixed; } .vkcontent-layout-row { display: table-row; } .vklayout-cell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; } /* need only for content layout in post content */ .vkpostcontent .vkcontent-layout { border-collapse: collapse; } .vkbreadcrumbs { margin:0 auto; } a.vkbutton, a.vkbutton:link, a:link.vkbutton:link, body a.vkbutton:link, a.vkbutton:visited, body a.vkbutton:visited, input.vkbutton, button.vkbutton { text-decoration: none; font-size: 12px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-transform: uppercase; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #000000; margin: 0 5px 0 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 25px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .vkbutton img { margin: 0; vertical-align: middle; } .firefox2 .vkbutton { display: block; float: left; } input, select, textarea, a.vksearch-button span { vertical-align: middle; font-size: 12px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-transform: uppercase; } .vkblock select { width:96%; } input.vkbutton { float: none !important; -webkit-appearance: none; } .vkbutton.active, .vkbutton.active:hover { background: #537B1E; background: -webkit-linear-gradient(top, rgba(85, 127, 31, 0.8) 0, rgba(88, 131, 32, 0.8) 40%, rgba(88, 131, 32, 0.8) 80%, rgba(58, 86, 21, 0.8) 100%) no-repeat; background: -moz-linear-gradient(top, rgba(85, 127, 31, 0.8) 0, rgba(88, 131, 32, 0.8) 40%, rgba(88, 131, 32, 0.8) 80%, rgba(58, 86, 21, 0.8) 100%) no-repeat; background: -o-linear-gradient(top, rgba(85, 127, 31, 0.8) 0, rgba(88, 131, 32, 0.8) 40%, rgba(88, 131, 32, 0.8) 80%, rgba(58, 86, 21, 0.8) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(85, 127, 31, 0.8) 0, rgba(88, 131, 32, 0.8) 40%, rgba(88, 131, 32, 0.8) 80%, rgba(58, 86, 21, 0.8) 100%) no-repeat; -svg-background: linear-gradient(top, rgba(85, 127, 31, 0.8) 0, rgba(88, 131, 32, 0.8) 40%, rgba(88, 131, 32, 0.8) 80%, rgba(58, 86, 21, 0.8) 100%) no-repeat; background: linear-gradient(to bottom, rgba(85, 127, 31, 0.8) 0, rgba(88, 131, 32, 0.8) 40%, rgba(88, 131, 32, 0.8) 80%, rgba(58, 86, 21, 0.8) 100%) no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #537B1E; padding:0 15px; margin:0 auto; } .vkbutton.active, .vkbutton.active:hover { color: #DEF1C5 !important; } .vkbutton.hover, .vkbutton:hover { background: #71A929; background: transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #537B1E; padding:0 15px; margin:0 auto; } .vkbutton.hover, .vkbutton:hover { color: #000000 !important; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea { background: #F3F3EC; background: rgba(243, 243, 236, 0.3); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #A3A573; margin:0 auto; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea { width: 100%; padding: 10px 0; color: #40412A !important; font-size: 12px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-transform: uppercase; text-shadow: none; } input.vkerror, textarea.vkerror { background: #F3F3EC; border:1px solid #F5250A; margin:0 auto; } input.vkerror, textarea.vkerror { color: #43442C !important; font-size: 12px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-transform: uppercase; } form.vksearch input[type="text"] { background: #F3F3EC; background: rgba(243, 243, 236, 0.3); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:1px solid #A3A573; margin:0 auto; width: 100%; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #40412A !important; font-size: 13px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; } form.vksearch { background-image: none; border: 0; display:block; position:relative; top:0; padding:0; margin:5px; left:0; line-height: 0; } form.vksearch input, a.vksearch-button { -webkit-appearance: none; top:0; right:0; } form.vksearch>input, a.vksearch-button{ bottom:0; left:0; vertical-align: middle; } form.vksearch input[type="submit"], input.vksearch-button, a.vksearch-button { border-radius: 0; margin:0 auto; } form.vksearch input[type="submit"], input.vksearch-button, a.vksearch-button { position:absolute; left:auto; display:block; border:none; background:url('images/searchicon.png') center center no-repeat; width:24px; height: 100%; padding:0; color: #000000 !important; cursor: pointer; } a.vksearch-button span.vksearch-button-text { display: none; } label.vkcheckbox:before { background: #F3F3EC; background: -webkit-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: -moz-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: -o-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: -ms-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; -svg-background: linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: linear-gradient(to bottom, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); border:1px solid #A3A573; margin:0 auto; width:20px; height:20px; } label.vkcheckbox { cursor: pointer; font-size: 13px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 20px; display: inline-block; color: #40412A !important; } .vkcheckbox>input[type="checkbox"] { margin: 0 5px 0 0; } label.vkcheckbox.active:before { background: #D3EE81; background: -webkit-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: -moz-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: -o-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: -ms-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; -svg-background: linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: linear-gradient(to bottom, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); border:1px solid #A3A573; margin:0 auto; width:20px; height:20px; display: inline-block; } label.vkcheckbox.hovered:before { background: #E7F6BB; background: -webkit-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: -moz-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: -o-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: -ms-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; -svg-background: linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: linear-gradient(to bottom, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); border:1px solid #A3A573; margin:0 auto; width:20px; height:20px; display: inline-block; } label.vkradiobutton:before { background: #F3F3EC; background: -webkit-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: -moz-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: -o-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: -ms-linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; -svg-background: linear-gradient(top, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; background: linear-gradient(to bottom, #EDEDE3 0, #EFEFE6 40%, #EFEFE6 85%, #DCDDCA 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); border:1px solid #A3A573; margin:0 auto; width:20px; height:20px; } label.vkradiobutton { cursor: pointer; font-size: 13px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; line-height: 20px; display: inline-block; color: #40412A !important; } .vkradiobutton>input[type="radio"] { vertical-align: baseline; margin: 0 5px 0 0; } label.vkradiobutton.active:before { background: #D3EE81; background: -webkit-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: -moz-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: -o-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: -ms-linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; -svg-background: linear-gradient(top, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; background: linear-gradient(to bottom, #D3EF81 0, #D5EF85 40%, #D5EF85 85%, #C8EA61 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); border:1px solid #A3A573; margin:0 auto; width:20px; height:20px; display: inline-block; } label.vkradiobutton.hovered:before { background: #E7F6BB; background: -webkit-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: -moz-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: -o-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: -ms-linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; -svg-background: linear-gradient(top, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; background: linear-gradient(to bottom, #E7F6BB 0, #E9F7C0 40%, #E9F7C0 85%, #DCF29C 100%) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3); border:1px solid #A3A573; margin:0 auto; width:20px; height:20px; display: inline-block; } .vkcomments { margin:0 auto; margin-top: 25px; } .vkcomments h2 { color: #40412A; } .vkcomment { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid #A3A573; padding:7px; margin:0 auto; margin-top: 6px; } .vkcomment-avatar { float:left; width:80px; height:80px; padding:1px; background:#fff; border:1px dotted #C3E954; } .vkcomment-avatar>img { margin:0 !important; border:none !important; } .vkcomment-content { padding:10px 0; color: #40412A; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkcomment:first-child { margin-top: 0; } .vkcomment-inner { margin-left: 84px; } .vkcomment-header { color: #40412A; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkcomment-header a, .vkcomment-header a:link, .vkcomment-header a:visited, .vkcomment-header a.visited, .vkcomment-header a:hover, .vkcomment-header a.hovered { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkcomment-header a, .vkcomment-header a:link { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #4A5F0C; } .vkcomment-header a:visited, .vkcomment-header a.visited { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #40412A; } .vkcomment-header a:hover, .vkcomment-header a.hovered { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #131D07; } .vkcomment-content a, .vkcomment-content a:link, .vkcomment-content a:visited, .vkcomment-content a.visited, .vkcomment-content a:hover, .vkcomment-content a.hovered { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkcomment-content a, .vkcomment-content a:link { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #4A5F0C; } .vkcomment-content a:visited, .vkcomment-content a.visited { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #40412A; } .vkcomment-content a:hover, .vkcomment-content a.hovered { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #131D07; } .vkpager { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:5px; margin:3px; text-align:left; } .vkpager>*:last-child { margin-right:0 !important; } .vkpager>span { cursor:default; } .vkpager>* { background: #E7F6BB; background: transparent; border:1px solid transparent; padding:7px; margin:0 9px 0 auto; line-height: normal; position:relative; display:inline-block; margin-left: 0; } .vkpager a:link, .vkpager a:visited, .vkpager .active { line-height: normal; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #273A0E ; } .vkpager .active { background: #D3EE81; background: transparent; border:1px solid transparent; padding:7px; margin:0 9px 0 auto; color: #273A0E ; } .vkpager .more { background: #E7F6BB; background: transparent; border:1px solid transparent; margin:0 9px 0 auto; } .vkpager a.more:link, .vkpager a.more:visited { color: #273A0E ; } .vkpager a:hover { background: #C3E954; border:1px solid #C3E954; padding:7px; margin:0 9px 0 auto; } .vkpager a:hover, .vkpager a.more:hover { color: #131D07 ; } .vkpager>*:after { margin:0 0 0 auto; display:inline-block; position:absolute; content: ' '; top:0; width:0; height:100%; border-right:1px dashed #C3E954; right: -6px; text-decoration:none; } .vkpager>*:last-child:after{ display:none; } .vkcommentsform { background: #EDEDE3; background: transparent; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:1px dotted #A3A573; padding:7px; margin:0 auto; margin-top:25px; color: #40412A; } .vkcommentsform h2{ padding-bottom:10px; margin: 0; color: #40412A; } .vkcommentsform label { display: inline-block; line-height: 25px; } .vkcommentsform input:not([type=submit]), .vkcommentsform textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; max-width:100%; } .vkcommentsform .form-submit { margin-top: 20px; } .vkblock { border:1px solid transparent; margin:10px; } div.vkblock img { margin: 5px; } .vkblockheader { border:1px dotted transparent; padding:10px 7px; margin:0 auto; } .vkblockheader .t, .vkblockheader .t a, .vkblockheader .t a:link, .vkblockheader .t a:visited, .vkblockheader .t a:hover { color: #000000; font-size: 14px; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-transform: uppercase; margin: 0 10px; } .vkblockheader .t:before { content:url('images/blockheadericon.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; } .opera .vkblockheader .t:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkblockcontent { border:1px solid transparent; padding:7px; margin:0 auto; color: #43442C; font-size: 12px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-align: justify; } .vkblockcontent table, .vkblockcontent li, .vkblockcontent a, .vkblockcontent a:link, .vkblockcontent a:visited, .vkblockcontent a:hover { color: #43442C; font-size: 12px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-align: justify; } .vkblockcontent p { margin: 0 5px; } .vkblockcontent a, .vkblockcontent a:link { color: #A6D41C; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkblockcontent a:visited, .vkblockcontent a.visited { color: #BBBD99; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .vkblockcontent a:hover, .vkblockcontent a.hover { color: #9DD552; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; } .vkblock ul>li:before { content:url('images/blockbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left: -11px; } .opera .vkblock ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkblock li { font-size: 13px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-align: justify; line-height: 125%; color: #5B5D3C; margin: 5px 0 0 10px; } .vkblock ul>li, .vkblock ol { padding: 0; } .vkblock ul>li { padding-left: 11px; } .vkpost { background: #EDEDE3; background: rgba(237, 237, 227, 0.8); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.08); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.08); padding:3px; margin:10px; } a img { border: 0; } .vkarticle img, img.vkarticle, .vkblock img, .vkfooter img { border: 1px solid #B5B78F; margin: 10px 10px 10px 10px; } .vkmetadata-icons img { border: none; vertical-align: middle; margin: 2px; } .vkarticle table, table.vkarticle { border-collapse: collapse; margin: 1px; } .vkpost .vkcontent-layout-br { height: 0; } .vkarticle th, .vkarticle td { padding: 2px; border: solid 1px #4F5134; vertical-align: top; text-align: left; } .vkarticle th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } .preview-cms-logo { border: 0; margin: 1em 1em 0 0; float: left; } .image-caption-wrapper { padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper img { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper div.vkcollage { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-caption-wrapper p { font-size: 80%; text-align: right; margin: 0; } .vkpostmetadataheader { background: #F3F3EC; background: rgba(243, 243, 236, 0.5); border:1px solid #B5B78F; border-left:none; border-right:none; margin:0 auto; position:relative; z-index:1; padding: 1px; margin-bottom: 5px; } .vkpostheader { color: #3A5615; margin-top: 5px; font-size: 24px; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-transform: uppercase; } .vkpostheader a, .vkpostheader a:link, .vkpostheader a:visited, .vkpostheader a.visited, .vkpostheader a:hover, .vkpostheader a.hovered { font-size: 24px; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-transform: uppercase; } .vkpostheader a, .vkpostheader a:link { font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-transform: uppercase; text-align: left; color: #71A929; } .vkpostheader a:visited, .vkpostheader a.visited { font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #989B64; } .vkpostheader a:hover, .vkpostheader a.hovered { font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; color: #456719; } .vkpostheadericons, .vkpostheadericons a, .vkpostheadericons a:link, .vkpostheadericons a:visited, .vkpostheadericons a:hover { font-size: 11px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; color: #555738; } .vkpostheadericons { padding: 1px; } .vkpostheadericons a, .vkpostheadericons a:link { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #567F1F; } .vkpostheadericons a:visited, .vkpostheadericons a.visited { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; color: #6D8C12; } .vkpostheadericons a:hover, .vkpostheadericons a.hover { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; color: #232D06; } .vkpostdateicon:before { content:url('images/postdateicon.png'); margin-right:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .vkpostdateicon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkpostauthoricon:before { content:url('images/postauthoricon.png'); margin-right:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .vkpostauthoricon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkpostpdficon:before { content:url('images/postpdficon.png'); margin-right:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .vkpostpdficon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkpostprinticon:before { content:url('images/postprinticon.png'); margin-right:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .vkpostprinticon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkpostediticon:before { content:url('images/postediticon.png'); margin-right:6px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; bottom: auto; } .opera .vkpostediticon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkpostcontent ul>li:before, .vkpost ul>li:before, .vktextblock ul>li:before { content:url('images/postbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; } .opera .vkpostcontent ul>li:before, .opera .vkpost ul>li:before, .opera .vktextblock ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkpostcontent li, .vkpost li, .vktextblock li { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-align: justify; color: #192004; margin: 5px 0 0 11px; } .vkpostcontent ul>li, .vkpost ul>li, .vktextblock ul>li, .vkpostcontent ol, .vkpost ol, .vktextblock ol { padding: 0; } .vkpostcontent ul>li, .vkpost ul>li, .vktextblock ul>li { padding-left: 11px; } .vkpostcontent ul>li:before, .vkpost ul>li:before, .vktextblock ul>li:before { margin-left: -11px; } .vkpostcontent ol, .vkpost ol, .vktextblock ol, .vkpostcontent ul, .vkpost ul, .vktextblock ul { margin: 1em 0 1em 11px; } .vkpostcontent li ol, .vkpost li ol, .vktextblock li ol, .vkpostcontent li ul, .vkpost li ul, .vktextblock li ul { margin: 0.5em 0 0.5em 11px; } .vkpostcontent li, .vkpost li, .vktextblock li { margin: 5px 0 0 0; } .vkpostcontent ol>li, .vkpost ol>li, .vktextblock ol>li { /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .vkpostcontent ul>li, .vkpost ul>li, .vktextblock ul>li { /* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden; } blockquote { background: #D0D1B8 url('images/postquote.png') no-repeat scroll; border:1px dotted #B5B78F; padding:15px 15px 15px 52px; margin:0 0 0 15px; color: #313220; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-align: justify; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both; } blockquote a, .vkpostcontent blockquote a, .vkblockcontent blockquote a, .vkfooter blockquote a, blockquote a:link, .vkpostcontent blockquote a:link, .vkblockcontent blockquote a:link, .vkfooter blockquote a:link, blockquote a:visited, .vkpostcontent blockquote a:visited, .vkblockcontent blockquote a:visited, .vkfooter blockquote a:visited, blockquote a:hover, .vkpostcontent blockquote a:hover, .vkblockcontent blockquote a:hover, .vkfooter blockquote a:hover { color: #313220; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: italic; text-align: justify; } /* Override native 'p' margins*/ blockquote p, .vkpostcontent blockquote p, .vkblockcontent blockquote p, .vkfooter blockquote p { margin: 0; } .Sorter img { border:0; vertical-align:middle; padding:0; margin:0; position:static; z-index:1; width: 12px; height: 6px; } .Sorter a { position:relative; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #91B918; } .Sorter a:link { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #91B918; } .Sorter a:visited, .Sorter a.visited { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #91B918; } .Sorter a:hover, .Sorter a.hover { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color: #6D8C12; } .Sorter { font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; color:#4A5F0C; } .vkfooter { background: #A3A573; background: -webkit-linear-gradient(top, rgba(153, 156, 99, 0.8) 0, rgba(169, 171, 124, 0.8) 40%, rgba(171, 173, 127, 0.8) 50%, rgba(169, 171, 124, 0.8) 60%, rgba(153, 156, 99, 0.8) 100%) no-repeat; background: -moz-linear-gradient(top, rgba(153, 156, 99, 0.8) 0, rgba(169, 171, 124, 0.8) 40%, rgba(171, 173, 127, 0.8) 50%, rgba(169, 171, 124, 0.8) 60%, rgba(153, 156, 99, 0.8) 100%) no-repeat; background: -o-linear-gradient(top, rgba(153, 156, 99, 0.8) 0, rgba(169, 171, 124, 0.8) 40%, rgba(171, 173, 127, 0.8) 50%, rgba(169, 171, 124, 0.8) 60%, rgba(153, 156, 99, 0.8) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(153, 156, 99, 0.8) 0, rgba(169, 171, 124, 0.8) 40%, rgba(171, 173, 127, 0.8) 50%, rgba(169, 171, 124, 0.8) 60%, rgba(153, 156, 99, 0.8) 100%) no-repeat; -svg-background: linear-gradient(top, rgba(153, 156, 99, 0.8) 0, rgba(169, 171, 124, 0.8) 40%, rgba(171, 173, 127, 0.8) 50%, rgba(169, 171, 124, 0.8) 60%, rgba(153, 156, 99, 0.8) 100%) no-repeat; background: linear-gradient(to bottom, rgba(153, 156, 99, 0.8) 0, rgba(169, 171, 124, 0.8) 40%, rgba(171, 173, 127, 0.8) 50%, rgba(169, 171, 124, 0.8) 60%, rgba(153, 156, 99, 0.8) 100%) no-repeat; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border-top:1px solid #D0D1B8; padding:10px; margin:0 auto; position: relative; color: #192004; font-size: 11px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-align: center; } .vkfooter a, .vkfooter a:link, .vkfooter a:visited, .vkfooter a:hover, .vkfooter td, .vkfooter th, .vkfooter caption { color: #192004; font-size: 11px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkfooter p { padding:0; text-align: center; } .vkfooter a, .vkfooter a:link { color: #375214; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .vkfooter a:visited { color: #1E1F14; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: none; } .vkfooter a:hover { color: #1E1F14; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; text-decoration: underline; } .vkfooter h1 { color: #B4E327; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkfooter h2 { color: #898C5A; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkfooter h3 { color: #898C5A; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkfooter h4 { color: #B5B78F; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkfooter h5 { color: #B5B78F; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkfooter h6 { color: #B5B78F; font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; } .vkfooter img { margin: 7px; } .vkrss-tag-icon { background: url('images/footerrssicon.png') no-repeat scroll; margin:0 auto; min-height:34px; min-width:34px; display: inline-block; text-indent: 37px; background-position: left center; vertical-align: middle; } .vkrss-tag-icon:empty { vertical-align: middle; } .vkfacebook-tag-icon { background: url('images/footerfacebookicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .vkfacebook-tag-icon:empty { vertical-align: middle; } .vktwitter-tag-icon { background: url('images/footertwittericon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .vktwitter-tag-icon:empty { vertical-align: middle; } .vktumblr-tag-icon { background: url('images/tumblricon.png') no-repeat scroll; margin:0 auto; min-height:33px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .vktumblr-tag-icon:empty { vertical-align: middle; } .vkpinterest-tag-icon { background: url('images/pinteresticon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .vkpinterest-tag-icon:empty { vertical-align: middle; } .vkvimeo-tag-icon { background: url('images/vimeoicon.png') no-repeat scroll; margin:0 auto; min-height:33px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .vkvimeo-tag-icon:empty { vertical-align: middle; } .vkyoutube-tag-icon { background: url('images/youtubeicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .vkyoutube-tag-icon:empty { vertical-align: middle; } .vklinkedin-tag-icon { background: url('images/linkedinicon.png') no-repeat scroll; margin:0 auto; min-height:33px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle; } .vklinkedin-tag-icon:empty { vertical-align: middle; } .vkfooter ul>li:before { content:url('images/footerbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left: -10px; } .opera .vkfooter ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0; } .vkfooter li { font-size: 13px; font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 125%; color: #2B2B1C; margin: 5px 0 0 5px; } .vkfooter ul>li, .vkfooter ol { padding: 0; } .vkfooter ul>li { padding-left: 10px; } .vkpage-footer, .vkpage-footer a, .vkpage-footer a:link, .vkpage-footer a:visited, .vkpage-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #4C4E32; } .vkpage-footer { position: relative; z-index: auto !important; padding: 1em; text-align: center !important; text-decoration: none; color: #4C4E32; } .vklightbox-wrapper { background: #333; background: rgba(0, 0, 0, .8); bottom: 0; left: 0; padding: 0 100px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000000; } .vklightbox, .vklightbox-wrapper .vklightbox-image { cursor: pointer; } .vklightbox-wrapper .vklightbox-image { border: 6px solid #fff; border-radius: 3px; display: none; max-width: 100%; vertical-align: middle; } .vklightbox-wrapper .vklightbox-image.active { display: inline-block; } .vklightbox-wrapper .lightbox-error { background: #fff; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 80px; opacity: .95; padding: 20px; position: fixed; width: 300px; z-index: 100; } .vklightbox-wrapper .loading { background: #fff url('images/preloader-01.gif') center center no-repeat; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 32px; opacity: .5; padding: 10px; position: fixed; width: 32px; z-index: 10100; } .vklightbox-wrapper .arrow { cursor: pointer; height: 100px; opacity: .5; filter: alpha(opacity=50); position: fixed; width: 82px; z-index: 10003; } .vklightbox-wrapper .arrow.left { left: 9px; } .vklightbox-wrapper .arrow.right { right: 9px; } .vklightbox-wrapper .arrow:hover { opacity: 1; filter: alpha(opacity=100); } .vklightbox-wrapper .arrow.disabled { display: none; } .vklightbox-wrapper .arrow-t, .vklightbox-wrapper .arrow-b { background-color: #fff; border-radius: 3px; height: 6px; left: 26px; position: relative; width: 30px; } .vklightbox-wrapper .arrow-t { top: 38px; } .vklightbox-wrapper .arrow-b { top: 50px; } .vklightbox-wrapper .close { cursor: pointer; height: 22px; opacity: .5; filter: alpha(opacity=50); position: fixed; right: 39px; top: 30px; width: 22px; z-index: 10003; } .vklightbox-wrapper .close:hover { opacity: 1; filter: alpha(opacity=100); } .vklightbox-wrapper .close .cw, .vklightbox-wrapper .close .ccw { background-color: #fff; border-radius: 3px; height: 6px; position: absolute; left: -4px; top: 8px; width: 30px; } .vklightbox-wrapper .cw { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ -moz-transform: rotate(45deg); /* Firefox */} .vklightbox-wrapper .ccw { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ -moz-transform: rotate(-45deg); /* Firefox */} .vklightbox-wrapper .close-alt, .vklightbox-wrapper .arrow-right-alt, .vklightbox-wrapper .arrow-left-alt { color: #fff; display: none; font-size: 2.5em; line-height: 100%; } .ie8 .vklightbox-wrapper .close-alt, .ie8 .vklightbox-wrapper .arrow-right-alt, .ie8 .vklightbox-wrapper .arrow-left-alt { display: block; } .ie8 .vklightbox-wrapper .cw, .ie8 .vklightbox-wrapper .ccw { display: none; } .vkcontent-layout .vkcontent { margin:0 auto; } .vkcontent-layout .vksidebar1 { background: #B5B78F; background: transparent; margin:0 auto; width: 200px; } .vkcontent-layout .vksidebar2 { background: #B5B78F; background: transparent; margin:0 auto; width: 200px; } /* Begin Additional CSS Styles */ /* End Additional CSS Styles */ ]]>