/*new*//* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. *//* ========================================================================== Base styles: opinionated defaults ========================================================================== */a { color: #698b22;}a:hover { text-decoration: none;}html,button,input,select,textarea { color: #222;}body { font-size: 1em; line-height: 1.4; }/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */::-moz-selection { background:#698B22; color:#fff; text-shadow:none;}::selection { background:#698B22; color:#fff; text-shadow:none;}/* * A better looking default horizontal rule */.fr { float: left;}hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}/* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */img { vertical-align: middle;}/* * Remove default fieldset styles. */fieldset { border: 0; margin: 0; padding: 0;}/* * Allow only vertical resizing of textareas. */textarea { resize: vertical;}/* ========================================================================== Chrome Frame prompt ========================================================================== */.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}/* ========================================================================== Author's custom styles ========================================================================== */html { background-color: grey; background-image: url(img/pattern.png);}body { font-size: 14px; color: #373737;}.wrapper { width: 1000px; margin-right: auto; margin-left: auto;}/* -------------------------------------------------------------------------- Main Styles -------------------------------------------------------------------------- *//* * social-buttons */.social-buttons { margin-left: 22px; display: inline-block; margin-bottom: 50px;}.social-buttons a { margin-right: 6px; outline: none;}.social-button { /*border-radius: 10em 10em 10em 10em;*/ width: 24px; height: 24px; /*background-color: #d9d9d9;*/ line-height: 24px; text-decoration: none !important; display: inline-block; vertical-align: text-top; margin-top: -6px;}.social-button:hover { /*background-color: #8fa85b;*/}
.vk { background: url(img/social-sprite.png) no-repeat scroll 0px top transparent;} .vk:hover { background: url(img/social-sprite.png) no-repeat scroll -24px top transparent;}
.fb { background: url(img/social-sprite.png) no-repeat scroll -48px top transparent;}.fb:hover { background: url(img/social-sprite.png) no-repeat scroll -72px top transparent;}
.tw { background: url(img/social-sprite.png) no-repeat scroll -96px top transparent;}.tw:hover { background: url(img/social-sprite.png) no-repeat scroll -120px top transparent;}
.pin { background: url(img/social-sprite.png) no-repeat scroll -144px top transparent;}.pin:hover { background: url(img/social-sprite.png) no-repeat scroll -168px top transparent;}
.goo { background: url(img/social-sprite.png) no-repeat scroll -192px top transparent;}.goo:hover { background: url(img/social-sprite.png) no-repeat scroll -216px top transparent;}
.ins { background: url(img/social-sprite.png) no-repeat scroll -240px top transparent;}.ins:hover { background: url(img/social-sprite.png) no-repeat scroll -264px top transparent;}
.rss { background: url(img/social-sprite.png) no-repeat scroll -288px top transparent;}.rss:hover { background: url(img/social-sprite.png) no-repeat scroll -312px top transparent;}
/* -------------------------------------------------------------------------- User-panel -------------------------------------------------------------------------- */.userpanel .wrapper { position: relative;}.userpanel { background-color: #fdfec3; min-width:1000px; max-height: 70px; min-height: 70px; line-height: 70px; border-bottom: 1px solid #f1f1f1;}.userpanel span.reg { background-color: #fff; /*border: 1px solid #eeeeee;*/ display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 34px; margin-left: -6px; border: 1px solid #E2E2E2; height: 34px;}.userpanel a.reglink { font-size: 13px; background-color: #c11d39; color: #fff; line-height: 30px; height: 30px; text-decoration: none; display: inline-block; padding-left: 24px; padding-right: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 160px; text-align: center;}.userpanel a.reglink:hover { text-decoration: underline;}.userpanel form.login{ display: inline-block; margin-left: 46px;} #content { display: inline-block; }.userpanel form.login input[type="text"], input[type="password"] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e2e2e2; line-height: 26px; height: 26px; width: 100px; margin-right: 6px; padding-left: 8px; color: #696969;}.userpanel form.login input[type="checkbox"] { display:none;}.userpanel form.login input[type="checkbox"] + label span { display:inline-block; width:14px; height:14px; margin:-1px 4px 0 0; vertical-align:middle; background:url(img/checkbox.png) left top no-repeat; cursor:pointer;}.userpanel form.login input[type="checkbox"]:checked + label span { background: url(img/checkbox.png) no-repeat scroll -15px top transparent;}.userpanel form.login label.rememberme { font-size: 11px; height:14px; line-height: 14px; color: #8e9ba0;}.userpanel form.login input[type="submit"],a.submit { background-color: #d9d9d9; width: 30px; height: 30px; border: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; background-image: url(img/submit-t.png); margin-left: 6px; color: #d9d9d9;}.userpanel form.login input[type="submit"]:hover,a.submit:hover { background-color: #d9d9d9; border: 1px solid #698b22; background-position: -1px;}.userpanel a { color: #698b22; font-size: 11px; text-decoration: underline;}.userpanel a:hover { text-decoration: none;}.userpanel a.rememberpassword { margin-left: 12px;}.userpanel .lang-select { background-color: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 4px 4px 4px 4px; float: right; line-height: 26px; margin-right: 1px; margin-top: 20px; min-height: 28px; width: 118px; position: absolute; right: 0; top: 0; background: url(img/icon-arrow-down-green.png) no-repeat scroll 101px 13px #FFFFFF; }.userpanel .lang-select > span { display: inline-block; margin-left: 9px; margin-top: 1px; cursor: pointer;}.userpanel .lang-select .ru { background: url(img/lang-ru.png) no-repeat scroll left center transparent; padding-left: 24px;}.userpanel .lang-select .en { background: url(img/lang-en.png) no-repeat scroll left center transparent; padding-left: 24px;}.userpanel .lang-select ul { display: none; padding: 0; margin: 0; list-style: none; margin: 5px 0 5px 9px;}.userpanel .lang-select:hover ul { display: block;}.userpanel .lang-select ul li a { cursor:pointer; font-size: 14px;}.userpanel .userpic { width: 64px; height: 64px; overflow: hidden; background-size: cover; display: inline-block; vertical-align: top; margin-right: 7px; margin-top: 3px;}.userpanel .username { color: #373737; font-size: 15px; font-weight: bold; margin-right: 89px;}.userpanel a.profile-link { background: url(img/icon-user-profile-red.png) no-repeat scroll left 28px transparent; color: #698b22; font-size: 13px; padding-left: 22px; margin-right: 30px; display: inline-block; outline: none;}.userpanel a.msg-link { background: url(img/icon-user-msg-red.png) no-repeat scroll left 28px transparent; color: #698b22; font-size: 13px; padding-left: 22px; margin-right: 30px; display: inline-block; outline: none;}.userpanel a.logout-link { background: url(img/icon-user-exit-red.png) no-repeat scroll left 28px transparent; color: #698b22; font-size: 13px; padding-left: 22px; margin-right: 30px; display: inline-block; outline: none;}#logout-form{ display: inline-block;}.popup { background-color: rgb(0, 0, 0);/* RGBa with 0.6 opacity */background-color: rgba(0, 0, 0, 0.5);/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; height: 100%; position: fixed; top: 0; width: 100%; z-index: 500; display: none;}.popup .window { position: fixed; top: 50%; left: 50%; margin-top: -195px; margin-left: -180px; background-color: #fff; width: 340px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; padding-bottom: 30px; display: none;}.popup .window form { display: block; margin-top: 24px;}.popup .window form input[type="text"], .popup .window form input[type="password"] { border: 1px solid #E2E2E2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #696969; display: block; font-size: 15px; font-weight: bold; height: 35px; line-height: 38px; margin-bottom: 20px; margin-right: 6px; padding-left: 10px; width: 328px; padding-top: 2px;}.popup .window form input[type="checkbox"] { display:none;}.popup .window form label { float: left; margin-left: 5PX; cursor:pointer;}.popup .window form input[type="checkbox"] + label span { display:inline-block; width:14px; height:14px; margin:-1px 4px 0 0; vertical-align:middle; background:url(img/checkbox.png) left top no-repeat; cursor:pointer;}.popup .window form input[type="checkbox"]:checked + label span { background: url(img/checkbox.png) no-repeat scroll -15px top transparent;}.popup .window form label.check { font-size: 11px; height:14px; line-height: 14px; color: #8e9ba0;}.popup .window form label.license { margin-left: 9px;}.popup .window form label.license span { margin-right: 9px !important;}.popup .window .head ul { list-style: none; margin: 0; padding: 0;}.popup .window .head ul li { display: inline-block; margin-right: 5px;}.popup .window .head ul li:last-child { margin-right: 0;}.popup .window .head ul li> a > span { color: #373737; display: inline-block; margin-left: -3px; margin-top: 2px;}.popup .window .head ul li.active > a > span, .popup .window .head ul li:hover > a > span { color: white; display: inline-block; margin-left: -3px; margin-top: 2px;}.popup .window .head ul li > a { display: inline-block; position: relative; background-color: #e1e1e1; width: 100px; height: 50px; /*line-height: 50px; /* vertically center */ vertical-align: middle; color: transparent; text-align: center; font-size: 15px; font-weight: bold; vertical-align: top;}.popup .window .head ul li > a { background-color: #fdfec3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: transparent; display: inline-block; font-size: 18px; font-weight: bold; height: 59px; line-height: 20px; padding-top: 11px; position: relative; text-align: center; vertical-align: top; width: 165px;}.popup .window .head ul li:last-child > a { line-height: 40px; padding-left: 5px; width: 160px;}.popup .window .head ul li.active > a,.popup .window .head ul li:hover > a { background-color: #8fa85b;}.popup .window .head ul li.active > a:after, .popup .window .head ul li:hover> a:after { content: ''; position: absolute; width: 0; height: 0; border: 9px solid; border-top-color: #8fa85b; top: 100%; left: 50%; margin-left: -10px; /* adjust for border width */}.popup .window form input[type="submit"] { background-color: #C11D39; border: medium none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFFFFF; display: block; font-size: 15px; height: 34px; margin-left: 53px; margin-top: 23px; width: 233px;}.popup .window form input[type="submit"]:hover { text-decoration: underline;}.popup .window a.forgot-pass { color: #698B22; float: right; font-size: 11px; margin-right: 14px; margin-top: 5px;}.popup .window a.close-window { background: url(img/icon-close-window-red.png) no-repeat scroll center center #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; height: 16px; margin-right: -13px; margin-top: -16px; position: absolute; right: 0; top: 0; width: 16px;}.popup .window .body{ text-align:center;}/* -------------------------------------------------------------------------- Header -------------------------------------------------------------------------- */
.empty{
top: 15px;
position: relative;
left: 10px;
}
header .main-side .search form{
padding:0px;
}
.answer_div {
background-color: #fdfec3;
padding: 15px;
display: none;
}
header { height: 230px;}header .left-side { width: 240px; display: inline-block; margin: 0; padding: 0; float: left;}header .main-side { width: 76%; display: inline-block; margin: 0; padding: 0;}header .left-side img { margin-top: 19px; vertical-align: top; margin-left: 5px;}header .main-side .search { height:40px; margin-left: 10px; margin-top: 53px;}header .main-side .search form input[type="text"] { background-color: #FFFFFF; border: 1px solid #E2E2E2; border-right: 0px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #696969; height: 36px; line-height: 26px; margin-right: 6px; padding-left: 8px; width: 439px; font-size: 15px;}header .main-side .search form input[type="submit"] { background-color: #fff; width: 45px; height: 40px; line-height: 26px; border: 0px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #ffffff; background: url(img/search-icon.png) no-repeat center center transparent; background-color: #fff; background-position: center 12px; color: #fff; margin-left: -10px; border: 1px solid #E2E2E2; border-left: 0px; font-size: 15px;}header .main-side .search span.add { margin:-40px 0px 0px; background-color: #fff; padding: 2px; border: 1px solid #E2E2E2; float:right; display: inline-block; overflow:hidden; height:34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 17px; text-align: right; width: 229px;}header .main-side .search span.add a { font-size: 14px; color: rgb(255, 255, 255); line-height: 32px; height: 33px; text-decoration: none; display: inline-block; padding-right: 20px; border-radius: 4px 4px 4px 4px; width: 169px; background: url("img/icon-fork-plus-white.png") no-repeat scroll 15px center rgb(193, 29, 57); text-align: left; padding-left: 40px;}header .main-side .search span.add a:hover { text-decoration: underline;}header .main-side > .menu { padding: 2px; background-color: #8fa85b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 39px; margin-left: 10px; font-size: 18px;}header .main-side > .menu > ul.back { background: url(img/menu-grad.png) repeat-x; height: 54px; line-height: 54px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #b1c37b; padding: 0; margin: 0; color: #fff;}header .main-side > .menu > ul.back > li { display: inline-block; /* margin-right: 30px; margin-left: 30px; */ vertical-align: top; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); min-width: 144px; text-align: center;}header .main-side > .menu > ul.back > li:last-child > a { background: none;}header .main-side > .menu > ul.back > li > a { color: #fff; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); height: 52px; display: inline-block; width: 140px; background: url(img/delime.png) no-repeat center right; margin-bottom: -3px; margin-left: -2px; margin-top: -3px; padding: 3px 1px 5px 5px;}header .main-side > .menu > ul.back > li > ul.submenu { padding: 0; margin: 0; background-color: #fff; text-align: left; display: block; color: #373737; list-style: none; margin-top: 3px; margin-left: -2px; padding-right: 30px; margin-right: -17px; -webkit-border-radius: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius: 6px; -moz-border-radius-topleft: 0; border-radius: 6px; border-top-left-radius: 0; -moz-box-shadow:0px 5px 5px 0px rgba(123, 123, 123, 0.35); -webkit-box-shadow:0px 5px 5px 0px rgba(123, 123, 123, 0.35); box-shadow:0px 5px 5px 0px rgba(123, 123, 123, 0.35); display: none;}header .main-side > .menu > ul.back > li:hover > a{ background: none repeat scroll 0 0 #FFFFFF; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; color: #373737; margin-bottom: -3px; margin-left: -2px; margin-top: -3px; padding: 3px 1px 5px 5px;-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.25);-moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.25);box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.25);}header .main-side > .menu > ul.back > li.sub:hover > a { background: none repeat scroll 0 0 #FFFFFF; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #373737; margin-bottom: -3px; margin-left: -2px; margin-top: -3px; padding: 3px 1px 5px 5px;-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.5);-moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.5);box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.5);}header .main-side > .menu > ul.back > li > ul.submenu { display: none; text-shadow: none !important;}header .main-side > .menu > ul.back > li:hover > ul.submenu { display: block;}header .main-side > .menu > ul.back > li > ul.submenu { padding: 0; position: absolute; z-index: 500; padding-top: 12px; padding-bottom: 18px; width: 165px;}header .main-side > .menu > ul.back > li > ul.submenu li a { color:#373737; font-size: 12px;}header .main-side > .menu > ul.back > li > ul.submenu li a { color:#698b22; font-size: 13px; text-decoration: none; line-height: 20px;}header .main-side > .menu > ul.back > li > ul.submenu li a:hover { text-decoration: underline;}header .main-side > .menu > ul.back > li > ul.submenu { list-style: none; /*margin-left: 16px; margin-top: 12px; padding-right: 5px; */ line-height: 7px;}header .main-side > .menu > ul.back > li > ul.submenu li:before { content: "•"; color: #c11d39; font-size: 80%; /* or whatever */ margin-left: 23px; margin-right: 4px; }header .main-side > .menu > ul.back > li > ul.submenu li.delim { background: url(img/yellow-ul-delim.png) repeat-x scroll 0 bottom transparent; margin: -17px 2px 7px -8px; padding-top: 10px; padding-bottom: 11px; background-position: center; padding: 0; margin: 0; margin-left: 12px; margin-right: 12px; /*height: 19.45px;*/}header .main-side > .menu > ul.back > li > ul.submenu li.delim:before { content: "."; color: #fff;}header hr, .main hr { background: url(img/dot-hr.png) repeat-x scroll 0 0 transparent; border: 0 none; height: 6px; margin: 0; padding: 0; margin-top: 31px;}#login-form #LoginForm_password_em_, #login-form #LoginForm_email_em_,.errorMessage{ color: red; margin-top: -20px;}#registration-form #LoginForm_password_em_, #registration-form #LoginForm_email_em_, #registration-form #LoginForm_nickname_em_{ color: red; margin-top: -20px;}#registration-form a { color: #698b22; font-size: 11px; text-decoration: underline;}#registration-form a:hover { text-decoration: none;}.popup .window span.login_social { font-size: 12px;}.popup .window .social_buttons{ width: 100px; margin: 0 auto; }/* -------------------------------------------------------------------------- Content [middle] -------------------------------------------------------------------------- *//* -------------------------------------------------------------------------- Main page -------------------------------------------------------------------------- */div.main .right-side { width: 240px; display: inline-block; height: 100%; margin: 0; padding: 0;}div.main .main-side { width: 755px; display: inline-block; margin: 0; padding: 0; vertical-align: top;}div.main .main-side .new .item .head a, .new_en .item .head a, .popular .item .head a, .popular_en .item .head a { color: #373737; font-weight: normal; font-size: 17px; font-family: 'Cuprum', sans-serif;} div.main .new .item, .new_en .item, .popular .item, .popular_en .item { height: 270px !important; margin-bottom: 10px !important; margin-right: 10px !important;}div.main .new .item > .info, .popular .item > .info { display: none;}div.main .right-side .yellow-side { background-color: #fdfec3; padding-left: 11px; padding-top: 12px; padding-bottom: 0px; -webkit-border-radius: 7px; -webkit-border-bottom-right-radius: 80px; -moz-border-radius: 7px; -moz-border-radius-bottomright: 80px; border-radius: 7px; border-bottom-right-radius: 80px; border: 1px solid #fff; -moz-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); -webkit-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); height: 640px;}div.main .right-side .ul-bottom { background-image: url(img/curved-corner.png); background-repeat: no-repeat; background-position: right bottom; height: 100px; width: 100%; margin-top: -79px;}div.main .right-side .yellow-side ul { padding: 0;}div.main .right-side .yellow-side ul li a { color:#373737; font-size: 12px;}div.main .right-side .yellow-side ul li a { color:#698b22; font-size: 12px; text-decoration: underline;; line-height: 20px;}div.main .right-side .yellow-side ul li a:hover { text-decoration: none;}div.main .right-side .yellow-side ul { list-style: none; margin-left: 16px; margin-top: 12px; padding-right: 5px; line-height: 19.6px;}div.main .right-side .yellow-side > ul li:before { content: "•"; color: #373737; font-size: 100%; /* or whatever */ margin-left: -8px; margin-right: 3px;}div.main .right-side .yellow-side ul li.delim { background: url(img/yellow-ul-delim.png) repeat-x scroll 0 bottom transparent; margin: -17px 2px 7px -8px; padding-top: 10px; padding-bottom: 11px; background-position: center; padding: 0; margin: 0; /*height: 19.45px;*/}div.main .right-side .yellow-side ul li.delim:before { content: "."; color: #FDFEC3;}div.main2 { margin-bottom: 25px; margin-top: -1px;}div.main2 .right-side { width: 240px; display: inline-block; height: 100%; margin: 0; padding: 0;}div.main2 .right-side .banner { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 350px; cursor: pointer;}div.main2 .main-side { width: 755px; display: inline-block; margin: 0; padding: 0; vertical-align: top; }div.main2 .main-side .left { width: 359px; margin-right: 17px; display: inline-block;}div.main2 .main-side .right { width: 359px; margin-right: 0px; display: inline-block;}div.main2 .main-side .item { height: 140px; background-color: #fff; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 10px; margin-left: -1px; -moz-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); -webkit-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1);}div.main2 .main-side h2.title {font-family:'Cuprum', sans-serif; margin-top: 5px;}div.main2 .main-side .item .img, .text { display: inline-block; vertical-align: top; width: 215px;}div.main2 .main-side .item .img { height: 140px; width: 140px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden;}div.main2 .main-side .item:hover .img { opacity: 0.6;}div.main2 .main-side .item .text { color: #8e9ba0; font-weight: normal; font-size: 13px; padding-top: 15px; padding-left: 11px; width: 190px; line-height: 20px; position: relative; height: 120px;}div.main2 .main-side .item .text p.title { color: #373737; font-weight: normal; font-size: 17px; padding: 0; margin: 0; margin-bottom: 11px; }div.main2 .main-side .item .text a { color: #698b22; font-weight: normal; font-size: 11px; text-decoration: underline; display: block; bottom: 8px; position: absolute;}div.main2 .main-side .item .text a:hover { text-decoration: none;} .main h2.title{font-family:'Cuprum', sans-serif; }
div.main3 { width: 1000px; background-color: #fff; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 10px; margin-left: -1px; -moz-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); -webkit-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1);} div.main3 h1 {font-family: 'Cuprum', sans-serif; color: #c11d39; font-size:26px; text-align: left; margin-left:20px;} .main3 p {margin:10px; color:#47471D; font-size:1.3em; font-family:georgia, times, serif;}
/* * Title */.title {font-family:'Cuprum', sans-serif; font-size: 24px; color: #373737; overflow: hidden; max-height: 70px; padding: 0; margin: 0; margin-top: 24px; margin-bottom: 21px;}.title a { /*color: #698b22;*/ color: #373737; text-decoration: none;}.title a:hover { color: #698b22; text-decoration: none;}.title-icon { background: url(img/title-icon.png) no-repeat scroll 0 0 transparent; display: inline-block; width: 38px; height: 14px; margin-right: 13px; }span.red-button { background-color: #fff; padding: 2px; border: 1px solid #E2E2E2; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 18px; text-align: center;}span.red-button > #showMore { font-size: 15px; background-color: #c11d39; color: #fff; line-height: 33px; height: 33px; width: 200px; display: inline-block; padding-left: 10px; padding-right: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}span.red-button > #showMore :hover { text-decoration: underline;}span.red-button > #showMore a { font-size: 15px; background-color: #c11d39; color: #fff; line-height: 33px; height: 33px; width: 200px; display: inline-block; padding-left: 10px; padding-right: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer;}span.red-button > #showMore a :hover { text-decoration: underline;}/* * Recepts */.recipes {}.recipes .item { }.recipes { overflow: hidden; margin-left: -1px; margin-right: -13px;}.recipes .item { width: 240px; height: 300px; display: inline-block; overflow: hidden; float: left; margin-right: 13px; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.recipes .item .head a{ color: #373737; font-weight: normal; font-size: 17px; font-family: 'Cuprum', sans-serif;}.recipes .item .head p{padding-left:8px;} .recipes .item:last-child { margin-right: 0px;}.recipes .item .head { background-color: #fff; height: 270px; overflow: hidden; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); -webkit-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1);}.recipes .item .head .img {
background-repeat:no-repeat !important;
background-size: auto 205px !important;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
height: 205px;}
.blog{display: table-cell;}
.recipes .item .info { overflow: hidden; height: 31px; line-height: 31px; font-size: 12px; color: #373737; padding-left: 10px; padding-right: 9px;}.recipes .item .left { float: left;}.recipes .item .right { float: right;}.recipes .item .info .icon { display: inline-block; margin-right: 3px; margin-top: 7px;}.recipes .item .info .icon,.recipes .item .info a { color: #698b22; text-decoration: none; margin-right: 12px; display: inline-block;}.recipes .item .info span.liks { color: #373737; display: inline-block; float: right;}.recipes .item .info .icon-last { margin-right: 3px;}.recipes .item .info a:hover { text-decoration: underline;}.recipes .item .head:hover h3 { background-color: #fdfec3; cursor: pointer;}.recipes .item:hover .img { background-color: #fff; opacity: 0.6; cursor: pointer;}.recipes .new, .recipes .new_en { overflow: hidden; height: 65px; width: 110px; position: absolute; margin: -3px; z-index: 100;}.recipes .popular, .recipes .popular_en { overflow: hidden; height: 65px; width: 110px; position: absolute; margin: -3px; z-index: 100;}/*for ru*/.recipes .new{ background:url(img/new-label.png) no-repeat;}.recipes .popular{ background:url(img/popular-label.png) no-repeat;}/*for ru*/.recipes .new_en{ background:url(img/new-label_en.png) no-repeat;}.recipes .popular_en{ background:url(img/popular-label_en.png) no-repeat;}.recipes .item a h3 {font-size: 15px; color: #373737; font-weight: normal; padding: 0; margin: 0; height: 45px; overflow: hidden; padding-left: 10px; padding-right: 15px; padding-top: 10px;}.recipes .item a { text-decoration: none;}form.filter .input div.select .name .icon { margin-bottom: -3px; margin-right: 5px;}/* * Products */.products { margin-right: -15px; margin-bottom: 45px;}.products .item { height: 147px; background-color: #fff; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 13px; margin-left: -1px; -moz-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); -webkit-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); display: inline-block; width: 490px; margin-right: 13px;}.products .item .img, .text { display: inline-block; vertical-align: top; width: 215px;}.products .item .img { height: 147px; width: 155px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden;}.products .item:hover .img { opacity: 0.6;}.products .item .text { color: #8e9ba0; font-weight: normal; font-size: 13px; padding-top: 15px; padding-left: 12px; width: 300px; line-height: 20px; position: relative; height: 120px; }.products .item .text h3.title { color: #373737; font-weight: normal; font-size: 15px; padding: 0; margin: 0; margin-bottom: 5px; }.products .item .text a { color: #698b22; font-weight: normal; font-size: 11px; text-decoration: underline; display: block; float: right;}.products .item .text a:hover { text-decoration: none;}/* -------------------------------------------------------------------------- Product -------------------------------------------------------------------------- */.product, .product .product-img,.product .product-info { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}.product { /*background-color:#fff;*/ margin-bottom:31px;}.product > .right-col,.product > .main-col { display: inline-block; vertical-align: top; padding:10px 9px;}.product > .right-col{ padding:0px 9px;}.product > .main-col { background-color:#fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}.product > .right-col { width:240px;}.product .product-img { width:240px; height:240px; display: block; background-size: cover; background-position: center; overflow: hidden; margin-bottom:14px; }.product .product-info { background-color: #fdfec3; font-size:13px; padding:13px 17px;}.product .product-info h2 { font-size:14px; margin:0 0 4px;}.product .product-info table { width:100%;}.product .product-info table tr { height:30px;}.product .product-info table tr th { text-align:left;}.product .product-info table tr td:first-child { min-width:105px;}.product .product-text { width:681px; padding-left:39px; font-size: 14px; line-height: 20px; text-align: justify;}.product .product-text > h2 { background: url(img/icon-hat-chef-green.png) no-repeat scroll left top transparent; font-size:16px; margin-left:-35px; margin-top:11px; padding-left:34px; margin-bottom: 11px;}.product .product-text > h2 > span { border-bottom:1px solid #8FA85B; display:inline-block; margin-top:3px; width:100%; padding-bottom:8px;}.product .product-text > p { margin:11px 0 17px}/* -------------------------------------------------------------------------- Articles -------------------------------------------------------------------------- *//*.articles > h2.title {margin-bottom:10px;}*/.articles .categories,.articles .items > .item,.articles > .items > .item > .body > .img {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; width: 740px;}.articles > .categories {background-color:#FDFEC3; margin-right:15px; padding:20px 17px 10px; width:206px;}.articles > .items {width:740px;}.articles > .categories > ul {list-style:none; padding:0; margin:0;}.articles > .categories > ul > li {font-size:12px; margin-bottom:13px;}.articles > .categories > ul > li > a {color:#698b22; text-decoration:underline;}.articles > .categories > ul > li > a:hover {text-decoration:none;}.articles > .categories > ul > li.main {background:url(img/yellow-ul-delim.png) repeat-x scroll 0 bottom transparent; color:#666666; font-size:14px; font-weight:bold; margin-bottom:14px; padding-bottom:13px; text-align:center; margin-top:22px;}.articles > .categories > ul > li.main a {color:#666666; text-decoration:none;}.articles > .categories > ul > li.main a:hover {text-decoration:underline;}.articles > .categories > ul > li.main:first-child {margin-top:0;}.articles > .categories,.articles > .items {display:inline-block; vertical-align:top;}.articles > .items > .item {display:inline-block; background-color:#fff; margin-bottom:15px; -moz-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); -webkit-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1);box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1);}.articles > .items > .item > .head,.articles > .items > .item > .body {border-bottom:1px solid #e5e5e5;}.articles > .items > .item > .head {height:49px; padding-left:12px;}.articles > .items > .item > .head h2 {font-size:18px; color:#373737; display:inline-block; margin:0; padding:0; margin-top:15px;}.blog>.items>.open>.body>.text-block1{background:#eee;border-left:double 10px #698b22; padding:10px 20px 2px 20px; margin:20px;}.blog>.items>.open>.body>.text-block2{border:1px dashed #ccc; margin:20px 0;padding:15px 20px 0px 20px;}.blog>.items>.open>.body>.text-block3{background:#E13653; font-family:cursive; color:#fff; padding:10px 20px; margin-bottom:10px;}.blog>.items>.open>.body>.text-block3 a{color:#fff;}.blog>.items>.open>.body h2{color: rgb(193, 29, 57);font-family:'Cuprum', tahoma, sans-serif;font-weight: 200;font-size: 26px;}.blog>.items>.open>.body h3{color: rgb(193, 29, 57);font-family: 'Cuprum', tahoma, sans-serif;font-weight: 200;font-size: 18px;}.blog>.items>.open>.body h3 a{text-decoration:none;}.articles > .items > .item > .head h2 a {color:#373737; text-decoration:none;}.articles > .items > .item > .head h2 a:hover {text-decoration:underline; color:#698b22;}.articles > .items > .item > .head h2 a {color:#373737; text-decoration:none;}.articles > .items > .item > .head h2 a:hover {text-decoration:underline; color:#698b22;}.articles > .items > .item > .body {padding-left:9px; padding-top:8px; height:200px;}.articles > .items > .item > .body > .img,.articles > .items > .item > .body > .text {display:inline-block;}.articles > .items > .item > .body > .img {height:183px; width:238px; background-size:cover; background-position:center center; background-color:#e5e5e5;}.articles > .items > .item > .body > .text {font-size:12px; width:450px; margin-left:28px; line-height:20px; position:relative; height:190px;}.articles > .items > .item > .body > .text > .info {font-size:12px; width:450px; line-height:20px; position:relative; height:135px;}.articles > .items > .item > .body > .text a.full-text-link {color:#698B22; font-size:12px;float: right; margin-top: 5px; margin-bottom: 3px;}.blog.articles > .items > .item > .body > .text a.full-text-link {margin-bottom:15px;}.articles > .items > .item > .body > .text a.category-link{ /* bottom:0; */ color:#999999; font-size:12px; /* left:0; position:absolute;*/ float:left; width:450px;}.articles > .items > .item > .body_no_height { padding-left:9px; padding-top:8px;min-height: 350px; border-bottom:1px solid #e5e5e5; float:left;}.articles > .items > .item > .body_no_height > .img,.articles > .items > .item > .body_no_height > .text {display:inline-block;}.articles > .items > .item > .body_no_height > .img {height:183px; width:238px; background-size:cover; background-position:center center; background-color:#e5e5e5;}.articles > .items > .item > .body_no_height > .text {font-size:12px; width:450px; margin-left:28px; line-height:20px; position:relative;}.articles > .items > .item > .body_no_height > .text {font-size:12px; width:450px; margin-left:28px; line-height:20px; position:relative;}.articles > .items > .item > .body_no_height > .text a.full-text-link {bottom:0; color:#698B22; font-size:12px; margin-bottom:25px; position:absolute; right:0;}.blog.articles > .items > .item > .body_no_height > .text a.full-text-link {margin-bottom:15px;}.articles > .items > .item > .body_no_height > .text a.category-link{ /* bottom:0; */ color:#999999; font-size:12px; /* left:0; position:absolute;*/ margin:5px 0 0; float:left; max-width:314px;}.articles > .items > .item > .foot > div {display:inline-block;}.articles > .items > .item > .foot {padding-left:10px; height:50px;}.articles > .items > .item > .foot > .date-add {font-size:12px; color:#8e9ba0; margin-top:16px;}.articles > .items > .item > .foot > .date-add > span {color:#373737;}.articles > .items > .item > .foot > .social-buttons {margin-left:85px;}.articles > .items > .item > .foot > .comments {margin-left:90px;} .head {font-size:17px; font-family: Arial;
} .articles > .items > .item > .foot > a.comments {font-size:12px; color:#698b22;}.articles > .items > .item > .foot > a.comments > span {font-size:18px;}.articles > .items > .item > .foot > a.like {float:right; font-size:12px; margin-right:17px; margin-top:16px; color:#373737; text-decoration:none; padding-left:17px; height:30px; display:inline-block; background:url(img/icon-like-red.png) no-repeat scroll left 2px transparent;}.articles > .more {margin-top:195px;}.blog > h2.title { margin-bottom: 20px; /*margin-top: 50px;*/}.blog .items { margin-left: -2px;}.articles .author-info { background-color: #FFFFFF; color: #847E7E; font-size: 12px; line-height: 20px; padding: 5px 10px 20px; margin-bottom: 15px; border-bottom: 1px solid #C3C3C3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}.articles .author-info img { float: left; margin-right: 3px;} .articles .calendar { height: 230px;}.blog > .items > .open > .body { height: auto; padding: 13px 13px;}.blog .body img { max-width: 100%; max-height: 100%;}.blog .body p { margin: 0; margin-bottom: 15px;}.blog .right-side .yellow-side h2 { font-size: 18px; font-weight: normal; margin: 29px 0 -12px -14px; padding: 0; text-align: center;}.blog > .right-side .yellow-side { height: auto !important; padding-bottom: 25px !important;}
.blog-recipe h3 { font: 18px Franklin Gothic, Arial; color: #698b22; text-transform: uppercase;margin: 10px 0px 0px 20px;}
.blog-recipe ul{margin:5px 0px;color: #666;}
.blog-recipe ol{ margin:5px 65px 10px 0px; color: #666;}
.blog-recipe li{ font: 14px Verdana, Arial, Geneva, sans-serif;}
.blog-recipe h3 span{ color: #666; font: 13px arial;text-transform: none; margin-left: 5px;}
/* -------------------------------------------------------------------------- Recipe -------------------------------------------------------------------------- */.recipe .main-side .content,.comments .main-side .content { background-color: #fff; width: 737px; padding: 9px 9px 7px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 1px 0 0 rgba(119, 119, 119, 0.1);-moz-box-shadow: 0 1px 0 0 rgba(119, 119, 119, 0.1);box-shadow: 0 1px 0 0 rgba(119, 119, 119, 0.1);}.recipe .right-side { margin-top: 78px !important;}.recipe .head { height: 320px;}.recipe .head .img { /*height: 320px;*/ width: 440px; overflow: hidden; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-position: center center;}.recipe .head .img img { height: 100%; width: 100%; overflow: hidden;}.recipe .head .text { font-size: 16px; font-weight: bold; font-style: italic; margin-top: 2px; width: 240px; height: 338px; overflow: hidden; margin-left: 22px; line-height: 30px;}.recipe .head .img,.recipe .head .text { display: inline-block;}.recipe .title-block h2,.comments .title-block h2 { border-bottom: 1px solid #8FA85B; font-size: 16px; font-weight: bold; margin: 15px 0 0 36px; padding-bottom: 7px;}.recipe .title-block h2 > span { color: #8E9BA0; float: right; font-size: 13px; font-weight: normal; margin-right: 13px; margin-top: 2px;}.recipe .title-block,.comments .title-block { padding: 0; margin: 0; margin-right: 5px; position:relative;}.recipe .title-block .icon,.comments .title-block .icon { margin-left: 2px; top:0; left:0; position: absolute;}.recipe .ingredients ul { padding: 0; margin: 0; list-style: none; margin-left: 35px; margin-top: 11px;}.recipe .ingredients ul li { display: inline-block; width: 295px; font-size: 12px; color: #373737; border-bottom: 1px dotted #D1D1D1; padding-bottom: 7px; margin-top: 5px; }.recipe .ingredients ul li > span { /*float: right;*/ /* margin-left: 15px;*/}.recipe .ingredients ul li:nth-child(1),.recipe .ingredients ul li:nth-child(2) { margin-top: 0px;}.recipe .ingredients ul li:nth-child(odd) { margin-right: 72px;}.recipe .ingredients ul li:nth-last-child(1),.recipe .ingredients ul li:nth-last-child(2) { border-bottom: none;}.recipe .ingredients { margin-bottom: 0;}.answer_div textarea{width:630px !important;} .recipe ol { padding: 0; margin: 18px 0 0 56px; /*list-style-position: inside;*/ width: 674px;}.recipe ol li { color: #c11d39; font-size: 18px; min-height: 232px; border-bottom: 1px dotted #D1D1D1; margin-top: 10px;}.recipe ol li:last-child { border-bottom:none;}.recipe ol li:first-child { margin-top: 0px;}.recipe ol li > p { color: #373737; font-size: 14px; display: inline-table; padding: 0; margin: 0 0 0 7px; width: 320px; line-height: 20px;}
.recipe ol li > img.img, .recipe ol li > span.img,.recipe ol li > span.step_img{ display: inline-block; float: right; width: 300px; height: 200px; overflow: hidden; margin-top: 6px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-right: 18px;}.recipe ol li > span.img > a,.recipe ol li > span.step_img > a{ display: block; width: 100%; height: 100%;}/*правая колонка*/.recipe .right-side .info { margin-left: 3px; margin-top: 16px; height: auto;}.recipe .right-side .info .author { margin-bottom: 14px;}.recipe .right-side .info .author div.userpic { height: 200px; width: 200px; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; display: inline-block;}.recipe .right-side .info .author .links { display: inline-block; width: 125px; margin-left: 6px; margin-top: -3px;}.recipe .right-side .info .author .links a { display: block; color: #698b22; font-size: 11px;}.recipe .right-side .info .author .links a.nickname { font-size: 13px; margin-bottom: 10px;}.recipe .right-side .info .author .links .social-page { line-height: 19px;}.recipe .right-side .date-add { font-size: 11px; color: #8e9ba0; margin: 9px 0 15px;}.right-side p.delim,.product p.delim{ margin: 0; padding: 0; height: 2px; margin-right: 12px; background: url(img/yellow-ul-delim.png) repeat-x scroll center center transparent;}.recipe .right-side .info a.author-all-recipes { display: block; background-color: #8fa85b; height: 34px; width: 187px; text-align: left; font-size: 14px; color: #fff; line-height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right: 22px; margin-bottom: 14px; text-decoration: none; background: url(img/icon-fork-white.png) no-repeat scroll 21px center #8FA85B;}.recipe .right-side .info a.author-all-recipes:hover { text-decoration: underline;}.recipe .right-side .info table { font-size: 12px; margin-top: 13px; margin-left: -1px; margin-bottom: 15px;}.recipe .right-side .info table tr { height: 30px;}.recipe .right-side .info table th { color: #8e9ba0; text-align: left; font-weight: normal;}.recipe .right-side .info table td { color: #373737;}.recipe .right-side .info table tr th:nth-child(1) { }.recipe .right-side .info table tr td:nth-child(2) { width: 32px; text-align: right;}.recipe .right-side .info table tr td:nth-child(2) .icon { margin-right: 3px;}.recipe .right-side .info .super-links,.product .product-info .right-col .super-links{ margin-top: 17px; margin-left: -1px; margin-bottom: 31px;}.recipe .right-side .info .super-links a,.product .product-info .right-col .super-links a{ display: block; margin-bottom: 8px;}.recipe .right-side .info a.print span,.recipe .right-side .info a.like span,.recipe .right-side .info a.favorites span { color: #698b22; text-decoration: underline; margin-left: 26px; display: inline-block; margin-top: 2px;}.recipe .right-side .info a.print { background: url(img/icon-print-red.png) no-repeat scroll left center transparent;}.recipe .right-side .info a.like { background: url(img/icon-like-red.png) no-repeat scroll left center transparent;}.super-links a.like { background: url(img/icon-like-red.png) no-repeat scroll left center transparent;}.super-links a.like span{ color: #698b22; text-decoration: underline; margin-left: 26px; display: inline-block; margin-top: 2px;}.recipe .right-side .info a.favorites { background: url(img/icon-favorites-red.png) no-repeat scroll left center transparent;}.recipe .right-side .yellow-side { height: auto !important;}.recipe .right-side .info .social-share { margin-top: 18px;}.recipe .right-side .info .social-share p { margin: 0 0 16px; padding: 0;}.recipe .right-side .info .social-share .social-buttons { margin-left: 1px;}/* recepie form */.recipe form.recipe-form input,.recipe form.recipe-form textarea { color: #373737; font-size: 12px; background: #fff; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; font-size: 13px; display: inline-block; margin-bottom: 10px;}.recipe form.recipe-form input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}.recipe form.recipe-form .head .img { border: 1px dashed #cccccc; width: 438px; height: 318px; background-size: cover; background-position: center center;}.recipe form.recipe-form .head .img .upload-main-photo { background: url(img/icon-photo-big-upload.png) no-repeat scroll center top transparent; color: #698B22; cursor: pointer; display: inline-block; font-size: 13px; height: 100px; margin-top: 105px; overflow: hidden; padding-top: 72px; position: relative; text-decoration: underline; width: 250px;}.recipe form.recipe-form .head .img .upload-main-photo:hover { text-decoration: none;}.recipe form.recipe-form .head .img .upload-main-photo input[type="file"] { opacity: 0; cursor: pointer; display: block; font-size: 200px; height: 500px; opacity: 0; position: absolute; right: 0; top: 0;}.recipe form.recipe-form textarea.text { width: 244px; height: 309px; font-size: 15px; font-weight: normal; font-style: normal; margin-top: 0; margin-left: 6px; padding-left: 15px; padding-top: 9px; padding-right: 9px; resize: none}.recipe-form textarea.source{ width: 620px; height: 44px; font-size: 12px; font-weight: normal; font-style: normal; margin-top: 0; margin-left: 64px; padding-left: 15px; padding-top: 9px; padding-right: 13px; resize: none}.recipe-form h5{margin:10px 0px 10px 64px;}.recipe form.recipe-form input.recipe-title { height: 48px; font-size: 15px; width: 690px; padding-left: 14px; padding-right: 14px; margin-bottom: 9px;}.recipe form.recipe-form .title-block input.qt,.recipe form.recipe-form ol input.qt, .recipe form.recipe-form ol input.ingredient { display: block; float: right; font-size: 12px; height: 26px; margin-right: 9px; margin-top: -4px; padding-left: 7px; padding-right: 14px; width: 107px;}.recipe form.recipe-form ol input.qt { margin-top: 0; display: inline-block; margin-right: 7px;}.recipe form.recipe-form ol input.ingredient { margin-top: 0; width: 477px; float: none; display: inline-block; margin-left: 8px; margin-right: 0;}.recipe form.recipe-form .ingredients ol { margin-top: 16px;}.recipe form.recipe-form .ingredients ol li { min-height: 40px; border-bottom: none; margin-top: 0;}.recipe form.recipe-form .add-item { margin-left: 37px; margin-top: 7px; display: inline-block; font-size: 12px; color: #698b22; text-decoration: underline; background: url(img/icon-plus-add-red.png) no-repeat scroll left center transparent; padding-left: 20px; cursor: pointer;}.recipe form.recipe-form .cooking-steps .add-item { margin-bottom: 10px; margin-top: 14px;}.recipe form.recipe-form .ingredients .add-item:hover { text-decoration: none;}.recipe form.recipe-form .ingredients { margin-bottom: 28px;}.recipe form.recipe-form .cooking-steps ol { margin: 24px 0 0 56px;}.recipe form.recipe-form .cooking-steps ol li { min-height: 218px; margin-top: 18px;}.recipe form.recipe-form .cooking-steps ol li > span.img, .recipe form.recipe-form .cooking-steps ol li > span.step_img { margin-right: 16px;/*123*/ margin-top: 0; border: 1px dashed #CCCCCC; height: 200px; width: 300px; background-size: cover; background-position: center center;}.recipe form.recipe-form .cooking-steps ol li > span.img .upload-main-photo,.recipe form.recipe-form .cooking-steps ol li > span.step_img .upload-main-photo { background: url(img/icon-photo-big-upload.png) no-repeat scroll center top transparent; color: #698B22; cursor: pointer; display: inline-block; font-size: 12px; height: 97px; margin-top: 62px; margin-left: 78px; overflow: hidden; padding-top: 57px; position: relative; text-align: center; width: 148px; text-decoration: underline;}.recipe form.recipe-form .cooking-steps ol li > span.img .upload-main-photo:hover,.recipe form.recipe-form .cooking-steps ol li > span.step_img .upload-main-photo:hover { text-decoration: none;}.recipe form.recipe-form .cooking-steps ol li > span.img .upload-main-photo input[type="file"],.recipe form.recipe-form .cooking-steps ol li > span.step_img .upload-main-photo input[type="file"]{ opacity: 0; cursor: pointer; display: block; font-size: 200px; height: 500px; opacity: 0; position: absolute; right: 0; top: 0;}.recipe form.recipe-form .cooking-steps ol li textarea { height: 189px; margin-left: 8px; margin-top: -1px; padding: 6px 7px; resize: none; width: 318px;}.recipe form.recipe-form .cooking-steps ol li:last-child { border-bottom: 1px dotted #D1D1D1;}.recipe form.recipe-form .right-side .info { margin-top: 10px; height: auto;/*695px;*/}.recipe form.recipe-form .right-side div.input { display: inline-block; line-height: 25px; vertical-align: top; height: 57px; margin-bottom: 23px;}.recipe form.recipe-form .right-side div.textarea { display: inline-block; line-height: 25px; vertical-align: top; height: 80px; margin-bottom: 23px;}.recipe form.recipe-form .right-side div.open { height: auto;}/* RADIO */ .recipe form.recipe-form .right-side input[type="radio"] { display:none;}.recipe form.recipe-form .right-side input[type="radio"] + label span { display:inline-block; width:16px; height:16px; margin:-1px 4px 2px 0; vertical-align:middle; background:url(img/form-radiobutton-green.png) left top no-repeat; cursor:pointer;}.recipe form.recipe-form .right-side input[type="radio"]:checked + label span { background: url(img/form-radiobutton-green.png) no-repeat scroll -16px top transparent;}.recipe form.recipe-form .right-side input[type="radio"] + label, .recipe form.recipe-form .right-side input[type="checkbox"] + label { cursor: pointer; display: inline-block; width: 100%;}.recipe form.recipe-form .right-side input[type="checkbox"] { display:none;}.recipe form.recipe-form .right-side input[type="checkbox"] + label span { display:inline-block; width:14px; height:14px; margin:-1px 4px 0 0; vertical-align:middle; background:url(img/checkbox.png) left top no-repeat; cursor:pointer;}.recipe form.recipe-form .right-side input[type="checkbox"]:checked + label span { background: url(img/checkbox.png) no-repeat scroll -15px top transparent;}.recipe form.recipe-form .right-side input[type="text"] { width: 190px; background: #fff; min-height: 25px; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; font-size: 13px; margin-right: 3px; padding-top: 3px; padding-left: 9px; padding-right: 9px;}.recipe form.recipe-form .right-side textarea { width: 190px; height: 60px; background: #fff; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; font-size: 13px; margin-right: 3px; padding-top: 3px; padding-left: 9px; padding-right: 9px;}.recipe form.recipe-form .right-side .input div.label { font-size: 11px; color: #8e9ba0; height: 25px; margin-bottom: 2px;}.recipe form.recipe-form .right-side .textarea div.label { font-size: 11px; color: #8e9ba0; height: 25px; margin-bottom: 2px;}.recipe form.recipe-form .right-side .shadow_div{ position: absolute; top: 700px; height: 1px; width: 200px; opacity: 0; z-index: 999; }.recipe form.recipe-form .right-side .input div.select { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E2E2E2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; cursor: pointer; font-size: 13px; margin-right: 3px; min-height: 26px; padding-left: 8px; padding-right: 9px; padding-top: 2px; position: relative; width: 190px; z-index: 5;}.recipe form.recipe-form .right-side .kitchen { width: 148px !important;}.recipe form.recipe-form .right-side .products .category { width: 148px !important;}.recipe form.recipe-form .right-side .products .like { width: 620px !important;}.recipe form.recipe-form .right-side .input div.select .name { background: url(img/icon-double-arrow-down-green.png) no-repeat scroll center right #fff; line-height: 23px;}.recipe form.recipe-form .right-side .input div.select .name .icon { margin-bottom: -3px;}.recipe form.recipe-form .right-side .input:hover div.select { z-index: 10;}.recipe form.recipe-form .right-side .open div.select ul { display: block;}.recipe form.recipe-form .right-side .input:hover div.select ul { display: block;}.recipe form.recipe-form .right-side div.select > ul { display: none; list-style: none !important; padding: 0; margin-left: 0;}.recipe form.recipe-form .right-side .open div.select ul { padding: 11px 0 0; margin: 0;}.recipe form.recipe-form .right-side .open div.select ul li { margin-bottom: 11px;}.recipe form.recipe-form .right-side .open input[type="checkbox"] + label span { margin-right: 10px;}.recipe form.recipe-form .right-side .submit-buttons { margin-top: 6px; margin-bottom: 49px;}.recipe form.recipe-form .right-side .public, .recipe form.recipe-form .right-side .draft { border: 0 none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFFFFF; display: block; font-size: 13px; height: 34px; margin-bottom: 6px; padding-left: 45px; padding-top: 3px; position: relative; text-align: left; text-decoration: none; width: 210px; z-index: 100;}.recipe form.recipe-form .right-side .decline { border: 0 none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFFFFF; display: block; font-size: 13px; height: 34px; margin-bottom: 6px; padding-left: 45px; padding-top: 3px; position: relative; text-align: left; text-decoration: none; width: 210px; z-index: 100;}.recipe form.recipe-form .right-side .public:hover,.recipe form.recipe-form .right-side .draft:hover,.recipe form.recipe-form .right-side .decline:hover { text-decoration: underline;}.recipe form.recipe-form .right-side .public { background-color: #c11d39; background: url(img/icon-fork-plus-white.png) no-repeat scroll 18px center #c11d39;}.recipe form.recipe-form .right-side .draft { background-color: #8fa85b; background: url(img/icon-draft-white.png) no-repeat scroll 20px center #8fa85b;}.recipe form.recipe-form .right-side .decline { background-color: red; background: url(img/icon-draft-white.png) no-repeat scroll 20px center red;}.comments .main-side .content { margin-top: 9px; margin-bottom: 11px;}.comments .main-side .content { padding-top: 1px; padding-bottom: 11px;}
.comments form.comment { margin-left: 36px; margin-top: 10px; margin-bottom: 12px;}
form.comment textarea { width: 675px; height: 56px; resize: none; background: #fff; min-height: 25px; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; font-size: 15px; margin-right: 3px; padding-top: 11px; padding-left: 9px; padding-right: 9px; padding-bottom: 11px; display: block;}form.comment input[type="submit"] { background: none repeat scroll 0 0 #C11D39; border: 0 none; color: #FFFFFF; font-size: 15px; height: 34px; margin-left: 1px; margin-top: 24px; width: 133px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}form.comment input[type="submit"]:hover { text-decoration: underline;}.comments .items { margin-left: 36px; margin-top: 25px;}
.comments .items .item { /*border-bottom: 1px dotted #D1D1D1;*/ margin-top: 19px; margin-right: 5px;}
/*.comments .items .item:first-child { margin-top: 0;}.comments .items .item:last-child { border-bottom: none;}*/
.comments .items .item div.userpic,.comments .items .item div.comment { display: inline-block;}
.comments .items .item div.userpic { height: 64px; width: 64px; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.comments .items .item div.comment { width: 601px; min-height: 80px; margin-left: 7px;}
.comments .items .item div.comment .head { height: 25px;}.comments .items .item div.comment .head a{ font-size: 17px; font-weight: 300; font-family: Franklin Gothic, Sans-Serif, Arial; color: #698b22; text-decoration: underline; margin-top: -2px; display: block; position: absolute;}.author-info a{ font-size: 13px; color: #698b22; text-decoration: underline; display: block; float: right; margin-top: -2px;}.comments .items .item div.comment .head a:hover { text-decoration: none;}.comments .items .item div.comment .head span.date { font-size: 11px; font-weight:100; color: #8e9ba0; display: inline-block; float: right;}
.head span.commentname{ font-size: 17px; font-weight: 300; font-family: Franklin Gothic, Sans-Serif, Arial;}
.comments .items .item div.comment .body { font-size: 14px; line-height: 20px; margin-bottom: 5px; text-align: justify; overflow: hidden;}/* -------------------------------------------------------------------------- Contact -------------------------------------------------------------------------- */form.contact { background: #fff; height: auto; width: 950px; padding-left: 49px; padding-top: 49px; margin-bottom: 103px;}form.contact div.input { margin-bottom: 18px;}form.contact div.submit { margin-top: 29px;}form.contact label { font-size: 11px; color: #8e9ba0; display: block; margin-bottom: 7px;}form.contact input[type="text"],form.contact textarea { background: #fff; height: 26px; border: 1px solid #e2e2e2; width: 242px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; font-size: 13px; margin-right: 3px; display: block; padding: 1px 6px; }form.contact .input .errorMessage{ margin-top:0px; color: red;}form.contact input[type="submit"] { border: none; background-color: #c11d39; color: #fff; width: 256px; height: 50px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; padding-top: 3px;}form.contact input[type="submit"]:hover { text-decoration: underline;}form.contact textarea { width: 600px; height: 350px; resize: none; padding: 6px 6px}form.contact div.left,form.contact div.right { display: inline-block; vertical-align: top;}form.contact div.left { width: 260px; margin-right: 26px;}form.contact p.info { color: #8e9ba0; font-size: 11px; margin-top: 27px;}form.contact span.star:after { content: "*"; color: #c11d39;}.profile { background: #fff; /*height: 500px;*/ padding-left: 9px; padding-top: 10px; margin-bottom: 28px;}.profile div.left,.profile div.right { display: inline-block; vertical-align: top;}.profile div.input { margin-bottom: 18px;}.profile div.submit { margin-top: 20px;}.profile label { font-size: 11px; color: #8e9ba0; display: block; margin-bottom: 7px; margin-top: 2px;}.profile .right label { margin-bottom: 5px;}.profile input[type="text"],.profile input[type="password"],.profile textarea { background: #fff; height: 26px; border: 1px solid #e2e2e2; width: 242px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #696969; font-size: 13px; margin-right: 3px; display: block; padding: 1px 6px; }.profile input[type="submit"] { border: none; background-color: #c11d39; color: #fff; width: 256px; height: 50px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 15px; padding-top: 3px;}.profile input[type="submit"]:hover { text-decoration: underline;}.profile textarea { width: 592px; height: 236px; resize: none; padding: 6px 6px}.profile div.left,.profile div.right { display: inline-block; vertical-align: top;}.profile div.left { width: 260px; margin-right: 14px;}.profile .img, .profile .img_main { width: 254px; height: 254px; border: 1px dashed #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 13px; background-size: cover; background-position: center center; background-image: url(img/base_user_photo.png);}.profile .img .upload-main-photo, .profile .img_main .upload-main-photo { color: #698B22; cursor: pointer; display: inline-block; font-size: 12px; height: 97px; margin-top: 87px; overflow: hidden; padding-top: 73px; position: relative; text-align: center; text-decoration: underline; width: 254px;}.upload-main-photo-text_profile { background-color: #ffffff; /*width: 100px;*/ /*margin: 40px auto;*/ padding: 10px; border-radius: 20px; border: 1px solid #999;}.profile .img .upload-main-photo:hover, .profile .img_main .upload-main-photo:hover { text-decoration: none;}.profile .img .upload-main-photo input[type="file"], .profile .img_main .upload-main-photo input[type="file"] { opacity: 0; cursor: pointer; display: block; font-size: 200px; height: 500px; opacity: 0; position: absolute; right: 0; top: 0;}.profile .info-edit { font-size: 12px; line-height: 20px; padding-left: 39px; text-align: justify; width: 653px;}.profile.my .info-edit { padding-left:30px; width:942px;}.profile .info-edit > h2 { background: url(img/icon-hat-chef-green.png) no-repeat scroll left top transparent; font-size:16px; margin-left:-35px; margin-top:30px; padding-left:34px; margin-bottom: 10px; -webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}.profile .info-edit > h2:first-child { margin-top:12px;}.profile .info-edit > h2 > span { border-bottom:1px solid #8FA85B; display:inline-block; margin-top:3px; width:100%; padding-bottom:8px;}.profile .info-edit .input { display: inline-block; margin-bottom: 12px; min-width: 303px; vertical-align: top;}.profile .info-edit .inputs > div.input:nth-child(odd) { margin-right: 43px;}.profile .info-edit .input input[type="text"] { width: 286px;}.profile .info-edit .input input[type="radio"] { display:none;}.profile .info-edit .input input[type="radio"] + label span { display:inline-block; width:16px; height:16px; margin:-1px 4px 2px 0; vertical-align:middle; background:url(img/form-radiobutton-green.png) left top no-repeat; margin-right: 13px; cursor:pointer;}.profile .info-edit .input input[type="radio"]:checked + label span { background: url(img/form-radiobutton-green.png) no-repeat scroll -16px top transparent;}.profile .info-edit .input input[type="radio"] + label { cursor: pointer; display: inline-block; margin-top: 8px; margin-right: 15px; font-size: 12px; color: #373737;}.profile .info-edit .input input[type="radio"] + label:last-child { margin-right: 0px;}/*user page*/.profile .info-edit .chef_info span{ color: #8e9ba0; }.notices .pager, .recipes .pager { display: none; }/*/user page*/.my { margin-bottom: 21px;}.my ul { list-style: none; margin: 0; padding: 0;}.my ul li { display: inline-block; margin-right: 5px;}.my ul li> a > span { color: #698b22; display: inline-block; margin-left: -3px; margin-top: 2px;}.my ul li.active > a > span, .my ul li:hover > a > span { color: white; display: inline-block; margin-left: -3px; margin-top: 2px;}.my ul li > a { display: inline-block; position: relative; background-color: #e1e1e1; width: 180px; height: 50px; line-height: 50px; /* vertically center */ color: transparent; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; font-weight: bold; -moz-box-shadow:inset 1px 1px 1px 0px rgba(119, 119, 119, 0.15);-webkit-box-shadow:inset 1px 1px 1px 0px rgba(119, 119, 119, 0.15);box-shadow:inset 1px 1px 1px 0px rgba(119, 119, 119, 0.15);}.my ul li.active > a,.my ul li:hover > a { background-color: #8fa85b;}.my ul li.active > a:after, .my ul li:hover> a:after { content: ''; position: absolute; width: 0; height: 0; border: 9px solid; border-top-color: #8fa85b; top: 100%; left: 50%; margin-left: -10px; /* adjust for border width */}.my_sub { margin-bottom: 21px; /*margin-left: 200px;*/}.my_sub ul { list-style: none; margin: 0; padding: 0;}.my_sub ul li { display: inline-block; margin-right: 5px;}.my_sub ul li> a > span { color: #698b22; display: inline-block; margin-left: -3px; margin-top: 2px;}.my_sub ul li.active > a > span, .my_sub ul li:hover > a > span { color: white; display: inline-block; margin-left: -3px; margin-top: 2px;}.my_sub ul li > a { display: inline-block; position: relative; background-color: #e1e1e1; width: 130px; height: 30px; line-height: 30px; /* vertically center */ color: transparent; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; font-weight: bold; -moz-box-shadow:inset 1px 1px 1px 0px rgba(119, 119, 119, 0.15);-webkit-box-shadow:inset 1px 1px 1px 0px rgba(119, 119, 119, 0.15);box-shadow:inset 1px 1px 1px 0px rgba(119, 119, 119, 0.15);}.my_sub ul li.active > a,.my_sub ul li:hover > a { background-color: #8fa85b;}.my_sub ul li.active > a:after, .my_sub ul li:hover> a:after { content: ''; position: absolute; width: 0; height: 0; border: 9px solid; border-top-color: #8fa85b; top: 100%; left: 50%; margin-left: -10px; /* adjust for border width */}/* -------------------------------------------------------------------------- Icons -------------------------------------------------------------------------- */.icon-plus-add-red { background: url(img/icon-plus-add-red.png) no-repeat scroll center center transparent; width: 10px; height: 10px; display: inline-block;}.icon-like-red { background: url(img/icon-like-red.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-apple-green { background: url(img/icon-apple-green.png) no-repeat scroll center center transparent; width: 16px; height: 20px!important; display: inline-block; margin-right: 5px; margin-bottom: -3px;}.icon-cup-green { background: url(img/icon-cup-green.png) no-repeat scroll center center transparent; width: 16px; height: 20px!important; display: inline-block; margin-right: 5px; margin-bottom: -3px;}.icon-nut-green { background: url(img/icon-nut-green.png) no-repeat scroll center center transparent; width: 16px; height: 20px!important; display: inline-block; margin-right: 5px; margin-bottom: -3px;}.icon-fork-plus-white { background: url(img/icon-fork-plus-white.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-draft-white { background: url(img/icon-draft-white.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-edit-green { background: url(img/icon-edit-green.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-delete-green { background: url(img/icon-delete-green.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-level-1-green { background: url(img/icon-level-1-green.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block; margin-right: 5px;}.icon-level-2-green { background: url(img/icon-level-2-green.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block; margin-right: 5px;}.icon-level-3-green { background: url(img/icon-level-3-green.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block; margin-right: 5px;}.icon-hat-chef-green { background: url(img/icon-hat-chef-green.png) no-repeat scroll center center transparent; width: 25px; height: 21px; display: inline-block;}.icon-print-red { background: url(img/icon-print-red.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-like-red { background: url(img/icon-like-red.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-favorites-red { background: url(img/icon-favorites-red.png) no-repeat scroll center center transparent; width: 16px; height: 16px; display: inline-block;}.icon-fork-and-knife-green { background: url(img/icon-fork-and-knife-green.png) no-repeat scroll center center transparent; width: 26px; height: 26px; display: inline-block;}.icon-fork-green { background: url(img/icon-fork-green.png) no-repeat scroll center center transparent; width: 26px; height: 26px; display: inline-block;}.icon-clip-green { background: url(img/icon-clip-green.png) no-repeat scroll center center transparent; width: 26px; height: 26px; display: inline-block;}.icon-comments-green { background: url(img/icon-comments-green.png) no-repeat scroll center center transparent; width: 26px; height: 26px; display: inline-block;}.icon-photo-big-upload { background: url(img/icon-photo-big-upload.png) no-repeat scroll center center transparent; width: 60px; height: 51px; display: inline-block;}.icon-photo-small-upload { background: url(img/icon-photo-big-upload.png) no-repeat scroll center center transparent; width: 23px; height: 20px; display: inline-block;}/* -------------------------------------------------------------------------- Recipes -------------------------------------------------------------------------- */div.filter { background-color: #fdfec3; height: 90px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); -webkit-box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); box-shadow:0px 1px 0px 0px rgba(119, 119, 119, 0.1); margin-bottom: 30px;}form.filter { display: inline-block; padding-left: 12px; padding-top: 14px;}form.filter div.input { display: inline-block; line-height: 25px; vertical-align: top;}/* RADIO */ form.filter input[type="radio"] { display:none;}form.filter input[type="radio"] + label span { display:inline-block; width:16px; height:16px; margin:-1px 4px 2px 0; vertical-align:middle; background:url(img/form-radiobutton-green.png) left top no-repeat; cursor:pointer;}form.filter input[type="radio"]:checked + label span { background: url(img/form-radiobutton-green.png) no-repeat scroll -16px top transparent;}form.filter input[type="radio"] + label, form.filter input[type="checkbox"] + label { cursor: pointer; display: inline-block; width: 100%;}form.filter input[type="checkbox"] { display:none;}form.filter input[type="checkbox"] + label span { display:inline-block; width:14px; height:14px; margin:-1px 4px 0 0; vertical-align:middle; background:url(img/checkbox.png) left top no-repeat; cursor:pointer;}form.filter input[type="checkbox"]:checked + label span { background: url(img/checkbox.png) no-repeat scroll -15px top transparent;}form.filter input[type="text"] { width: 149px; background: #fff; min-height: 25px; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; font-size: 13px; margin-right: 3px; padding-top: 3px; padding-left: 9px; padding-right: 9px;}form.filter .input div.label { font-size: 11px; color: #8e9ba0; height: 25px;}form.filter .input div.select { width: 129px; background: #fff; min-height: 25px; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #696969; font-size: 13px; margin-right: 3px; padding-top: 4px; padding-left: 10px; cursor: pointer; padding-right: 9px; position: relative; z-index: 5;}form.filter .allin {padding:0 0 5px; margin:0 0 5px; border-bottom:1px solid #E2E2E2;}.kitchen { width: 148px !important;}.products .category { width: 148px !important;}.products .like { width: 620px !important;}form.filter .input div.select .name { background: url(img/icon-double-arrow-down-green.png) no-repeat scroll center right #fff; line-height: 23px;}form.filter .input div.select .name1 .icon { margin-bottom: -3px;}form.filter .input:hover div.select ul { display: block;}form.filter div.select ul { display: none; list-style: none; padding: 0;}div.more { text-align: center; margin-top: 15px; margin-bottom: 40px;}div.more .red-button { margin-right: 25px;}div.more .red-button a { width: 220px !important;}.shadow{ position: absolute; top: 75px; height: 75px; width: 129px; opacity: 0;}.shadow_raw{ position: absolute; top: 75px; height: 50px; width: 129px; opacity: 0; }.grey_text{ color: #b7b4b4;}.select kitchen ul li{ height: 30px;}/* -------------------------------------------------------------------------- Footer -------------------------------------------------------------------------- */footer { background-color: #fdfec3; height: 365px; min-width:1000px; position: relative; /* border-style: solid; border-width: 5px 0px 0px; -moz-border-image: url(../img/ruche.png) 5 0 0 repeat; -webkit-border-image: url(../img/ruche.png) 5 0 0 repeat; -o-border-image: url(../img/ruche.png) 5 0 0 repeat; border-image: url(../img/ruche.png) 5 0 0 repeat; */}.ruche { background-color: transparent; background: url(/css/img/ruche.png) repeat-x; height: 10px; position: relative;}footer .right-side { width: 240px; display: inline-block; height: 100%; margin: 0; padding: 0; padding-top: 21px; margin-left: 1px;}footer .right-side .social-buttons { display: block; margin: 21px 0 0 1px;}footer form.sub { display: inline-block; margin-left: 0px; margin-top: 36px;}footer form.sub input[type="text"] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e2e2e2; line-height: 26px; height: 26px; width: 190px; /* margin-right: 6px; */ padding-left: 8px; color: #696969;}footer form.sub input[type="submit"] { background-color: #d9d9d9; width: 30px; height: 30px; border: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; background-image: url(img/submit-t.png); margin-left: 6px; color: #d9d9d9; margin-right: -6px;}footer form.sub input[type="submit"]:hover { background-color: #d9d9d9; border: 1px solid #698b22; background-position: -1px;}footer .main-side { width: 754px; display: inline-block; margin: 0; padding: 0; vertical-align: top; padding-top: 9px; margin-right: -1px;}footer .main-side ul.menu { display: inline-block; font-size: 11px; list-style: none; vertical-align: top; padding: 0; padding-right: 110px; line-height: 20px;}footer .main-side ul.menu:nth-child(2) { padding-right: 96px;}footer .main-side ul.menu:nth-child(3) { padding-right: 86px;}footer .main-side ul.menu:last-child { padding-right: 0;}footer .main-side ul.menu li a { color: #698b22; text-decoration: none;}footer .main-side ul.menu li a:hover { color: #698b22; text-decoration: underline;}footer .main-side ul.menu li.header a { color: #373737; font-size: 15px;}footer hr, .main-side hr { background: url(img/dot-hr-w.png) repeat-x scroll 0 0 transparent; border: 0 none; height: 6px; margin: 0; padding: 0; margin-top: 18px;}footer ul.footer-menu { padding: 0; margin: 25px 0 0 -1px; color: #373737; font-size: 13px;}footer ul.footer-menu li { display: inline-block;}footer ul.footer-menu li:after { content: "|"; color: #d9d9d9;}footer ul.footer-menu li:last-child:after { content: "" !important;}footer ul.footer-menu li a { color: #698b22; text-decoration: none; margin-right: 10px; margin-left: 9px;}footer ul.footer-menu li a:hover { color: #698b22; text-decoration: underline;}footer ul.footer-menu li:first-child a { margin-left: 0px;}footer .copy { margin-left: 0px; font-size: 12px; color: #8e9ba0; margin-top: 23px; margin-left: -1px;}footer .copy a { color: #8e9ba0; font-size: 12px;}.up-hide { display: none; height: 80px; margin-top: -20px; }.up-block { position: relative; display: none; float: right;}.up-block .scroll-up { display: inline-block; width: 80px; height: 80px; font-size: 13px; background-color: #c11d39; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; right: 0; margin-top: -60px; background: url(img/icon-double-arrow-up-white.png) no-repeat center 16px #C11D39; text-align: center; padding-top: 32px;}.scroll-up:hover { text-decoration: underline;}/* ========================================================================== Helper classes ========================================================================== *//* * Image replacement */.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px;}.ir:before { content: ""; display: block; width: 0; height: 150%;}/* * Hide from both screenreaders and browsers: h5bp.com/u */.hidden { display: none !important; visibility: hidden;}/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}/* * Hide visually and from screenreaders, but maintain layout */.invisible { visibility: hidden;}/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */.clearfix:before,.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */}.clearfix:after { clear: both;}/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */.clearfix { *zoom: 1;}/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */}@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */}/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; }}.summary{ display:none;}/*ckeditor*/a.header_button{ background-image:url(img/ckeditor_button.png); background-repeat: no-repeat;}.notices .item{ height: 50px; background-color: white; margin: 10px;}.notices .item .notice_title{ height: 13px; padding-left: 10px; padding-top: 7px; color: rgb(142, 155, 160); font-size: 11px;}.notices .item .notice_title_new{ height: 13px; padding-left: 10px; padding-top: 7px; background-color: rgb(253, 254, 195); color: rgb(142, 155, 160); font-size: 11px;}.notices .item .notice_title input[type="submit"], .notices .item .notice_title_new input[type="submit"]{ border: none; background: inherit; margin-left: 5px; color: rgb(142, 155, 160); font-size: 11px;}.notices .item .notice_title .delete_form, .notices .item .notice_title_new .delete_form{ height: 20px; float: right;}.notices .item .notice_text{ height: 25px; padding-left: 10px; margin-top: 0px; font-size: 13px; padding-top: 5px;}.notices .item .notice_text_new{ height: 25px; padding-left: 10px; margin-top: 0px; font-size: 13px; padding-top: 5px; background-color: rgb(253, 254, 195);}.notices .item .notice_text a, .notices .item .notice_text_new a{ text-decoration: none; color: black;}.about_main{}.about_main .about_title{ font-size: 30px;}.about_main .about_text{ }.comments .items .item div.comment .ans {padding:0 0 10px; width:100%; float:left;}.comments .items .item div.comment .ans .answer {font-size:11px; color:#8e9ba0; display:inline-block; float:right;}.ansform {}form.ansform {margin-top:25px;}form.ansform textarea {width:585px; height:56px; resize:none; background:#fff; min-height:20px; border:1px solid #e2e2e2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#696969; font-size:15px; margin-right:3px; padding-top:11px; padding-left:9px; padding-right:9px; padding-bottom:11px; display:block;}form.ansform input[type="submit"] {background:none repeat scroll 0 0 #C11D39; border:0 none; color:#fff; font-size:15px; height:34px; margin-left:1px; margin-top:24px; width:133px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}form.ansform input[type="submit"]:hover {text-decoration:underline;}form.ansform div.userpic {height:64px; width:64px; vertical-align:top; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; margin:10px 0px 0 0;}.donate {width:222px; height:327px; float:left; margin:7px 0 0 0; background:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;-webkit-box-shadow:0 1px 0 0 rgba(119, 119, 119, 0.1); -moz-box-shadow:0 1px 0 0 rgba(119, 119, 119, 0.1); box-shadow:0 1px 0 0 rgba(119, 119, 119, 0.1);} .side_adv {width:300px; margin:13px 0 0 0;}.banner1 {width:728px; height:90px; margin:13px 0 0 0; }.recipes .item .info .left a {width:20px; margin-right:0px;}.profile.my { background: none repeat scroll 0% 0% transparent;}/*google search*/.gsc-search-box-tools .gsc-search-box .gsc-input { height: 30px!important; width: 400px!important;}.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { width: 19px!important; height: 19px!important; display: none;}.cse input.gsc-search-button, input.gsc-search-button { width: 19px!important; height: 19px!important; background-color: #ffffff!important;}#gsc-i-id1{ height: 20px!important;}input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{ height: 30px!important;}.recipe a.nickname {color:#698b22;}.comments .main-side .content .logforcomm{ background: none repeat scroll 0px 0px rgb(193, 29, 57); border: 0px none; color: rgb(255, 255, 255); font-size: 15px; height: 34px; margin-left: 50px; margin-top: 24px; width: 300px; border-radius: 5px 5px 5px 5px;}#yw1_button{ color: rgb(105, 139, 34);}span.loadimg{ margin-top:0; background-size:cover; background-position:center center;}span.loadimg .upload-main-photo{ color:#698B22; cursor:pointer; display:inline-block; font-size:12px; margin-top:10px; overflow:hidden; padding:20px 0px 20px 0px; position:relative; text-align:center; width:120px; text-decoration:underline; float: right; background-position: center center; background-repeat:no-repeat; background-size: cover;}span.loadimg .upload-main-photo .photo_img{ background:url(img/icon-photo-small-upload.png) no-repeat; width:23px; height: 20px; margin-right: 10px; margin-bottom: -4px; display: inline-block;}span.loadimg .upload-main-photo:hover{ text-decoration:none;}span.loadimg .upload-main-photo input[type="file"]{ opacity:0; cursor:pointer; display:block; font-size:200px; height:500px; opacity:0; position:absolute; right:0; top:0;}.products .item .text h3,.products .item .text h4 { margin: 0px; margin-bottom: 5px;}.en .recipe form.recipe-form ol input.ingredient {float:right;}.en .recipe form.recipe-form ol input.ingredient {margin-right:6px;}.w-forgot{ width: 335px !important;}/*for scrolling up-button*/.scroll_button{ display: none; position: fixed; top: 500px; height: 80px; width: 80px; overflow: hidden; right: 0px;}.scroll_button .scroll-up { display: inline-block; width: 80px; height: 70px; font-size: 13px; background-color: #c11d39; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; right: 0; background: url(img/icon-double-arrow-up-white.png) no-repeat center 16px #C11D39; text-align: center; padding-top: 32px;}/*for printpage*/.copy a{ text-decoration: none; color: rgb(55, 55, 55);}@media screen and (min-width:0\0) { .inp1{ margin-top: 10px;} header .main-side .search span.add { width: 234px;}header .main-side .search span.add a{ width:174px;}header .main-side .search form input[type="text"] { width: 433px;}} header .main-side .search form input .wr2 { padding-top: -10px;}
form.comment label {
font-size: 11px;
color: #8e9ba0;
display: block;
margin-bottom: 7px;
}
form.comment input[type="text"]{
background: #fff;
height: 26px;
border: 1px solid #e2e2e2;
width: 242px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #696969;
font-size: 13px;
margin-right: 3px;
display: block;
padding: 1px 6px;
}
.blog_h1{
font-size: 18px;
color: #373737;
display: inline-block;
margin: 0;
padding: 0;
margin-top: 15px;
}
.like div{
margin-top: 3px;
font-weight: bold;
}
.like img{
vertical-align: top;
}
.like:hover{
color: #698b22 !important;
}
.unlink:hover{
cursor: default;
}
.answer_form{
margin-left: 0px !important;"
}
.comment_form input[type=checkbox]{
display:none;
}
.comment_form label.is_notify {
font-size: 13px;
height: 14px;
line-height: 14px;
color: #8e9ba0;
}
.comment_form input[type="checkbox"]:checked + label span {
background: url(img/checkbox.png) no-repeat scroll -15px top transparent;
}
.comment_form input[type="checkbox"] + label span {
display: inline-block;
width: 14px;
height: 14px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url(img/checkbox.png) left top no-repeat;
cursor: pointer;
}
.cooktip .comments{
margin-left: 260px;
}
.cooktip .stepblock{
clear: both; float: none; margin-bottom: 5px;
}
.stepblock{
clear: both; float: none; margin-bottom: 5px;
}
.print-logo {
border-top:2px dotted #d9d9d9;
}
.print-logo img {
margin:20px 308px;
}
h1.greet {
font-family: 'Ubuntu Mono', ;}
profile source {
}
p.sour {color: grey; font-size:12px; margin:5px 20px 0px 64px;
}
.content .vk_comments {margin-left:20px;}