/********************************************************************************** Theme Name: Kakos Theme URI: Description: A blog and magazine WordPress theme. Version: 1.0 Author: kakos License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, blue, white, two-columns, flexible-width, threaded-comments, translation-ready, custom-menu **********************************************************************************/ /* =Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; } .container:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; } .fl { float: left; } .fr { float: right; } body { background: #fefeff url(images/bg.png) repeat-x top left; font-family: 'Open Sans', sans-serif; } a { text-decoration: none; } .alignleft { float: left; margin: 0 15px 0 0; } .alignright { float: right; } .aligncenter { text-align: center; } .gallery { margin-bottom: 36px !important; } .gallery-icon img { border: none !important; } .gallery-caption { } .wp-caption { } .wp-caption-text { } .sticky { } .bypostauthor { } /* ------------------------------------------------------------------------- * * Layout /* ------------------------------------------------------------------------- */ .container { padding: 0 10px; margin: auto; width: 1070px; } #header { background: url(images/header-border.png) repeat-x bottom left; padding: 38px 0 11px 0; margin-bottom: 44px; } #logo { margin-top: -17px; margin-right: 25px; width: 137px; height: 59px; } .nav { height: 42px; } .nav > li { float: left; margin-right: 5px; position: relative; } .nav > li > a { display: block; line-height: 42px; color: #293a3e; font-size: 18px; font-weight: 600; padding: 0 18px 0 10px; position: relative; z-index: 11; } .nav > li > a:hover, .nav .current-menu-item a { border-radius: 10px 10px 0 0; background: #fff; } .nav > li:hover > a { border-radius: 10px 10px 0 0; background: #fff; } .nav > li:hover .sub-menu { display: block; } .nav .sub-menu { background: none repeat scroll 0 0 #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: 0 0 10px 2px #e8f0f4; display: none; position: absolute; left: 0; top: 42px; z-index: 10; margin-top: 0; padding: 15px 10px; width: 510px; } .sub-block-1 .widget { float: left; } .sub-menu .widget-title { color: #79a439; font-family: "PT Sans",sans-serif; font-size: 20px; padding-left: 11px; } .sub-menu li { line-height: 21px; } .sub-menu .cat-item a { border-radius: 5px; color: #293a3e; font: bold 14px/22px "PT Sans",sans-serif; padding: 0 11px; display: block; width: 205px; } .sub-menu .cat-item a:hover { background: #fecd3c; color: #705c23; } .sub-menu .widget.popular-widget { width: 260px; margin: 0 0 0 21px; } .sub-menu .popular-widget small { display: none; } .sub-menu .popular-widget .more { display: none; } .sub-menu .popular-widget li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .nav .sub-menu .menu-item { display: none; } .sub-menu .popular-widget img { display: block !important ; } .image { border-radius: 10px; float: left; margin-right: 27px; overflow: hidden; } /*.image img { max-width: 100%; }*/ /* ------------------------------------------------------------------------- * * Module /* ------------------------------------------------------------------------- */ #search_block input[type=text] { background: #fcfcfc url(images/search_ico.png) no-repeat 19px center ; border: 2px solid #dce5e8; border-radius: 17px; height: 34px; line-height: 34px; margin-top: 5px; padding-left: 42px; width: 256px; } #article { float: left; width: 680px; } .breadcrumbs { background: url(images/bread-ico.png) no-repeat 9px center; border: 1px solid #d9e3e6; border-radius: 17px; color: #d9e3e6; font: normal 13px/13px Tahoma, Geneva, serif; padding: 10px 40px 10px; margin-bottom: 30px; } .breadcrumbs a { color: #84a6af; } .cat-title { color: #61960a; font-size: 29px; font-family: "PT Sans", sans-serif; margin-bottom: 21px; text-align: center; } .archive .post { background: url(images/header-border.png) repeat-x bottom left; padding-bottom: 25px; margin-bottom: 25px; } .archive .entry { overflow: hidden; position: relative; } .archive .entry h3 { font-size: 18px; } .content-header { background: url(images/header-border.png) repeat-x bottom left; padding-bottom: 13px; margin-bottom: 20px; } .content-header h1, .content-header h1 a { color: #24363a; font-size: 32px; line-height: 35px; font-family: "PT Sans", sans-serif; margin-bottom: 13px; } .content-header h1 a:hover { color: #7e2540; } .meta-time { color: #D6E1E5; font-size: 12px; float: right; } .similar_records .meta-time { margin-top: 12px; float: none; color: #8a8f90; font-size: 11px; } .content { font-family: Tahoma, Geneva; } article img { max-width: 100%; height: auto; } .content h2, .content h3, .content h4 { color: #24363a; margin-bottom: 15px; font-family: "PT Sans", sans-serif; margin-top: 34px; } .content h2 { font-size: 32px; line-height: 40px; font-weight: normal; } .content h3 { font-size: 24px; line-height: 28px; font-weight: normal; } .content h4 { font-size: 20px; line-height: 23px; font-weight: normal; margin-bottom: 10px; } .content h5 { font-size: 18px; line-height: 21px; font-weight: normal; margin-bottom: 15px; } .content p, .content li { color: #24363a; font-size: 15px; line-height: 24px; margin-bottom: 12px; overflow: hidden; } .content ol li ol { margin-top: 15px; margin-bottom: 0; } .content ol, ul { margin-bottom: 30px; padding-left: 15px; } .content ol { counter-reset: point; } .content ol li { position: relative; list-style-position: inside; padding-left: 36px; } .content ol li:before { background: #2e2e2e; border-radius: 10px; content: counter(point); /* выводим значение переменной */ counter-increment: point 1; /* увеличваем счетчик на 1 */ color: #fff; width: 20px; height: 20px; line-height: 20px; font-size: 10px; font-weight: bold; position: absolute; left: 0; top: 3px; text-align: center; } .content blockquote { border-left: 1px solid #b4bdbf; padding: 10px 0 10px 20px; margin-top: 33px; } .content blockquote p { color: #697b80; font-size: 16px; line-height: 18px; margin-bottom: 0; } .content ul li { background: url(images/star-pin.png) no-repeat left 3px; padding-left: 35px; line-height: 27px; } .content li small { font-size: 13px; } .two-col-list ul { margin-left: 5px; } .two-col-list li { background: url(images/pin.png) no-repeat 0 3px; color: #24363a; font-size: 14px; line-height: 1.5; margin-bottom: 7px; padding-left: 26px; vertical-align: top; } .content ul li ol { margin-top: 10px; margin-bottom: 15px; } .content ul li ol li { line-height: 23px; font-size: 14px; margin-bottom: 8px; } .flexslider { margin-bottom: 45px !important; padding-bottom: 45px !important; } .flexslider:after { background: url(images/shadow.png) no-repeat; content: ""; display: block; height: 15px; width: 100%; position: absolute; bottom: -15px; left: 0; } .flexslider .entry { overflow: hidden; } .box { position: relative; margin-bottom: 40px; } .box:before { background: url(images/shadow.png) no-repeat; content: ""; display: block; height: 15px; width: 100%; position: absolute; bottom: -15px; } .box .title a { color: #61960a; font-size: 29px; display: block; font-family: 'PT Sans', sans-serif; font-weight: 700; margin-bottom: 4px; } .box .title a:hover { color: #8cb051; } .box .subtitle a { color: #9eb6bc; display: block; font-size: 13px; font-family: 'PT Sans', sans-serif; margin-bottom: 27px; } .box .subtitle a:hover { color: #88a8b1; text-decoration: underline; } .box .post { background: url(images/header-border.png) repeat-x bottom left; padding-bottom: 22px; float: left; margin-bottom: 25px; width: 310px; } .box .post:nth-child(even) { margin-right: 20px; } .box .post:nth-last-child(2), .box .post:last-child { background: none; } .box .entry h3 { font-size: 14px; margin-top: 7px; max-height: 60px; } .entry h3 a { color: #233639; } .entry h3 a:hover { color: #7e2540; } .box .image { margin-right: 15px; margin-bottom: 10px; width: 80px; height: 80px; overflow: hidden; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .box .image img { width: 80px; height: auto; } .box .entry p { clear: both; margin-bottom: 10px; max-height: 75px; overflow: hidden; } .box .entry .meta-cat { clear: none; } .entry h3 { font-size: 21px; font-weight: 700; margin-top: 5px; margin-bottom: 6px; line-height: 1.2; } .entry p { color: #718080; font-size: 13px; line-height: 18px; margin-bottom: 10px; max-height: 75px; overflow: hidden; } .more { background: #b3ced5; border-bottom: 2px solid #9fb7bd; border-radius: 7px; color: #fefeff; display: inline-block; font-size: 12px; font-weight: 700; line-height: 22px; height: 22px; text-transform: uppercase; padding: 0 6px; margin-right: 19px; text-shadow: 0 1px 3px rgba(0,0,0,0.5); } .more:hover { background: #61960a; border-bottom: 2px solid #507d09; } .meta-cat a, .meta-cat { color: #88a8b1; display: inline-block; font-size: 11px; font-weight: 600; margin-bottom: 0; } .page-content .meta-category a, .meta-comments, .views { color: #9eb6bc; font: 600 12px/1 'Open Sans', Tahoma, Geneva, serif; } .meta-comments { background: url(images/comment_ico.png) no-repeat left center; padding-left: 17px; margin-right: 7px; } .views { background: url(images/view_ico.png) no-repeat left center; padding-left: 24px; } .page-content .meta-category { background: url(images/meta-category.gif) no-repeat left 5px; padding-left: 20px; margin-right: 15px; } .page-content a { color: #2588c2; } .page-content a:hover { text-decoration: underline; } .single-reviews .content-right { float: right; width: 430px; } .content-left { float: left; width: 205px; } .big_gallery1.col-2 img:nth-child(even) { margin-right: 0; } .big_gallery1.col-3 img:nth-child(n+3) { margin-right: 0; } .big_gallery1 img { margin: 0 6px 6px 0; } .main-properties-inner{ margin-top: 15px; box-shadow: 0px 0px 5px #ddd; -moz-box-shadow: 0px 0px 5px #ddd; -webkit-box-shadow: 0px 0px 5px #ddd; -khtml-box-shadow: 0px 0px 5px #ddd; } .main-properties-inner ol li ul { padding: 0; margin: 0; } .main-properties .title { background: #61960a; border-bottom: 1px solid #568609; border-radius: 3px 3px 0 0; color: #fff; display: block; height: 29px; margin: 0; font: bold 15px/29px "PT Sans", sans-serif; text-align: center; } .main-properties ol > li { color: #667578; border-bottom: 1px solid #eee; font-size: 12px; font-family: "PT Sans", sans-serif; line-height: 18px; list-style-type: none; margin-bottom: 0; padding: 10px; } .main-properties ul li { background: url(images/pin2.png) no-repeat left top 10px; line-height: 13px; padding: 5px 5px 3px 13px; list-style-type: none; } .main-properties h4 { color: #798663; margin-bottom: 3px; } .review-video { margin-bottom: 47px; margin-top: 24px; } .properties { margin-bottom: 70px; } .properties ul { padding: 0;} .properties .title { font-size: 29px; font-weight: normal; font-family: "PT Sans", sans-serif; border-bottom: 2px solid #61960a; display: inline-block; padding-bottom: 9px; margin-bottom: 15px; } .properties ul div { display: table-cell; font: normal 13px/18px Tahoma, Geneva, serif; } .properties li div:first-child { color: #24363a; font-weight: bold; font-size: 12px; padding-left: 15px; width: 170px; } .properties li div { color: rgba(103, 113, 115, 0.8); } .properties ul li { padding: 12px 0; } .properties ul li:nth-child(even) { background: #f5f8fa; } .wp-pagenavi { border-top: 2px solid #d9e3e7; border-bottom: 2px solid #d9e3e7; padding: 13px 0; margin-top: 60px; margin-bottom: 48px; text-align: center; } .wp-pagenavi a, .wp-pagenavi span { color: #98adb2; border-radius: 15px; display: inline-block; font-size: 17px; font-weight: 500; line-height: 33px; width: 25px; text-align: center; margin: 0 5px; } .wp-pagenavi .current { background: #ffbf00; color: #785e08; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); } .wp-pagenavi a:hover { color: #61960a; } .wp-pagenavi .previouspostslink { background: url(images/prev.png) no-repeat center; width: 21px; height: 21px; font-size: 0; margin-right: 10px; padding-top: 2px; } .wp-pagenavi .nextpostslink { background: url(images/next.png) no-repeat center; width: 21px; height: 21px; font-size: 0; margin-left: 10x; padding-top: 2px; } .popular-articles li { display: inline-block; border-bottom: none !important; vertical-align: top; font-size: 14px; line-height: 18px; margin-right: 33px; padding-bottom: 0 !important; width: 300px; } .popular-articles li:nth-child(even) { margin-right: 0; } .popular-articles li a { color: #677173; font: normal 14px/18px Tahoma, Geneva, serif; letter-spacing: -0.5px; } .popular-articles li a:hover { color: #7e2540; } .popular-articles .widget-title { margin-bottom: 26px; } .popular-articles.popular-widget img { margin-right: 16px; } .respond { background: url(images/respond-bg.png) no-repeat 0 0; height: 61px; margin: 35px 0; padding: 15px 25px; width: 100%; } .respond h3 { float: left; font: bold 15px/17px "PT Sans"; text-transform: uppercase; text-shadow: 0 1px 3px rgba(255,255,255,0.7); } .respond-ico { background: url(images/respond-ico.png) no-repeat 0 0; float: left; height: 58px; margin-top: -30px; margin-left: 15px; margin-right: 17px; width: 72px; } .respond-text { color: #bfa039; float: left; font: italic 300 13px/13px "Open Sans", Tahoma, serif; margin: 2px 20px 0 10px; } .widget_wysija_cont { float: left; margin-top: 1px; } .wysija-input { background: #fff2bd; border: 1px solid #FFFCF4; border-radius: 3px; float: left; height: 28px; font: italic 14px "PT Sans"; padding: 0 12px; width: 230px; box-shadow: inset 0 2px 3px #f1e3ab; } .respond-checkbox { display: none; } .respond-checkbox-label, .respond-checkbox { float: left; } .respond-checkbox-label { background: #fff2bd; box-shadow: inset 0 -1px 0 #fffcf2; border-radius: 3px; margin-left: 5px; height: 29px; width: 28px; } .respond-checkbox-label.active { background: url(images/ok.png) no-repeat center #fff2bd; } .widget_wysija_cont .wysija-submit { background: #f4f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f4f5f5 0%, #e2e9f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f5f5), color-stop(100%,#e2e9f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f5f5 0%,#e2e9f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f5f5 0%,#e2e9f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f5f5 0%,#e2e9f5 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f5f5 0%,#e2e9f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5f5', endColorstr='#e2e9f5',GradientType=0 ); /* IE6-9 */ border: none; border-radius: 3px; display: inline-block; color: #878789; float: left; margin-top: 0 !important; height: 28px; font: 700 12px/26px "Open Sans", Tahoma, serif; letter-spacing: -0.30px; text-align: center; text-transform: uppercase; width: 123px; text-shadow: 0px 1px 1px #fff; box-shadow: 0 1px 3px #e5bb30, inset 0 -1px 0 #dee1e7, inset 0 1px 0 #fefeff; } .widget_wysija_cont .wysija-submit:hover {background: #f4f5f5; cursor: pointer;} .widget_wysija_cont p label { display: none !important; } .wysija-paragraph { float: left; } .sc { margin: 25px 0; } .share { margin: 42px 0 56px; } .fancy-h2 { border-bottom: 2px solid #ffbf00; color: #24363a; display: inline-block; font: 29px "PT Sans", sans-serif; margin-bottom: 20px; padding-bottom: 6px; } .fancy-h3 { border-bottom: 2px solid #f2f2f2; color: #24363a; display: inline-block; font: 20px/24px "PT Sans", sans-serif; margin-bottom: 15px; padding-bottom: 10px; } .article-meta-tags { margin-bottom: 40px; } .article-meta-tags ul { padding: 0; margin: 0; } .article-meta-tags li { display: inline-block; margin-right: 12px; } .article-meta-tags li a { color: #677173; background: #f2f2f2; border-radius: 3px; display: block; font-size: 12px; font-family: Tahoma; line-height: 29px; padding: 0 12px; } .article-meta-tags li a:hover { background: #7e2540; color: #fff; } .similar_records { background: url("images/header-border.png") repeat-x left top; margin-top: 30px; padding-top: 75px; width: 680px; float: left; } .similar_records li { float: left; margin: 0 15px 25px 0; width: 200px; } .similar_records h4 { margin-top: 10px; } .similar_records h4 a { color: #677173; font: normal 14px/20px Tahoma, Geneva, serif; } .popular_records { width: 254px; float: right; margin-top: 30px; padding-top: 75px; background: url(images/pop-coraner.png) no-repeat 40px 130px; } .popular_records ul { padding: 11px 25px 16px 25px; background: #f2f2f2; border-radius: 5px; } .popular_records ul li { padding: 6px 0; } .popular_records .meta-cat { font: normal 10px/22px Tahoma, Geneva, serif; color: #8a8f90; } .popular_records a { font: normal 14px/18px Tahoma, Geneva, serif; color: #677173; } .similar_records a:hover, .popular_records a:hover { color: #7e2540; } .preview-image { height: 160px; width: 200px; } .preview-image img { border-radius: 10px; max-width: 200px; } .comments-area { margin: 55px 0 80px 0; max-width: 680px; position: relative; } .sidebar { float: right; padding: 25px; width: 340px; box-shadow: 0 0 10px 2px #e8f0f4; -moz-box-shadow: 0 0 10px 2px #e8f0f4; -webkit-box-shadow: 0 0 10px 2px #e8f0f4; -khtml-box-shadow: 0 0 10px 2px #e8f0f4; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .widget ul { padding: 0; } .widget-title { color: #61960a; font-family: "PT Sans",sans-serif; font-size: 23px; font-weight: 700; margin-bottom: 16px; } .widget-title small { color: #9eb6bc; display: block; font-family: "PT Sans",sans-serif; font-weight: normal; font-size: 13px; margin-top: 5px; } .popular-widget img { border-radius: 15%; } .new-video-widget img { border-radius: 5px; width: 100%; height: auto; } .popular-widget li { padding-bottom: 10px; border-bottom: 1px dashed #dbe7ec; margin-bottom: 10px; } .new-video-widget li { padding-bottom: 20px; border-bottom: 1px dashed #dbe7ec; margin-bottom: 20px; } .new-video-widget .meta-cat { margin-top: 10px; } .new-video-widget p { padding-top: 10px; } .widget li .meta-cat { display: inline-block; font-size: 11px; font-weight: normal; width: 100%; margin-bottom: 3px; } .widget li a { font: 600 13px/18px 'Open Sans', Tahoma, serif; color: #24363a; letter-spacing: -0.4px; margin-bottom: 7px; } .widget li a:hover { color: #7e2540; } .popular-widget img { float: left; margin-right: 10px; } .popular-widget h4 { overflow: hidden; } .popular-widget .more { display: none; } .widget.popular-widget img { display: none; } .widget.popular-widget { margin-top: 35px; } #footer { border: 2px solid #eee; border-radius: 5px; position: relative; margin-bottom: 25px; } #footer:before { background: url(images/f-corner.png) no-repeat; content: ""; display: block; height: 19px; width: 16px; position: absolute; left: 75px; top: -19px; } .blog-about { padding: 25px 25px 7px 25px; } .blog-about h3 { color: #24363a; font-size: 23px; font-family: 'PT Sans', sans-serif; font-weight: 700; margin-bottom: 20px; } .blog-about p { color: #718080; font-size: 12px; font-weight: 400; line-height: 18px; margin-bottom: 18px; } .footer-sidebar { border-top: 2px solid #eee; padding: 0 25px; margin-bottom: 25px; max-height: 140px; overflow: hidden; } .footer-sidebar .widget { } .footer-sidebar .menu-item-has-children { float: left; width: 215px; display: block; } .footer-sidebar .widget-title, { font-size: 21px; } .footer-sidebar .menu > li > a { font: bold 23px/13px "PT Sans", Tahoma, serif; color: #61960a; margin-bottom: 16px; } .footer-sidebar .menu > li > a:hover { color: #8cb051; } .footer-sidebar .sub-menu a { color: #88a8b1; font-size: 13px; line-height: 27px; font-weight: 400; text-decoration: underline; } .footer-sidebar .sub-menu a:hover { color: #61960a; } ul.sub-menu { margin-top: 10px; padding: 0; } #copy { background: url(images/header-border.png) repeat-x top left; padding-top: 42px; padding-bottom: 38px; margin-top: 45px; } #copy #logo { width: 42px; height: 42px; margin: -14px 0px 10px 0; } #copy p { color: #8d9999; font: normal 13px "PT Sans", sans-serif; } span.counters { float: right; margin-top: -15px; opacity: 0.3; } .footer-nav li { background: url(images/dot.png) no-repeat left center; display: inline-block; padding: 0 8px 0 16px; position: relative; } .footer-nav li:first-child { background: none; } .footer-nav li a { color: #718080; font: 14px "PT Sans", sans-serif; } .footer-nav li a:hover { color: #61960a; text-decoration: underline; } .ex { font-size: 17px; line-height: 28px; } .su-list ul li { background: none; } /* Edit ShortCodes -------------------------------------------------------------- */ .gallery-review .su-column { margin: -3.7% 0 0 0.1% !important; } .gallery-review .su-column-size-1-2 { width: 49.6% !important; } .nomargin { margin: 0; padding: 0; } .gallery img { border: 2px solid #fff !important; } #displaynone { display: none; } /* Disqus style -------------------------------------------------------------- */ .bg-dis { width: 200px; height: 39px; background: #fff; display: block; position: absolute; left: 148px; } /* Adsense style -------------------------------------------------------------- */ .Adsense300 { margin-top: -20px; margin-bottom: 45px; } .Adsense300-left { float: left; padding-right: 60px; } .Adsense300-right { } .adsTop { width: 680px; overflow: hidden; padding-bottom: 12px; } .adsBot { margin: 40px 0; } .twitterFooter { float: right; margin-right: 15px; } .ringRelink { height: 1px; overflow: hidden; } .relinkNK { height: 1px; overflow: hidden; } #comments{ background: #f5f5f5; padding: 10px; } #comments .comments-area{ margin: 0px; } #comments .comments-area .comments-title{ margin-bottom: 10px; } #comments .comments-area .comment{ margin: 10px 0px; } #comments .comments-area .comment .reply{ margin: 10px 0px; } #commentform .row{ margin-bottom: 10px; } #comments #reply-title{ margin-bottom: 10px; } #comments .commentmetadata a{ font-size: 10px; margin-bottom: 5px; color: #444; } #comments #author, #comments #comment{ width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #dadada; box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.09); } #comments #submit{ display: block; line-height: 35px; text-align: center; color: #FFF; font-weight: bold; font-size: 12px; text-transform: uppercase; background: #748E95; border-radius: 5px; text-decoration: none; padding: 5px 10px; border: none; cursor: pointer; } #comments .comment-author{ float: left; font-weight: 800; font-style: normal; } #comments .fn, #comments .says{ font-style: normal; } #comments .commentmetadata{ float: right; color: #444; font-size: 8px; } #comments .comment-body p{ float: left; width: 100%; margin-top: 10px; margin-bottom: 5px; padding-bottom: 30px; border-bottom: 1px solid #dadada; } #comments .comment-body { position: relative; float: left; width: 100%; margin-bottom: 10px; } #comments .comments-area .comment .reply{ width: 100%; font-size: 10px; position: absolute; right: 0px; bottom: 5px; text-align: right; }