/* Theme Name: maxbao Theme URI: http://kozachok.net Description: Специально разработаная тема для блога maxbao Author: Максим Довбня Author URI: http://kozachok.net Version: 1.1 */ @font-face{font-family:Open Sans Semibold; src:url(fonts/open-sans-semibold.ttf)} @font-face{font-family:Open Sans Light Italic; src:url(fonts/Od2OP0iZ.ttf)} @font-face{font-family:Open Sans Bold; src:url(fonts/open-sans-bold.ttf)} @font-face{font-family:Century Gothic Bold; src:url(fonts/MzcpVogF.ttf)} @font-face{font-family:Open Sans Regular; src:url(fonts/open_sans_regular.ttf)} @font-face{font-family: Open Sans Regular; src: url(fonts/open_sans_regular.ttf);} @font-face{font-family: Ralenta Bold; src: url(fonts/ralenta-bold.ttf);} *{ margin:0; padding:0} body{ background:url("img/top-bg.jpg") no-repeat scroll center top,#0C736C url("img/footer-bg.png") repeat-x scroll center bottom} a{ text-decoration:none} ul{ list-style:outside none none} img{ border:medium none; max-width:100%; height:auto} button, input, textarea:focus{ outline:0 none} button, input{ border:medium none} b, strong{ font-weight:900; color:#000; font:14px/20px Open Sans Semibold,arial} :focus::-webkit-input-placeholder {color:transparent;} :focus::-moz-placeholder {color:transparent;} :focus:-ms-input-placeholder {color:transparent;} .textwidget{padding:10px} .alignleft, img.alignleft{display:inline; float:left; margin-right:24px; margin-top:4px} .alignright, img.alignright{display:inline; float:right; margin-left:24px; margin-top:4px} .aligncenter, img.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto} img.alignleft, img.alignright, img.aligncenter{margin-bottom:0} .textwidget img{display:block} .conteiner{margin:0 auto; max-width:980px; margin-top:601px; margin-bottom:233px} .logo-url{display:block; width:455px; height:90px; position:absolute; left:108px; top:505px} .header{background:#fff; background:-moz-linear-gradient(left,#fff 0%,#fff 50%,#edf0f1 51%,#edf0f1 100%); background:-webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(50%,#fff),color-stop(51%,#edf0f1),color-stop(100%,#edf0f1)); background:-webkit-linear-gradient(left,#fff 0%,#fff 50%,#edf0f1 51%,#edf0f1 100%); background:-o-linear-gradient(left,#fff 0%,#fff 50%,#edf0f1 51%,#edf0f1 100%); background:-ms-linear-gradient(left,#fff 0%,#fff 50%,#edf0f1 51%,#edf0f1 100%); background:linear-gradient(to right,#fff 0%,#fff 50%,#edf0f1 51%,#edf0f1 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#edf0f1',GradientType=1 ); border-radius:7px 7px 0px 0px; position:relative;} .name-blog{overflow:hidden; position:absolute; width:980px; top:-96px; right:39px;} .blog-logo{float:left; padding-bottom:2px;} .blog-logo img{display:block;} .blog-name{float:left; font: 30px/37px Ralenta Bold,arial; color:#fff; text-shadow: -3px 4px 3px rgba(0,0,0,0.6); padding-left:7px; padding-top:10px;} .blog-description{float:right; font: 18px/24px Century Gothic Bold,arial; color:#CFE078; width:400px; text-align:center; padding-right:50px; padding-top:34px;} .header-menu, .header-menu-post{background:url("img/menu.png") repeat scroll 0 0; font:19px/27px Open Sans,arial; border-bottom:1px solid #3F2526; border-right:1px solid #3F2526; border-left:1px solid #3F2526; border-radius:7px; overflow:hidden; text-shadow:-2px -1px 0 #974a3f,0 0 0} .header-menu ul, .header-menu-post ul{ list-style:outside none none; margin:0px 10px 0px 10px} .header-menu ul li, .header-menu-post ul li{ float:left; background:url("img/border.png") no-repeat left top} .header-menu ul li:first-child, .header-menu-post ul li:first-child{ background:no-repeat right top} .header-menu ul li a, .header-menu-post ul li a{ display:block; padding:16px 11px 16px 11px; color:#fff} .header-menu li a:hover, .header-menu-post li a:hover{ background:url("img/menu-hover.png") repeat scroll 0 0; height:26px} .header-menu .current-menu-item, .header-menu-post .current-menu-item{ background:url("img/menu-hover.png") repeat scroll 0 0!important; height:58px} #menu-checkbox, .logo, .subscribe-mobile{display:none} .header-menu .pull, .header-menu-post .pull, .search-box{display:none} .main{border-radius:-7px 0px -7px 0px; background:linear-gradient(to right,#fff 67.1%,#edf0f1 67.2%); /* W3C */overflow:hidden} .content{ background-color:#fff; width:67.2%; float:left; margin:0px 0px 0px 0px; overflow:hidden} .kama_breadcrumbs{ margin:20px 12px 16px 12px; background-color:#F6F6F7; padding:3px 12px 3px 12px; font:13px/17px Open Sans Light,arial; color:#404041; border-radius:7px} .kama_breadcrumbs span, .kama_breadcrumbs a{ color:#2E2F2F} .kama_breadcrumbs span{margin-right:5px; background:rgba(0,0,0,0) url("img/breadcrumbs-border.png") no-repeat scroll right; padding-right:10px} .kama_breadcrumbs span:last-child{ background:rgba(0,0,0,0) none no-repeat scroll right} .kama_b{ display:none} .article{ padding:19px 0px 19px 0px; margin:0px 16px 0px 16px; border-color:#73225a; border-image:url("img/content-border.png") 0 0 20 0 repeat repeat; border-style:solid; border-width:0 0 1px; overflow:hidden} .article-post{ padding:0px; margin:10px 23px 13px 23px; overflow:hidden} .alink{ color:#ce483a; text-decoration:underline; cursor:pointer} .alink:visited{ color:#f8a297; text-decoration:underline} .alink:hover{ color:#ce483a; text-decoration:underline} .spanlink{ text-decoration:underline; color:#ce483a; outline:none; cursor:pointer} .spanlink:hover{ text-decoration:underline; color:#ce483a} .spanlink:visited{ color:#f8a297; text-decoration:underline} .article-post .post p{ margin:15px 0px 15px 0px} .article-post .post p:first-child{ margin:0px 0px 15px 0px} .post ol{ counter-reset:li; padding:0; list-style:none; padding:5px 0 5px} .post ol li span{ font:13px/20px Open Sans Semibold,arial!important} .post ol li{ position:relative; margin:10px 0 10px 2em; padding:2px 14px} .post ol li:before{ content:counter(li); counter-increment:li; position:absolute; top:-2px; left:-1.7em; width:2em; padding:5px 0; color:#fff; background:#C64E44; font-weight:bold; font:14px/17px Open Sans,sans-serif; text-align:center; border-radius:25px} .post ul{ padding:5px 0 5px} .post ul li::before{ background:rgba(0,0,0,0) url("img/marker.png") no-repeat scroll 0 0; content:""; display:block; height:27px; margin-left:-38px; margin-top:-4px; position:absolute; width:27px} .post ul li{ font:13px/20px Open Sans Semibold,arial; margin-bottom:10px; margin-top:10px; padding-left:40px} .post blockquote{ -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:#ECB9AB #F0C7B9 #F0C7B9 #ECB9AB; background:url("img/right-top.png") no-repeat scroll left top,#fff url("img/left-top.png") no-repeat scroll right bottom; border-image:none; border-style:solid; border-width:1px; color:#C54E43; display:block; margin-bottom:9px; margin-top:9px; padding:20px 35px 20px 35px; position:relative; border-radius:3px; font:600 13px/17px Open Sans Light Italic,arial} .post blockquote::before{ bottom:-9px; content:""; display:block; height:9px; margin-left:-91px; position:absolute} .content .article .attachment-post-thumbnail, .content .article .wp-post-image{ border:5px solid #EBEAEB; float:left; color:#000; margin-right:15px} .title, .title a{font:18px/23px Open Sans,arial; color:#000; font-weight:bold} .title-single{font:bold 20px/23px Open Sans,arial; color:#CE483A} .article a:hover, .article-post a:hover{ color:#CE483A} .post a:hover, .post a, .post-1 a:hover, .post-1 a{ color:#CE483A; text-decoration:underline} .post a:visited{ color:#F8A297; text-decoration:underline} .meta, .meta-index{ margin:13px 0px 13px 0px; border-top:1px solid #F8F8F8; border-bottom:1px solid #F8F8F8; padding:2px 0px 3px 0px; font:11px/15px Open Sans,arial; color:#BEBCBC} .autor{ background:rgba(0,0,0,0) url("img/autor.png") no-repeat scroll left center; padding:0 0px 0px 13px; margin-left:6px} time{ background:rgba(0,0,0,0) url("img/time.png") no-repeat scroll left center; padding:0 14px 0px; margin-left:6px} .post-1{font:13px/16px Open Sans Semibold,arial; color:#2E2E2E; overflow:hidden} .post{ font:14px/20px Open Sans regular,arial; color:#2E2E2E; overflow:hidden} .social-icons{ color:#fff; font-size:1.7em; margin:0px auto 0; padding:0px 0px 10px 4px; border-bottom:1px solid #E7E5E6; margin-left:20px; margin-right:20px; overflow:hidden} .social-icons span{ cursor:pointer} .social-icons a{ color:#fff} .social-icons [class^="icon-"]::before{ height:52px; vertical-align:middle; width:52px} [class^="icon-"]::before, [class*="icon-"]::before{ display:inline-block; margin:0.2em} .icon-vkontakte::before{ background:rgba(0,0,0,0) url("img/vk.png") no-repeat scroll 0 0} .icon-facebook::before{ background:rgba(0,0,0,0) url("img/fb.png") no-repeat scroll 0 0} .icon-twitter::before{ background:rgba(0,0,0,0) url("img/twitter.png") no-repeat scroll 0 0} .icon-odnoklassniki::before{ background:rgba(0,0,0,0) url("img/od.png") no-repeat scroll 0 0} .icon-rss::before{ background:rgba(0,0,0,0) url("img/rss.png") no-repeat scroll 0 0} .icon-vkontakte::before{ content:""} .icon-facebook::before{ content:""} .icon-twitter::before{ content:""} .icon-odnoklassniki::before{ content:""} .icon-rss::before{ content:""} .fid{ overflow:hidden; margin:20px; background:url("img/poshta.png") no-repeat scroll -3px -29px; height:148px} .subscribe-fid{ float:right; margin-top:23px; width:77%} .fid p{ text-align:right; font:23px/17px Open Sans,sans-serif; color:#ce483a; padding-top:10px; margin-right:6px} .subscribe-fid button[type="submit"]{ background:linear-gradient(to bottom,#f8e32f 0%,#f7943b 100%,#7db9e8 100%); font:16px/10px Century Gothic Bold,sans-serif; text-shadow:1px 2px 0 #bd6941,0 0 0; border:0 none; border-radius:5px; padding:16.5px 35px 16.5px 35px; color:#FDFDFD; margin-left:12px; cursor:pointer} .subscribe-fid input[type="email"]{ border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 3px -1px #939191 inset; color:#a4a4a4; padding:7px 10px 7px 10px; border-radius:3px; height:29px; width:58%; color:#595959; font:16px Open Sans,sans-serif} .subscribe-fid input[type="email"]:focus{ outline:0 none} .vk-comments{ padding:10px 10px 10px 10px; overflow:hidden; width:auto;} .comments-container{ overflow:hidden; margin:25px 25px 25px 25px} .comment{ margin:12px 8px 0; min-height:95px; overflow:hidden; padding-bottom:7px; border-bottom:1px solid #ececed} .comment_authcomment{ margin:12px 8px 0; min-height:95px; overflow:hidden; padding-bottom:7px; border-bottom:1px solid #ececed} .comment_authcomment .fn{color:#c54d43!important} #cancel-comment-reply-link{ color:#ce483a; font:300 15px/20px Open Sans Semibold,arial} .comment-meta{ color:#c1c1c1; text-align:right} .comment-meta a{ color:#de7037; cursor:pointer; font-family:"Roboto","sans-serif"; font-size:15px} .comment-meta span{ color:#c1c1c1; font-family:"Roboto","sans-serif"; font-size:15px} .li-comment-class{ list-style:outside none none} .comment-author{ display:block; margin-leftpx; overflow:hidden} .comment-text{ display:block; margin-leftpx; overflow:hidden; font:13px/20px Open Sans Semibold,arial; margin-top:10px; font-weight:300; color:#626262} .comment-author a{cursor:pointer} .comment-avatar{ float:left; overflow:hidden} .comment-avatar img{ border:1px solid #dbdcdd; height:62px; width:62px; display:block} .comment-time{ width:64px; background-color:#edf0f1; display:block; font:700 10px/10px arial; padding:8px 0; text-align:center} .fn{ color:#1F655D; cursor:pointer; float:left; font-family:Open Sans,sans-serif; font-size:16px; font-weight:bold} .children li{ margin-left:40px} .comment-reply-link{ color:#878585; float:right; font-family:regular,arial; font-size:12px; padding:3px 0 0; text-decoration:underline} .comment-edit-link{ color:#878585; float:right; font-family:regular,arial; font-size:12px; padding:3px 0 0; text-decoration:underline; margin-left:10px} .logged-in-as{ font-family:Open Sans,sans-serif} .logged-in-as a{ color:#1f655d; font-family:Open Sans,sans-serif} #respond{ margin:12px 14px 14px 14px; overflow:hidden; width:auto; box-sizing:border-box} .form-left{float:left; width:40%; height:126px} #comments{ float:right; max-width:54%; padding:10px; border-top:1px solid #C8C8C8; border-bottom:2px solid #DCDBDB; border-left:1px solid #C8C8C8; border-right:2px solid #DCDBDB; border-radius:3px; height:115px; font:13px/20px Open Sans,sans-serif; color:#949292} #author, #email, #url{ width:89%; height:28.5px; font:13px/20px Open Sans,sans-serif; color:#949292} #author{ border-top:1px solid #C8C8C8; border-bottom:2px solid #DCDBDB; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-radius:3px; margin-bottom:7px; padding:5px} #email{ border-top:1px solid #C8C8C8; border-bottom:2px solid #DCDBDB; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-radius:3px; margin-bottom:7px; padding:5px} #url{ border-top:1px solid #C8C8C8; border-bottom:2px solid #DCDBDB; border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-radius:3px; margin-bottom:10px; padding:5px} .form-submit input[type="submit"]{ background:rgba(0,0,0,0) linear-gradient(to bottom,#C95849 0%,#A94C41 100%,#7db9e8 100%) repeat scroll 0 0; border:1px solid #565656; border-radius:5px; color:#fff; float:right; cursor:pointer; display:block; font:14px/18px "PT Sans",Arial,sans-serif; margin:0; padding:13px 27px 13px 27px; border:0 none} .subscribe-to-comments{ float:left; clear:none!important; margin-top:25px; font:13px/20px Open Sans,sans-serif; text-align:right; white-space:nowrap; color:#848483} #commentsform{ position:relative; overflow:hidden} .smiles{overflow:hidden; width:17%; display:black; float:right} .smiles img{cursor:pointer; padding:1px; vertical-align:middle} .form-submit{ margin-top:7px; overflow:hidden; float:right} .form-commrnt{ float:left; overflow:hidden; width:82%} .form-commrnt-admin{ float:left; overflow:hidden; width:82%} .form-commrnt-admin #comments{ max-width: 93%!important;} #subscribe{ display:inline-block; position:relative; top:2px} .pagination{float:left} .pagination a{ color:#fff} .page-numbers{ background-color:#fff; background:rgba(0,0,0,0) url("img/push.png") no-repeat scroll left center; box-sizing:content-box; color:#fff; display:inline-block; line-height:12px; text-align:center; width:43px; height:43px; position:relative; text-decoration:none; vertical-align:middle; border-radius:4px; font:16px/42px Open Sans,sans-serif; margin-right:5px} .pagination .current{ background:rgba(0,0,0,0) url("img/pressed.png") no-repeat scroll left center; cursor:pointer; margin-top:2px; font:16px/46px Open Sans,sans-serif!important} .page-numbers a{ color:#fff; font-weight:bold; text-decoration:none} .page-numbers:hover{ background:rgba(0,0,0,0) url("img/nav-hover.png") no-repeat scroll left center; color:#fff} .next, .prev{ color:#fff; font-family:"Roboto"; font-weight:400; text-shadow:0.5px 0.9px 1px rgba(0,0,0,0.41)} .next-navi a, .prev-navi a{ background:rgba(0,0,0,0) url("img/number-page.png") no-repeat scroll 0 0; border:medium none; border-radius:4px; cursor:pointer; height:43px; margin:0; padding:0; width:118px; color:#FBFAFC; font:16px/41px Open Sans,sans-serif} .dots{ display:none} .prev-navi a{ margin-right:4px} .next-navi a:hover, .prev-navi a:hover{ background:rgba(0,0,0,0) url("img/number-page-hover.png") no-repeat scroll 0 0} .next{ border-radius:4px} .prev{ border-radius:4px} .next:hover, .prev:hover{ color:#fff} .next:hover::after, .prev:hover::after{ border-bottom:0 solid #fff} #navi-page{ float:right; width:31.3%; margin-top:1px} #navi-page .navi-input[type="text"]{ background:#fff none repeat scroll 0 0; border:1px solid #d8d6d6; border-radius:3px; box-shadow:2px 2px 3px -1px #929291 inset; box-sizing:border-box; color:#7b6a65; padding:10px; padding:13.4px 13px 12px 13px; width:35%} #navi-page .navi-submit[type="submit"]{ background:rgba(0,0,0,0) url("img/number-page.png") no-repeat scroll 0 0; border:medium none; border-radius:4px; cursor:pointer; height:42px; margin:0; padding:0 0 0 0; width:118px; color:#FBFAFC; font:16px/19px Open Sans,sans-serif} #navi-page .navi-submit:focus, #navi-page .navi-input:focus{ outline:0 none} .pnavi{ margin:20px; overflow:hidden} .aside{ background-color:#EDF0F1; width:32.8%; float:right; overflow:hidden} .aside-wiget{ margin:0px 18px 0px 18px; overflow:hidden; background-color:#fff; padding:5px 3px 5px 3px} .aside-wiget:last-child{ margin-bottom:20px} .wiget-title{ background:rgba(0,0,0,0) url("img/aside-title.png") no-repeat scroll left center; text-align:center; display:block; padding:9px 0px 10px 0px; color:#fff; font:16px/20px Open Sans,sans-serif; border:1px solid #000; border-radius:7px} .aside-wiget ul{ padding:10px 18px 5px 18px} .aside-wiget ul li{ border-bottom:1px solid #ECECED; padding:5px} .aside-wiget ul li a{ font:15px/0px Open Sans,sans-serif; color:#5B4D4C; background:rgba(0,0,0,0) url("img/decoration.png") no-repeat scroll left center; padding-left:30px} .aside-wiget ul li a:hover{ text-decoration:underline; color:#CC473A; background:rgba(0,0,0,0) url("img/decoration-hover.png") no-repeat scroll left center} .aside-wiget .current-cat a:hover{ text-decoration:underline; color:#5B4D4C; background:rgba(0,0,0,0) url("img/decoration.png") no-repeat scroll left center} .aside-wiget .current-cat a{ text-decoration:underline; color:#CC473A; background:rgba(0,0,0,0) url("img/decoration-hover.png") no-repeat scroll left center} #aside-search{ background:#fff none repeat scroll 0 0; height:42px; width:287px; border-left:1px solid #A6A4A4; border-right:1px solid #C5C3C4; border-bottom:1px solid #C5C3C4; border-top:1px solid #939192; border-radius:7px 7px 7px 7px; margin:18px 15px 30px 15px} .search_field{ border:medium none; border-radius:5px 0 0 5px; box-shadow:2px 2px 3px -1px #929291 inset; color:#A7847D; float:left; font:15px/35px Open Sans,sans-serif; height:41px; padding:0 14px; width:191.5px} .search_field:focus{ outline:0 none} .search_submit:focus{ outline:0 none} .search_submit{ background:rgba(0,0,0,0) url("img/serch.png") no-repeat scroll 0 0; border:medium none; cursor:pointer; float:left; font-size:0; height:42px; margin:0; min-width:36px; padding:0; width:67px; border-radius:0px 6px 6px 0px} .fes-default{ padding:0px 30px 0px 30px} .fes-title{ font:20px/22px Open Sans Bold,sans-serif; text-align:center; color:#CE4639; margin-top:6px} .aside-wiget .form-group{ overflow:hidden; margin-top:10px} .aside-wiget .module_subscribe{ overflow:hidden; height:148px; position:relative; margin-top:10px} .aside-wiget .module_subscribe input[type="text"]{ background:#fff none repeat scroll 0 0; border:1px solid #D8D6D6; border-radius:3px; color:#7b6a65; padding:10px 10px 10px 10px; box-shadow:2px 2px 3px -1px #929291 inset; width:100%; box-sizing:border-box} .aside-wiget .module_subscribe button[type="submit"]{ background:rgba(0,0,0,0) linear-gradient(to bottom,#f8e32f 0%,#f7943b 100%,#7db9e8 100%) repeat scroll 0 0; border:medium none; border-radius:4px; color:#fff; float:right; height:36px; cursor:pointer; text-shadow:1px 2px 0px #BD6941,0 0 0em; font:14px/20px Century Gothic Bold,sans-serif; margin:10px 0 0; width:50%} .plane{ background:rgba(0,0,0,0) url("img/plane.png") no-repeat scroll 0 0; width:117px; height:92px; position:absolute; margin-top:9px} .aside-wiget .module_subscribe button[type="submit"]:focus{ outline:0 none} .aside-wiget .module_subscribe input[type="text"]:focus{ outline:0 none} .top-single{ padding:20px 4px 0px 4px; overflow:hidden; box-sizing:border-box; font:13px/15px Open Sans light,sans-serif; color:#5F5C5C} .top-single a{font:14px/15px Open Sans,sans-serif; color:#5F5C5C} .top-single a:hover{text-decoration:underline} .top-single .top-img-1{float:left; width:49%; display:block; border-bottom:1px solid #EEEEEF; margin-bottom:20px; padding-bottom:2px; text-align:center} .top-single .top-img-2{float:right; width:49%; display:block; border-bottom:1px solid #EEEEEF; padding-bottom:2px; margin-bottom:20px; text-align:center} .last{margin-bottom:0px !important} .top-comment{ height:100%; padding:15px 0px 15px 0px} .top-comment table{ min-height:100%; height:100%; width:100%; font:13px/15px Open Sans,sans-serif} .top-comment table a{color:#5A4D4B} .top-comment table a:hover{ text-decoration:underline; color:#C54D43} .top-comment table tr{ text-align:center; vertical-align:top} .top-comment table td{ padding:0 5px 15px 5px} .top-comment .avatar-top img{ -webkit-box-shadow:#666 0px 2px 3px; -moz-box-shadow:#666 0px 2px 3px; box-shadow:#666 0px 2px 3px; padding:3px; background:white; border-image:initial; border:1px solid #D0D0BB; margin:0 0 3px 0} .top-comment .avatar-comment{ font-size:12px} #scrollbtn{ background:rgba(0,0,0,0) url("img/scroll.png") no-repeat scroll 0 0; bottom:20px; display:none; height:64px; left:92%; position:fixed; width:54px; cursor:pointer} .footer-menu{ overflow:hidden; text-align:center; font-family:'Open Sans',arial; font-size:16px; color:#fff; border-image:url("img/footer-border.png") 0 0 2 0 repeat repeat; border-style:solid; border-width:0 0 2px} .footer-menu ul li{display:inline-block; padding:18px 18px 18px 18px} .footer-menu ul li a{color:#fff; display:block} .footer-menu ul li a:hover{text-decoration:underline} .footer-menu ul{list-style:outside none none} .copyright{overflow:hidden; margin-top:100px; margin:0 auto; max-width:980px} .copy{float:left; font-family:'Open Sans Semibold',arial; font-size:12px; color:#BABABA} .spinner{float:right} #contact_form{ position:relative; width:100%; margin-top:20px} .contact_left{ float:left; width:131px; margin-left:2px} .contact_right{ float:right; width:-moz-calc(100% - 155px); width:-webkit-calc(100% - 155px); width:calc(100% - 155px); margin-right:2px} .contact_name, .contact_email, .contact_theme, .contact_textarea{position:relative} .contact_name input[type="text"], .contact_email input[type="text"], .contact_theme input[type="text"]{ position:relative; width:100px; height:30px; line-height:30px; padding:0 0 0 31px; margin:0 0 20px; background:#f7f7f7 url(img/nameid.png) no-repeat 2px 0; border:none; border-radius:4px; box-shadow:inset 0.5px 0.5px 3px #aaaaad; font:normal 13px Arial,sans-serif; color:#434343} .contact_email input[type="text"]{background:#f7f7f7 url(img/mailid.png) no-repeat 0 0} .contact_theme input[type="text"]{background:#f7f7f7 url(img/url.png) no-repeat 2px 0} .contact_textarea textarea{position:relative; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); height:116px; padding:7px 10px; margin:0 0 18px; background:#f7f7f7; border:none; border-radius:4px; box-shadow:inset 0.5px 0.5px 3px #aaaaad; font:normal 13px Arial,sans-serif; color:#434343} .contact_name input[type="text"]:focus, .contact_email input[type="text"]:focus, .contact_theme input[type="text"]:focus, .contact_textarea textarea:focus, .contact_submit:focus{outline:none; box-shadow:0 0 5px #aaaaad} .contact_submit{float:right; width:120px; padding-top:7px; padding-bottom:4px; margin:0 0 15px; background:rgba(0,0,0,0) linear-gradient(to bottom,#f8e32f 0%,#f7943b 100%,#7db9e8 100%) repeat scroll 0 0; border:none; text-shadow:1px 2px 0 #bd6941,0 0 0; border-radius:4px; text-transform:uppercase; text-align:center; font-size:16px; color:#fff; transition:background-color ease-in-out .15s; cursor:pointer} .contact_message{width:100%; height:22px; padding:70px 0; text-align:center; font:normal 22px Arial,sans-serif; color:#434343} .errors, .errorss{position:absolute; bottom:2px; left:10px; font:normal 12px Arial,sans-serif; color:red; z-index:999} .icon-social{position: fixed; left:0; top:500px; width: 36px; height: 250px; z-index: 50; background-attachment: fixed;} .vote-block{ overflow:hidden; margin:15px 4px 15px 4px; padding-bottom:0px; float:right; vertical-align:middle; position:relative; width:30%} .vote-block .rating-info{ position:absolute; bottom:0; left:0; font-size:14px; color:#000; font-family:georgia,serif} .vote-block span.rating-text{ color:#000; font:13px/17px Open Sans Light,arial; display:block; text-align:center} .vote-block .rating{ list-style:none; margin:0 10px 0 50px; padding:0; widthpx; height:15px} .vote-block .rating:hover li{ background-image:url("ratings/star.png")} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){ .vote-block .rating:hover li{ background-image:url("ratings/star%402x.png"); background-size:16px 45px !important}} .vote-block .rating li{ display:block; width:16px; height:15px; float:right; text-indent:-9999px; cursor:pointer} .vote-block .rating li:hover, .vote-block .rating li:hover ~ li{ background-position:0 -15px} .vote-block.disabled .rating li.current{ display:block; z-index:10} .vote-block .rating li.active, .vote-block .rating li.active ~ li{ background-position:0 -30px} .vote-block li.current{ display:none} .vote-block ol.show-current{ position:relative; text-align:center} .vote-block ol.show-current li{ cursor:pointer; z-index:2; position:relative} .vote-block ol.show-current li.current{ position:absolute; top:0; left:0; display:block; width:100%; z-index:1; background-position:0 0; background-repeat:repeat-x; background-image:url("ratings/star.png")} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){ .vote-block ol.show-current li.current{ background-image:url("ratings/star%402x.png"); background-size:16px 45px !important}} .vote-block ol.show-current li.current span{ display:block; height:20px; width:0; background:inherit; background-position:0 -30px} @media screen and (max-width: 1180px ){ .name-blog {right: 0px;} } @media screen and (max-width:980px ){body{background:none} .icon-social, .name-blog{ display:none} #scrollbtn{display:none!important} .post-1 p{margin:15px 0px 15px 0px} .conteiner{margin-top:0px; margin-bottom:0px} #menu-checkbox{ display:none} .header-menu .mobile-form, .header-menu-post ul{ display:none; padding:0; margin:0} .header-menu a:hover, .header-menu-post a:hover{text-decoration:underline} .toggle-button{text-align:center; display:block; cursor:pointer; background-color:#157D78; color:#fff} .toggle-button:after{ content:attr(data-open); display:block; padding:9px 20px} #menu-checkbox:checked+nav[role="navigation"] .mobile-form, #menu-checkbox:checked+nav[role="navigation"] ul{ display:block} #menu-checkbox:checked+nav[role="navigation"] .toggle-button:after{ content:attr(data-close)} .header-menu .current-menu-item, .header-menu-post .current-menu-item{ height:auto} .header{ overflow:hidden; border-radius:0px 0px 0 0} .header-menu .pull, .header-menu-post .pull{ display:block; background-color:#157D78; height:38px; width:100px; width:10%; position:absolute; cursor:pointer; left:90%} .header-menu .pull::after, .header-menu-post .pull::after{ background:rgba(0,0,0,0) url("img/menu-seorch.png") no-repeat scroll center center; content:""; display:block; height:15px} .search-box{ text-align:center; padding:10px; background-color:#e8e8e8; border-bottom:1px solid #ccc; border-top:1px solid #ccc} .search-box-field{ padding:10px; border:1px solid #000; box-shadow:2px 2px 3px -1px #929291 inset; border:1px solid #d8d6d6; border-radius:3px; width:50%} .search-box-submit{ padding:7px 10px 10px 10px; background:rgba(0,0,0,0) linear-gradient(to bottom,#f8e32f 0%,#f7943b 100%,#7db9e8 100%) repeat scroll 0 0; color:#fff; cursor:pointer; font:15px/17px Century Gothic Bold,sans-serif; border-radius:3px; border:1px solid #d8d6d6} .header-menu, .header-menu-post{background:url("style.css") repeat scroll 0 0; background-color:#F1F1F1; border-bottom:0px solid #3F2526; border-right:0px solid #3F2526; border-left:0px solid #3F2526; border-radius:0px; text-shadow:none} .header-menu ul, .header-menu-post ul{margin:10px 20px 20px 20px; background-color:#F1F1F1; text-align:center} .header-menu ul li, .header-menu-post ul li{ float:none; background:none; border-top:2px solid #FCFCFC; border-bottom:2px solid #E3E3E3} .header-menu ul li:first-child, .header-menu-post ul li:first-child{ border-top:0px solid #FCFCFC} .header-menu ul li:last-child, .header-menu-post ul li:last-child{ border-bottom:0px solid #E3E3E3} .header-menu ul li a, .header-menu-post ul li a{ display:block; padding:1px; color:#000} .header-menu li a:hover, .header-menu-post li a:hover{ background:url("style.css") repeat scroll 0 0; background-color:#F1F1F1; height:27px; text-decoration:none} .header-menu .current-menu-item, .header-menu-post .current-menu-item{ background:url("style.css") repeat scroll 0 0!important; background-color:#F1F1F1} .main{ background:none} .main embed, .main video, .main iframe{ display:block; height:auto; margin:0 auto; max-width:100%} .content{ float:none; width:auto; margin:0px 0px 0px 0px} .kama_breadcrumbs{ margin:0px 0px 0px 0px; padding:3px 18px 3px 18px; border-radius:0px} .kama_b{ display:block; margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; border-radius:0px; font:13px/17px Open Sans Light,arial; background-color:#F6F6F7} .kama_b .kama_breadcrumbs{ margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; border-radius:0px} .kama_b span, a{ color:#969696} .kama_b span{margin-right:5px; background:rgba(0,0,0,0) url("img/breadcrumbs-border.png") no-repeat scroll right; padding-right:10px} .kama_b span:last-child{ background:rgba(0,0,0,0) url("img/breadcrumbs-border.png") no-repeat scroll right} .pagination{ float:none; text-align:center} .next-navi, .prev-navi{ display:none} .aside, .footer-menu, #navi-page, .spinner{ display:none} .copyright{ padding:20px; background-color:#F5F5F5; border-top:1px solid #FBFBFB} .article, .article-post{ border-bottom:1px solid #EAEAEA; border-image:none; border-style:solid; border-width:0 0 1px; margin:0 0px; overflow:hidden; padding:19px 16px} .copy{ color:#bababa; float:none; font-family:"Open Sans Semibold",arial; font-size:12px} .logo{ display:block; padding:8px 20px 8px 20px; text-align:center} .logo img{ vertical-align:middle} .subscribe-mobile{ text-align:center; padding:20px; background-color:#E8E8E8; border-top:1px solid #CCC; border-bottom:1px solid #CCC} .subscribe-mobile input[type="email"]{ border:1px solid #CCC; color:#9A9A9A; font:16px Open Sans,sans-serif; height:18px; padding:10px; margin-right:5px; width:40%} .subscribe-mobile button[type="submit"]{ background-color:#CE4639; border:0 none; color:#fff; font:16px/10px Open Sans,sans-serif; height:40px; border:1px solid #CCC; padding:10px; margin-left:5px; width:40%; cursor:pointer} .subscribe-mobile{ display:block} .social-icons{ text-align:center; background-color:#F9F9F9; margin:0 0px; padding:10px 0 10px 0} .toggle-button::after{ color:#fff; content:""; background:rgba(0,0,0,0) url("img/pull.png") no-repeat scroll center; display:block; font:15px/17px Open Sans Light,arial; font-weight:bold; height:20px} .vote-block{ display:none} .smiles{ width:105px; margin-bottom:23px} } @media screen and (max-width:750px ){.meta-index{ display:none} .content .article .attachment-post-thumbnail, .content .article .wp-post-image{ width:41%} .post-1{ heightpx} @media screen and (max-width:670px ){ .fid{ background:#e8e8e8; height:87px; margin:0px; overflow:hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc} .social-icons{ border-bottom:0px solid #e7e5e6} .subscribe-fid{ float:none; margin-top:0px; width:auto; text-align:center; padding:23px 20px 20px 20px; display:block} .fid p{ display:none} .subscribe-fid button[type="submit"]{ background:#ce4639; cursor:pointer; border:0 none; border-radius:0px; color:#fdfdfd; font:16px/10px Open Sans,sans-serif; margin-left:12px; border:1px solid #ccc; width:40%; padding:16.5px 35px} .subscribe-fid input[type="email"]{ border:1px solid #ccc; border-radius:0px; box-shadow:none; color:#595959; font:16px Open Sans,sans-serif; height:29px; width:40%} .subscribe-fid input[type="email"]:focus{ outline:0 none} .form-commrnt{ width%} .kama_breadcrumbs{padding:3px 10px 3px 10px} .article-post{margin:10px 10px 0px 10px; padding:0px} } @media screen and (max-width:570px ){ .form-commrnt{ width:76%} #author, #email, #url{ height:28.5px; width:87%} .smiles{ float:right; width:105px; margin-bottom:0px} #comments{ max-width:50%; padding:10px} } @media screen and (max-width:520px ){ .form-commrnt{ width:100%; margin-right:0px} #respond{ margin:12px 14px 14px 14px} .smiles{ float:left; overflow:hidden; width:auto} #comments{ max-width:49%} .comments-container{ margin:25px 0px 25px 0px} .comment-avatar{ width:24%; margin-right:10px} .comment-avatar img{ height:auto; border:none} .comment-author{margin-left:0px; width:65%} .comment-text{ margin-left:0px; width:65%} .form-submit{ float:right; margin-top:10px} } @media screen and (max-width:400px ){ .subscribe-fid button[type="submit"]{ font:10px/10px Open Sans,sans-serif; width:40%; padding:10px 10px; text-align:center} .subscribe-fid input[type="email"]{ font:10px Open Sans,sans-serif; height:16px; width:40%; text-align:center} .subscribe-fid{text-align:center; padding:20px 20px 20px 20px} .fid{ height:74px} } @media screen and (max-width:270px ){ .form-commrnt{ width:auto; float:none} #author, #email, #url{ height:28.5px; width:94.3%} .smiles{ float:none; width:100%; margin-bottom:0px} #comments{ max-width:89.7%; padding:10px; margin-top:20px} .form-left{ float:none; height:126px; width:100%} .subscribe-fid button[type="submit"]{ font:10px/10px Open Sans,sans-serif; width:40%; padding:10px 10px; margin-left:0px} .subscribe-fid{text-align:center; padding:20px 3px 20px 3px} .subscribe-fid input[type="email"]{font:10px Open Sans,sans-serif; height:16px; width:30%; text-align:center} } /* FILE ARCHIVED ON 02:47:01 May 11, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:06:36 May 18, 2019. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): LoadShardBlock: 40.112 (3) esindex: 0.008 captures_list: 57.97 CDXLines.iter: 12.984 (3) PetaboxLoader3.datanode: 56.486 (5) exclusion.robots: 0.171 exclusion.robots.policy: 0.161 RedisCDXSource: 1.999 PetaboxLoader3.resolve: 50.363 (2) load_resource: 153.244 */