/* Theme Name: Extra News Version: 1.0 */ @font-face { font-family:'CenturyGothic'; src: url('fonts/CenturyGothic.eot'); src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothic.ttf') format('truetype'), url('fonts/CenturyGothic.woff') format('truetype'), url('fonts/CenturyGothic.svg#Roboto-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Bitter-Regular'; src: url('fonts/Bitter-Regular.eot'); src: url('fonts/Bitter-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Bitter-Regular.ttf') format('truetype'), url('fonts/Bitter-Regular.woff') format('woff'), url('fonts/Bitter-Regular.svg#Bitter-Regular') format('svg'); font-weight: normal; font-style: normal; } #navbar-iframe, #Navbar1 {display:none !important;} header, nav, section, aside, article, footer {display:block;} footer{position: relative;} /* Use this with templates/template-twocol.html */ body,.body-fauxcolumn-outer{background:#fff;margin:0;padding:0;color:#555;font:x-small Georgia Serif;font-size/* */:/**/small;font-size:/**/small;text-align:center} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} a:link{color:#555;text-decoration:none} a:visited{color:#999;text-decoration:none} a:hover,#header p.title a:hover,#header .description{color:#0095da;text-decoration:none} a img{border-width:0} a,.post img.post-thumbnail,.tab-widget-menu li,.widget.widget_tag_cloud li,.opclsfooter span,.tooltipxitem,.overlayb,.overlayx,.overlayx2, #rcentcomnets img, ul.bwp-rc-ulist img, .widget_tabs h2.widgettitle a{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;text-decoration:none} .overlayx,.overlayx2, .overlayb { display:block;} div.clear { clear: both;} /* Header ----------------------------------------------- */ #header-wrapper{margin:0 auto;color:white;overflow:hidden;width:964px; clear:both;} #headnya{float:left;width:400px;padding-top:30px} .logo_block { float:left; border-right:1px solid #fff; position:relative; z-index:2;} .logo_block3 { float:left; border-right:1px solid #fff; position:relative; z-index:2;} .logo_block2 { display:none; float:left; border-right:1px solid #fff; position:relative; z-index:2;} #logo img { display:block; margin:0;} #logo2 img { display:block; margin:0;} #logo3 img { display:block; margin:0; height: 40px;} #head-ads{float:right;overflow:hidden;width:480px;margin:30px 0;} #header{text-align:left;margin:0;margin-bottom:30px} #header h1{font-size:250%} #header h1,#header p{margin:0;padding:0;color:black} #header a{text-decoration:none} #header .description{margin:5px 0 0;padding:0} #header img{margin-left:auto;margin-right:auto; height:auto;} #header p.title a{color:black;font-size:250%} /* Navigation ----------------------------------------------- */ #nav{font-weight:bold;background-color:#333;width:964px;margin:0 auto;height:50px;position:relative} #nav .nav_block { margin:0 180px 0 210px;} #navmobi {text-align: center;} #nav ul, #navmobi ul{height:50px;margin:0;padding:0;float:right; position:relative; right:59%;} #nav li, #navmobi li{list-style:none;display:block;margin:0;padding:0;float:left;position:relative; left:50%;} #nav li a, #navmobi li a{display:block;text-decoration:none;color:white;padding:15px 18px;line-height:20px;font-size:110%;background-image:url(images/navdiv.png);background-repeat:no-repeat;background-position:right 50%; text-transform: uppercase;} #nav li:last-child a, #navmobi li:last-child a{background-image:none} #nav ul.sub-menu, #navmobi ul.sub-menu{position:absolute;width:150px;z-index:111;height:auto;top:100%;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;box-shadow:0 0 30px rgba(0,0,0,.35);-moz-box-shadow:0 0 30px rgba(0,0,0,.35);-webkit-box-shadow:0 0 30px rgba(0,0,0,.35);-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden; float:none; right:auto;} #nav li:hover > a, #navmobi li:hover > a{background-color:#0095da;background-image:none} #nav ul.sub-menu a, #navmobi ul.sub-menu a{background-image:none;font-weight:normal;padding:8px 10px;display:block;background-color:white;color:#3A3A3A;border-bottom:1px solid #E7E7E7;border-top:1px solid whiteSmoke;font-size:100%} #nav ul.sub-menu li, #navmobi ul.sub-menu li{float:none; left:auto;} #nav ul.sub-menu ul.sub-menu, #navmobi ul.sub-menu ul.sub-menu{left:50%;position:absolute;z-index:-111;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;top:0} #nav ul.sub-menu li.menu-item-has-children:hover ul.sub-menu, #navmobi ul.sub-menu li.menu-item-has-children:hover ul.sub-menu{left:100%;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible} #nav ul.sub-menu li:hover > a, #navmobi ul.sub-menu li:hover > a{background-color:#F7F7F7;color:black} #nav li.menu-item-has-children a, #navmobi li.menu-item-has-children a{padding-left:15px;padding-right:25px} #nav li.menu-item-has-children::after, #navmobi li.menu-item-has-children::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:23px;right:8px} #nav ul.sub-menu li.menu-item-has-children::after, #navmobi ul.sub-menu li.menu-item-has-children::after{border-width:3px 4px;border-color:transparent transparent transparent gray;top:16px;right:5px} #nav li.menu-item-has-children:hover ul.sub-menu, #navmobi li.menu-item-has-children:hover ul.sub-menu{-khtml-opacity:1;top:100%;-moz-opacity:1;opacity:1;visibility:visible} #nav-top{background:#DDD} .menutopx{margin:0 auto;width:964px;height:25px} .jdulatas{float:left;padding:5px 0} .menutopx ul{float:right} .menutopx li{float:left;position:relative} .menutopx li a{display:block;padding:6px 10px} .menutopx ul.sub-menu{position:absolute;width:120px;right:0;z-index:1;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;box-shadow:0 0 30px rgba(0,0,0,0.18);-moz-box-shadow:0 0 30px rgba(0,0,0,0.18);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.18);-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden} .menutopx li:hover ul.sub-menu{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible} .menutopx ul.sub-menu li{width:100%} .menutopx ul.sub-menu a{text-align:center;padding:8px 10px;border-bottom:1px solid #DDD;background:#FAFAFA} .menutopx li a:hover,.menutopx li:hover > a{background:white} .menutopx li.menu-item-has-children a{padding-right:15px} .menutopx li.menu-item-has-children::after{content:"";width:0;height:0;border-width:4px 3px;border-style:solid;border-color:#AAA transparent transparent transparent;position:absolute;top:10px;right:5px} .jdlnyatas{padding-right:5px;margin-right:5px;border-right:1px solid #818181;} .slogan_box { padding:8px 0; margin:0 auto; width:964px;} .slogan_inner { height:6px; background:#333;} .slogan_inner span { display:inline-block; line-height:16px; position:relative; top:-6px; margin:0 0 0 39px; width:168px; text-align:center; background:#fff; color:#333; font-family:'CenturyGothic'; font-size:8px; padding:0 2px;} /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 100%; margin: 0 auto; padding: 0; text-align: left; font: normal normal 11px Verdana, Geneva, sans-serif; } #content-wrapper{margin:0 auto;width:964px;position:relative;} #main-wrapper{padding-top:10px;width:650px;padding:0;background-color:#fff;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */} #sidebar-wrapper{width:300px;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ padding-top:10px} #sidebar-wrapper h2,#footer-wrapper h2{color:#333;padding:12px 0;margin:0 0 8px;font-family:"PT Sans Narrow",arial,sans-serif;font-weight:bold;text-transform:uppercase;font-size:17px;border-bottom:1px solid #C7C7C7} #footer-wrapper h2{border-bottom:1px solid #3F3F3F} #footer-wrapper,#footer-wrapper h2{color:#fff} #sidebar-wrapper .widget-content{padding:0;margin:0 0 20px} /* Headings ----------------------------------------------- */ h1,h2,h3,h4,h5,h6,#header p.title a,#related-postsx strong,#related-postsx2 strong{font-family:'Verdana','Bitter-Regular', "Bitter",arial,sans-serif;font-weight:normal;text-transform:none;margin:0} /* Posts ----------------------------------------------- */ .date-header{display:none} .post{margin:.5em 0 1.5em;padding-bottom:1.5em} .post h1,.post h2{margin:0;padding:0;font-size:150%;font-weight:normal} h1, .post h1{font-size:260%;color:#111} .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;font-weight:normal} .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{} .post-body{margin:0 0 .75em;line-height:1.8em} .post-footer{margin:.75em 0;line-height:1.4em} .comment-link{margin-left:.6em} .post img,table.tr-caption-container{border:0} .tr-caption-container img{border:none;padding:0} /* Comments ----------------------------------------------- */ #comments h4{margin:1em 0;font-weight:bold;line-height:1.4em} #comments-block{margin:1em 0 1.5em;line-height:1.6em} #comments-block .comment-author{margin:.5em 0} #comments-block .comment-body{margin:.25em 0 0} #comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em} #comments-block .comment-body p{margin:0 0 .75em} .deleted-comment{font-style:italic;color:gray} #comments h4{font-size:200%;text-transform:capitalize;margin:30px 0 10px} .comments_thread ol.commentlist { list-style-type: none; padding: 0; text-align: left;} .comments_thread ol.commentlist>li.comment { margin-bottom:16px; background-color: #E9E9E9; padding: 10px; border: 1px solid #CCC;} .comments .avatar-image-container,.comments .avatar-image-container img{width:50px;height:50px;max-height:50px;max-width:50px;float:right; overflow:hidden;} .comments .comment-block{margin-right:60px;margin-left:0; position:relative;} .comments .comment-header{margin:0 0 8px;} .comments ol.commentlist ul.children {margin-left:0; margin-top:1em; list-style:none; padding:0; text-align:left;} .comments ol.commentlist ul.children ul.children { margin-left:50px;} .comments ol.commentlist ul.children .comment-item { padding: 10px; border: 1px solid #CCC; background:#fff; margin-bottom:5px;} .comments ul.children .avatar-image-container,.comments ol.commentlist ul.children .avatar-image-container img{width:40px;height:40px;float:left} .comments ul.children .comment-block{margin-right:0;margin-left:50px} .comments .comment .comment-actions a{padding:4px 8px;background:#969696;color:white;margin-right:10px;display:block;float:left} .comments .comment .comment-actions a:hover{text-decoration:none;background:#0095da} #respond{max-width:640px;margin:0 auto} #comments h4#comment-post-message{font-size:150%} .comments .comment-replybox-single #form-wrapper p{background-color:white} .comments .comment-replybox-single{margin-left:0} #form-wrapper{width:98%;margin:0 auto} .comment-actions{overflow:hidden;margin-top:20px;display:block} .comments .comments_thread .icon.blog-author{background-image:url(images/author.png);display:block;width:36px;height:36px;position:absolute;top:-12px;right:-71px} .comments .comments_thread .inline-thread .icon.blog-author{right:-11px} .comments .comments_thread .user{float:left; font-weight:bold; font-style:normal;} .comments .comments_thread .datetime { margin-left:6px;} .comments .comments_thread .comment-content { text-align:justify;} .comments .comments_thread .comment-content p { margin:0 0 8px;} .comment-form { background-color: #fff; border: 1px solid #e5e5e5; border-bottom: 1px solid #eee; margin-bottom:50px;} .comment-form .comment-notes, .comment-form .logged-in-as { margin-bottom:18px;} .comments_holder { padding: 15px 22px 10px 22px;} .comments_holder p { min-height:1px; overflow:hidden;} .comments_holder p label { float:left; font-size:13px; color:#666; font-weight:bold; width:20%; display:block; line-height:28px;} .comments_holder .inp_wrap { float:right; width:78%; display:block;} .comments_holder input[type=text], .comments_holder input[type=email], .comments_holder textarea { background-color: #fff; border: 1px solid #e5e5e5; box-sizing: border-box; color: #222; font-family: arial; font-size: 13px; padding: 5px 2px 2px 5px; vertical-align: top; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 1px; -webkit-appearance: none; display:block;} .comments_holder textarea { resize:vertical;} .comment_button_holder { background-color: #f5f5f5; padding: 2px 5px 8px 2px;} .comment_button_holder input[type=submit] { border-radius: 2px; font: 11px arial; height: 27px; padding-bottom: 0; text-align: center; text-shadow: 0 1px rgba(0,0,0,.1); vertical-align: top; -moz-border-radius: 2px; -webkit-appearance: none; background-color: #0095da; border: 1px solid #01c844; color: #fff; font-weight: bold; margin: 8px 0 0 18px; cursor:pointer;} .comment_button_holder input[type=submit]:hover { background-color: #969696; /* background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));*/ /* background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); */ /* background-image: -moz-linear-gradient(top,#4d90fe,#357ae8); */ /* background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); */ /* background-image: -o-linear-gradient(top,#4d90fe,#357ae8); */ /* background-image: linear-gradient(top,#4d90fe,#357ae8); */ border-color: #838383; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8') } .wp-pagenavi { margin:1em 0; text-align:center; overflow:hidden; clear:both;} .wp-pagenavi span, .wp-pagenavi a { display: block; float: left; margin-right: 5px; padding: 13px; background-color: #E6E6E6; color: black; text-decoration:none;} .wp-pagenavi span.current, .wp-pagenavi a:hover { background-color: #383838; color: white;} #blog-pager-newer-link{float:left} #blog-pager-older-link{float:right} #blog-pager{text-align:center} .feed-links{display:none} /* Sidebar Content ----------------------------------------------- */ .sidebar,.footer{line-height:1.5em} .sidebar ul,.footer li{list-style:none;margin:0 0 0;padding:0 0 0} .sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;line-height:1.5em} .sidebar .widget,.main .widget{margin:0;padding:0} .sidebar .widget {margin:0 0 10px;} .main .Blog{border-bottom-width:0} /* Profile ----------------------------------------------- */ .profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc} .profile-data{margin:0;font-weight:bold} .profile-datablock{margin:.5em 0 .5em} .profile-textblock{margin:0.5em 0;line-height:1.6em} .profile-link{letter-spacing:.1em} /* Footer ----------------------------------------------- */ #isifooter { overflow:hidden;} #footer-left,#footer-mid,#footer-right{width:500px;float:left} #footer-mid{margin:0 30px} #footer-wrapper{background-color:#222;width:100%;overflow:hidden;min-height:15px} img{max-width:100%;} #creditxx { text-align:center; margin:5px 0;} #isifooter{overflow:hidden;margin:0 auto;width:964px;padding-top:40px} .labelnyatas{overflow:hidden;margin-bottom:10px;min-height:20px;} .labelnyatas a{display:block;float:left;color:white;font-size:9px;background-color:#969696;padding:4px 5px;margin-right:2px;margin-bottom: 2px;} .labelnyatas a:hover{background-color:#0095da} span.jump-link a,.labelnyatas a,.breadcrumbs,.widget.widget_tag_cloud li,#sidebartengah a,.opclsfooter span,.menutopx li a,.jdulatas{font-family:"Droid Sans",arial,sans-serif} a.comment-link{margin:0;float:right;display:block;padding:4px 7px;background-color:#969696;color:white;font-size:9px;position:relative} a.comment-link::after{content:"";position:absolute!important;bottom:-7px;z-index:100;border:0 solid #999;border-bottom:7px solid transparent;width:100%;border-right-width:7px;border-left-width:0;right:0} .menu-xitem ul,.menu-xitem li,.tab-widget-menu ul,.tab-widget-menu li,ul.rcommentsx,ul.rcommentsx li,#isifooter ul,#isifooter li,.menutopx ul,.menutopx li{list-style:none;padding:0;margin:0} .tab-widget-menu li{float:left;width:33.3%;text-align:center;font-size:12px;border-right:1px solid white} .tab-widget-menu li a{display:block;background:#222;line-height:30px;color:white} .tab-widget-menu li:last-child{border-right:0} .tab-widget-menu li.selected a,.tab-widget-menu li a:hover{background:#008DDD} #sidebartengah h2{position:absolute;left:-9999px} .widget.widget_tag_cloud { min-height:1px; overflow:hidden;} .widget.widget_tag_cloud li{padding:6px;float:left;background-color:#F2F2F2;margin:0 1px 1px 0;color:#000} .widget.widget_tag_cloud li a{} .widget.widget_tag_cloud li:hover{background-color:#fff} #tab1 a,#tab2 a{font-weight:bold;color:#555;font-size:12px;line-height:9px} #tab1 a:hover,#tab2 a:hover{color:#008DDD} #tab1 ul,#tab2 ul{padding:15px 0 0} #tab1 li,#tab2 li{padding:0;overflow:hidden;margin-bottom:15px} .rpostx img{float:left;margin-right:5px} ul.rpostx .footer-outer{position:absolute;left:-9999px} #tab3 a{font-weight:bold} #tab3 .widget-content{padding:10px 0 0} .opclsfooter.active::after{content:"+";color:white;font-size:20px;position:absolute;top:10px;left:7px} .opclsfooter::after{content:"-";color:white;font-size:30px;position:absolute;top:7px;left:8px} #mobilenav,#mobilenavtop{display:none} #searchnya{float:right;margin:8px 10px 0 0} #searchnya2{float:right;margin:4px 10px 0 0} #ajax-search-form{position:relative;font:normal normal 13px Arial,Sans-Serif} #ajax-search-form a{color:#181818;text-decoration:none} #ajax-search-form input{border:1px solid #CCC;background-color:white;color:#6F6F6F;margin:0;padding:10px 6px 9px;font-size:9px;border-top-color:#999;width:160px} #ajax-search-form2{position:relative;font:normal normal 13px Arial,Sans-Serif} #ajax-search-form2 a{color:#181818;text-decoration:none} #ajax-search-form2 input{border:1px solid #CCC;background-color:white;color:#6F6F6F;margin:0;padding:10px 6px 9px;font-size:9px;border-top-color:#999;width:160px} #search-result{border:1px solid #F3F3F3;background-color:white;padding:8px 10px;margin:2px 0;width:270px;height:auto;position:absolute;top:100%;right:0;z-index:99;-webkit-box-shadow:0 1px 3px rgba(112,112,112,0.3);-moz-box-shadow:0 1px 3px rgba(112,112,112,0.3);box-shadow:0 1px 3px rgba(112,112,112,0.3);display:none} #search-result *{margin:0 0 0 0;padding:0 0 0 0} #search-result h4,#search-result strong{display:block;margin:0 30px 10px 0} #search-result ol{margin:0 0 10px 25px} #search-result ol a:hover{text-decoration:underline} #search-result .close{display:block;position:absolute;top:4px;font-size:18px;right:10px;line-height:normal;color:black} #search-result strong{color:#B75252} #search-result li{display:list-item;list-style:decimal;margin-bottom:2px} #search-result li a{color:black;display:inline;padding:0;background:transparent;font-size:11px;line-height:16px} .footer .widget-content{margin-bottom:30px} .btop{position:fixed;bottom:25px;right:60px;display:none;cursor:pointer;z-index:20} #top-nav{display:block;width:36px;height:36px;background-image:url(images/scroll-top.png);background-repeat:no-repeat} .btop span{font-family:Arial;font-size:9px;-khtml-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s} .btop:hover span{-khtml-opacity:1;-moz-opacity:1;opacity:1} #navmobitop,#navmobi{display:none} body div.errorx{position:fixed;padding-top:150px;top:0;bottom:0;font-size:120%;z-index:999;background:black;background-color:rgba(0,0,0,0.76);width:100%;height:100%;color:white} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:10px 0;padding:0;border:0;height:auto} .post-body h1{font-size:180%} .post-body h2{font-size:160%} .post-body h3{font-size:140%} .post-body h4{font-size:130%} .post-body h5{font-size:120%} .post-body h6{font-size:110%} .post-body iframe, .post-body object { max-width:100%;} #isifooter .widget{margin:0 0 30px} .isibwh{margin:10px 0 15px;overflow:hidden;float:left} .isibwh div{float:right} .post-author {padding-right:5px;margin-right:5px;border-right:1px solid gray} #sidebartengah img{width:50px;height:50px;padding:0} .popular-posts .item-thumbnail{margin:0 5px 0 0; float:left;} .opclsfooter{position:absolute;right:0;width:30px;height:50px;bottom:0;background:#222;cursor:pointer} .opclsfooter strong{color:white;text-align:center;display:block;line-height:50px;font-size:20px} .opclsfooter span{position:absolute;top:-70px;width:70px;padding:7px 5px;left:-20px;font-size:9px;text-align:center;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden} .opclsfooter:hover span{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;top:-20px} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden} #cboxOverlay{position:fixed;width:100%;height:100%} #cboxMiddleLeft,#cboxBottomLeft{clear:left} #cboxContent{position:relative} #cboxLoadedContent{overflow:auto} #cboxTitle{margin:0} #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none} .cboxIframe{width:100%;height:100%;display:block;border:0} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box} #cboxOverlay{background:#000} #cboxContent{margin-top:20px} .cboxIframe{background:#fff} #cboxError{padding:50px;border:1px solid #ccc} #cboxLoadedContent{border:5px solid #000;background:#fff} #cboxTitle{position:absolute;top:-20px;left:0;color:#ccc} #cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc} #cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff} #cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;width:28px;height:65px;text-indent:-9999px} #cboxPrevious:hover{background-position:bottom left} #cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;width:28px;height:65px;text-indent:-9999px} #cboxNext:hover{background-position:bottom right} #cboxLoadingOverlay{background:#000} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center} #cboxClose{position:absolute;top:5px;right:5px;display:block;width:38px;height:19px;text-indent:-9999px} #cboxClose:hover{background-position:bottom center} #rcentpost{margin:10px 0 0} #rcentcomnets ul,#rcentcomnets li,#rcentpost ul,#rcentpost li, ul.bwp-rc-ulist, ul.bwp-rc-ulist li{padding:0;margin:0;list-style:none;overflow:hidden} #rcentpost li{padding:5px 0} #rcentpost .thumbp{float:left;width:50px;height:50px;margin:0 5px 0 0} #rcentpost img{width:100%;height:100%} #rcentpost .datex{font-size:9px} #rcentpost .cm{margin:0 0 0 5px;border-left:1px solid #919191;padding:0 0 0 5px} ul.bwp-rc-ulist li{padding:3px 2px} ul.bwp-rc-ulist .kmtimg{width:55px;height:55px;padding:3px;background-color:white;border-radius:999px;overflow:hidden;float:left;margin:0 5px 2px 0;border:1px solid #3D3D3D} ul.bwp-rc-ulist img{display:block;width:100%;height:100%;border-radius:9999px} ul.bwp-rc-ulist .ketkomt{margin-bottom:2px} ul.bwp-rc-ulist .ketkomt a{font-size:12px;display:block;color:#0095da} ul.bwp-rc-ulist .ketkomt span{font-size:8px} ul.bwp-rc-ulist .kmtimg:hover,#rcentpost .thumbp:hover{background-color:#1D1D1D;background-image:url(images/plus.png);background-repeat:no-repeat;background-position:50% 50%} #rcentpost .thumbp:hover{background-color:#DBDBDB} ul.bwp-rc-ulist img:hover,#rcentpost img:hover, .cw-erpv-post-thumbnail img:hover{-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.9} .post-body blockquote{color:#008DDD;font-style:italic;font-size:110%;border-left:3px solid #39A5E2;margin:15px;padding-left:15px} .popular-posts .item-thumbnail a{background-repeat:no-repeat;background-position:50% 50%;background-color:#DBDBDB;display:block;width:60px;height:40px;float:left} .rpostx a.thumrc{margin-right:5px} .popular-posts .item-thumbnail img:hover,.rpostx img:hover{-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.9} #rcentpost .loadx{background-image:url(images/loading.gif);background-position:50% 50%;background-repeat:no-repeat;margin:0 auto;display:block;width:50px;height:50px;text-indent:-9999px} .popular-posts .item-title { padding-bottom: .2em; margin-left:65px;} .popular-posts .item-title a { font-weight: bold; color: #555; font-size: 12px; line-height: 9px;} .popular-posts .item-title a:hover{color:#0095da} .popular-posts .item-snippet { margin-left:65px; color:#c4c4c4; font-size:9px} .list-content { padding-top:10px;} .page-content #main-wrapper { width:650px;} .list-content #sidebar-wrapper { padding-top:0;} #sidebar-wrapper .linetop{height:6px;background-color:#333;margin-top:34px;margin-bottom:10px; display:none;} .list-content #sidebar-wrapper .linetop { display:block;} #rdpostnya .loadingrd{width:100%;display:block;height:50px;text-indent:-9999px;background-image:url(images/loading.gif);background-position:50% 50%;background-repeat:no-repeat;margin-bottom:30px} .post img.post-thumbnail:hover{-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.9} a.thumbx{background-color:black;display:block;width:100%;height:160px;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;position:relative} .post img.post-thumbnail{height:160px;width:100%} .post h2 a{color:#222;font-size:115%} .post h2 a:hover{color:#0095da} .blog-posts.posts_list{overflow:hidden} .posts_list .post{margin:0 25px 0 0;padding:10px 0 15px;width:300px;float:left;border-bottom:1px solid #C7C7C7} span.jump-link{display:block;margin:10px 0;overflow:hidden;width:100px;float:left;} span.jump-link a{display:block;float:left;padding:5px 7px;background-color:#222;color:white} span.jump-link a:hover{background-color:#0095da} .posts_list .isibwh{font-size:10px; color: #c4c4c4} .posts_list .isibwh div{float:left} .posts_list .post-author{padding-left:5px;margin-left:5px;border-left:1px solid gray;padding-right:0;margin-right:0;border-right:0} .menu-xitem{height:41px;border-bottom:6px solid #333;width:650px} .menu-xitem li{float:left;position:relative;display:block} .menu-xitem li a.liat{padding:6px 25px 5px 12px;display:block;font-size:19px;font-family:"PT Sans Narrow",arial,sans-serif;text-transform:uppercase;color:white;background-color:#333} .tooltipxitem{position:absolute;left:200px;width:100px;top:10px;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden} .menu-xitem li li{width:100%} .menu-xitem li:hover .tooltipxitem{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;left:150px} .menu-xitem ul.wp-tag-cloud{position:absolute;z-index:999;top:0;width:150px;box-shadow:0 0 30px rgba(0,0,0,.35);-moz-box-shadow:0 0 30px rgba(0,0,0,.35);-webkit-box-shadow:0 0 30px rgba(0,0,0,.35);background-color:white;-khtml-opacity:0;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-moz-opacity:0;opacity:0;visibility:hidden} .menu-xitem li:hover ul.wp-tag-cloud{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;top:35px;border-top:6px solid #333} .menu-xitem ul.wp-tag-cloud a{display:block;padding:10px;border-bottom:1px solid #EBEBEB;color:#272727} .menu-xitem ul.wp-tag-cloud a:hover{background-color:#F7F7F7} .menu-xitem li a.liat::after{content:"";width:0;height:0;border-width:4px 4px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:16px;right:10px} .menu-xitem li.xitem1::after{content:"";position:absolute!important;z-index:100;border:0 solid #333333;border-top:35px solid transparent;border-right-width:0;border-left-width:15px;left:100%;bottom:0} .isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity} .isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s} #content-atas h2{position:absolute;left:-9999px;display:none} #content-atas .widget{margin:0 0 30px} ul#randompostx{width:100%;margin:0;padding:0;background:white} #randompostx li{width:319px;height:250px;margin:1px;float:left;list-style:none;position:relative;overflow:hidden} #randompostx li img{ width:100%;min-height:250px; height:auto;} ul#randompostx h5{position:absolute;bottom:30px;left:15px;font-size:200%;text-shadow:0 1px 0 black;line-height:24px;margin-right:15px;z-index:2} ul#randompostx h5 a{color:white} ul#randompostx .inforp{position:absolute;bottom:10px;color:white;font-size:9px;left:15px;z-index:1;width:90%} .overlayx{width:100%;height:250px;background-image:url(images/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:0} .overlayx2{width:100%;height:250px;background-image:url(images/linebg-fade2.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:0} ul#randompostx li:hover .overlayx{-khtml-opacity:0;-moz-opacity:0;opacity:0} ul#randompostx li:hover .overlayx2{-khtml-opacity:0;-moz-opacity:0;opacity:0} .auty{margin-left:5px;padding-left:5px;border-left:1px solid white} .jkmt{margin:0;display:block;padding:4px 7px;background-color:#969696;color:white;font-size:8px;position:absolute;right:0;bottom:5px} .jkmt::after{content:"";position:absolute!important;bottom:-7px;z-index:100;border:0 solid #999;border-bottom:7px solid transparent;width:100%;border-right-width:7px;border-left-width:0;right:0} ul#randompostx li:nth-child(2),ul#randompostx li:nth-child(3),ul#randompostx li:nth-child(4),ul#randompostx li:nth-child(6),ul#randompostx li:nth-child(8),ul#randompostx li:nth-child(9){height:124px} ul#randompostx li:nth-child(2) h5,ul#randompostx li:nth-child(3) h5,ul#randompostx li:nth-child(4) h5,ul#randompostx li:nth-child(6) h5,ul#randompostx li:nth-child(8) h5,ul#randompostx li:nth-child(9) h5{font-size:150%;line-height:18px} .showpageArea span{display:block;float:left;margin-right:5px} .showpageArea a,.showpagePoint,.showpageArea a:hover{display:block;padding:13px;background-color:#E6E6E6;color:black} .showpagePoint,.showpageArea a:hover{background-color:#383838;color:white} .status-msg-wrap{display:none} .blog-posts.single a.comment-link{top:-28px} .blog-posts.single .labelnyatas a{background-color:#0095da} .blog-posts.single .labelnyatas a:hover{background-color:#969696} .breadcrumbs{font-size:9px;padding:5px 2px;margin-bottom:10px;border-bottom:1px solid #BEBEBE; margin-top:0.5em; max-width:660px;} .bwh-title { overflow: hidden;} .single .post-body { font-size:12px;} .post-body p { margin:0 0 19px;} .posts_list .post-body p { margin:0;} .post-body ul, .post-body ol { margin-bottom:19px;} .single .post-body a { color: #008DDD;} .single .post-body a:hover { color: black;} .post-body .alignleft { float:left; margin:0 1em 1em 0;} .post-body .alignright { float:right; margin:0 0 1em 1em;} .post-body .aligncenter { display:block; margin:0 auto 1em;} .post-body img{max-width:100%; height:auto;} ul#social-ikonzs,ul#social-ikonzs li{list-style:none;padding:0;margin:0} ul#social-ikonzs li{float:left;position:relative} #social-ikonzs a{width:32px;height:32px;display:block;margin:0 5px;background-image:url(images/sprite_images.png);background-position:0 0;background-repeat:no-repeat} ul#social-ikonzs li.facebook a{background-position:-32px 0} ul#social-ikonzs li.twitter a{background-position:-192px 0} ul#social-ikonzs li.google a{background-position:-64px 0} ul#social-ikonzs li.stumbleupon a{background-position:-160px 0} ul#social-ikonzs li.digg a{background-position:0 0} ul#social-ikonzs li.delicious a{background-position:-224px 0} ul#social-ikonzs li.linkedin a{background-position:-96px 0} ul#social-ikonzs li.reddit a{background-position:-128px 0} ul#social-ikonzs li.technorati a{background-position:-256px 0} #social-ikonzs strong{display:block;width:auto;padding:8px;position:absolute;background-color:#008DDD;color:white;left:200%;bottom:40px;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden} #social-ikonzs li:hover strong{left:20%;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible} .ikonz-social{margin-bottom:30px;padding:0 10px;height:46px;background-color:#E7E7E7} .ikonz-social span{float:left;font-family:'Bitter-Regular', "Bitter",arial,sans-serif;font-size:170%;padding:0;margin:12px 0 0} ul#social-ikonzs{float:left;margin:7px 0 0} #blog-pager{display:table; margin: 1em 0; text-align: center; overflow: hidden;width:100%;}/*border-top:1px solid #CCC;border-bottom:1px solid #CCC;*/ .pager-isi{display:table-row;padding:10px 0} .pager-isi a,.pager-isi .linkgrey{border-top:1px solid #CCC;border-bottom:1px solid #CCC;display:table-cell;padding:20px 50px;width:50%;vertical-align:middle} .pager-isi a.blog-pager-newer-link,.pager-isi .linkgrey{border-right:1px dotted #C2C2C2} .pager-isi a:hover{background-color:#F8F8F8} .pager-isi h6{color:#252525;font-size:150%;text-transform:uppercase} .pager-isi h5{font-size:150%} .blog-pager-newer-link{background-image:url(images/small-left.png);background-repeat:no-repeat;background-position:3% center} .blog-pager-older-link{background-image:url(images/small-right.png);background-repeat:no-repeat;background-position:97% center} .overlayb{width:100%;height:200px;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:-2px} #related-postsx {margin:20px 0 0} #related-postsx h4{color:#181818;font-size:200%;margin:0 0 10px} #related-postsx ul,#related-postsx li{margin:0;padding:0;list-style:none;overflow:hidden} #related-postsx li{width:50%;float:left;padding:1px 1.5px;height:125px;position:relative;margin:0 0 1.5px} #related-postsx .related_over {display:block;width:100%;height:100%;overflow:hidden} #related-postsx img{width:100%;height:250px;position:absolute;top:-60%} #related-postsx strong{position:absolute;bottom:30px;font-size:140%;color:white;left:15px;line-height:20px;text-shadow:0 1px 0 black;padding:0 10px 0 0;z-index:2} #related-postsx .infonya{position:absolute;bottom:10px;width:100%;color:#E7E7E7;z-index:3;padding:0 0 0 14px} #related-postsx .infonya span{display:inline;font-size:9px} #related-postsx .infonya span.dt{padding:0;} #related-postsx li:hover .overlayb{-khtml-opacity:0;-moz-opacity:0;opacity:0} #related-postsx .infonya span.jkmt{margin:0;display:block;padding:4px 7px;background-color:#969696;color:white;font-size:8px;position:absolute;right:10px;bottom:5px;width:auto;height:auto;overflow:visible} #related-postsx .infonya span.jkmt::after{content:"";position:absolute!important;bottom:-7px;z-index:100;border:0 solid #999;border-bottom:7px solid transparent;width:100%;border-right-width:7px;border-left-width:0;right:0} #related-postsx2 {margin:20px 0 0} #related-postsx2 h4{color:#181818;font-size:200%;margin:0 0 10px} #related-postsx2 ul,#related-postsx li{margin:0;padding:0;list-style:none;overflow:hidden} #related-postsx2 li{width:50%;float:left;padding:1px 1.5px;height:125px;position:relative;margin:0 0 1.5px} #related-postsx2 .related_over {display:block;width:100%;height:100%;overflow:hidden} #related-postsx2 img{width:100%;height:250px;position:absolute;} #related-postsx2 strong{position:absolute;bottom:30px;font-size:140%;color:white;left:15px;line-height:20px;text-shadow:0 1px 0 black;padding:0 10px 0 0;z-index:2} #related-postsx2 .infonya{position:absolute;bottom:10px;width:100%;color:#E7E7E7;z-index:3;padding:0 0 0 14px} #related-postsx2 .infonya span{display:inline;font-size:9px} #related-postsx2 .infonya span.dt{padding:0;} #related-postsx2 li:hover .overlayb{-khtml-opacity:0;-moz-opacity:0;opacity:0} #related-postsx2 .infonya span.jkmt{margin:0;display:block;padding:4px 7px;background-color:#969696;color:white;font-size:8px;position:absolute;right:10px;bottom:5px;width:auto;height:auto;overflow:visible} #related-postsx2 .infonya span.jkmt::after{content:"";position:absolute!important;bottom:-7px;z-index:100;border:0 solid #999;border-bottom:7px solid transparent;width:100%;border-right-width:7px;border-left-width:0;right:0} #related-posts-loadingtext{width:50px;height:50px;margin:0 auto;text-indent:-999px;background-image:url(images/loading.gif);background-position:50% 50%;background-repeat:no-repeat} .fb_iframe_widget, .fb_iframe_widget>span, .fb_iframe_widget iframe { width:100% !important;} #comment-nav-below { min-height:1px; overflow:hidden;} #comment-nav-below .nav-previous { float:left;} #comment-nav-below .nav-next { float:right;} .widget_tabs h2 { display:none;} #tabbed-sidebar-widgets a { font-family: Verdana,"Droid Sans",arial,sans-serif;} #tabbed-sidebar-widgets .widget_tabs h2.widgettitle { display:block; clear:both; padding:0; border:none; margin:0; overflow:hidden; text-transform:none;} #tabbed-sidebar-widgets .widget_tabs h2.widgettitle a { float: left; width: 50%; text-align: center; font-size: 11px; border-right: 1px solid white; font-family: Verdana,"Droid Sans",arial,sans-serif; color: white; background:none; padding:0;} #tabbed-sidebar-widgets .widget_tabs h2.widgettitle a span { display: block; background: #222; line-height: 30px; color: white;} #tabbed-sidebar-widgets .widget_tabs h2.widgettitle a.last{border-right:0} #tabbed-sidebar-widgets .widget_tabs h2.widgettitle a.selected span, #tabbed-sidebar-widgets .widget_tabs h2.widgettitle a:hover span{background:#0095da;} #tabbed-sidebar-widgets ul.tab-container { padding-top:10px;} #tabbed-sidebar-widgets ul.tab-container li { padding:0;} #tabbed-sidebar-widgets ul.tab-container ul li { padding:0; line-height:1.5em; overflow:hidden;} #tabbed-sidebar-widgets ul.tab-container .popular-posts li { padding:5px 0;} #tabbed-sidebar-widgets ul.tab-container .cw-erpv-posts li { padding:5px 0; margin:0;} ul.tab-container .cw-erpv-posts .cw-erpv-post .cw-erpv-post-thumbnail { margin-right:5px; width:60px; height:40px; min-width:0;} .cw-erpv-posts .cw-erpv-post .cw-erpv-post-thumbnail img { display:block;} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post-content { margin-left:65px;} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post .cw-erpv-post-thumbnail:hover{background-color:#1D1D1D;background-repeat:no-repeat;background-position:50% 50%} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post .cw-erpv-post-thumbnail:hover{background-color:#DBDBDB} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post .cw-erpv-post-short { float:none; width:auto; height:auto;} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post h4 { line-height:1.5em;} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post h4 a { font-weight: bold; font-size: 12px; line-height: 9px;} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post p { margin: 0px; line-height: 1.5em; font-size:11px;} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post p>a { } #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post .post-date { font-size:9px;} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post .post-date:before { content: '';} #tabbed-sidebar-widgets .cw-erpv-posts .cw-erpv-post .post-comments-count { font-size:9px; margin: 0 0 0 5px; border-left: 1px solid #919191; padding: 0 0 0 5px;} #tabbed-sidebar-widgets ul li.collapsing.archives { padding-left: 15px; text-indent: -15px; margin: .25em 0; padding-bottom: .25em;} #tabbed-sidebar-widgets ul li.collapsing.archives li.collapsing.archives { padding-left: 1.2em;} #tabbed-sidebar-widgets ul li.collapsing.archives li.collapsing.archives.item { padding-left: 1.3em;} ul li.collapsing.archives .sym { margin-right:6px; cursor:pointer;} #tabbed-sidebar-widgets ul li.collapsing.archives a { font-weight:bold;} #tabbed-sidebar-widgets ul li.collapsing.archives a span { font-weight:normal;} .social-nav { min-height:1px; display:table-row;} .social-nav li { padding:0; display:table-cell; width:auto; text-align:center;} .social-nav li+li { padding-left:4px;} .social-nav li span { /*display:table-cell;*/ width:200px; } .social-nav li a { display:inline-block; width:32px; height:32px; background:url(images/social.png) no-repeat;} .social-nav li a.rss { background-position:0 0;} .social-nav li a.fb { background-position:-33px 0;} .social-nav li a.vk { background-position:-66px 0;} .social-nav li a.tw { background-position:-99px 0;} .social-nav li a.gp { background-position:-132px 0;} .social-nav li a.yt { background-position:-165px 0;} @media only screen and (min-width:768px) and (max-width:959px){ .posts_list .post{width:237px;margin-right:15px;overflow:hidden} #randompostx li{width:249px} .menu-xitem{width:497px} } @media only screen and (max-width:767px){ #randompostx li{width:208px;height:204px} .posts_list .post{width:203px;margin:0} ul#randompostx h5{font-size:210%} .post img.post-thumbnail,a.thumbx{height:100px} ul#randompostx li:nth-child(2),ul#randompostx li:nth-child(3),ul#randompostx li:nth-child(4),ul#randompostx li:nth-child(6),ul#randompostx li:nth-child(8),ul#randompostx li:nth-child(9){height:101px} .showpageArea a,.showpagePoint,.showpageArea a:hover{padding:12px 9px} } @media only screen and (max-width:479px){ #randompostx li,.posts_list .post{width:100%;margin-left:0;margin-right:0} .post img.post-thumbnail,a.thumbx{height:160px} .showpageArea a,.showpagePoint,.showpageArea a:hover{padding:10px 7px} } @media only screen and (min-width:768px) and (max-width:959px){ #header-wrapper,#nav,#content-wrapper,.menutopx,#isifooter, #navmobi, .slogan_box {width:754px} #main-wrapper, .page-content #main-wrapper {width:516px} #sidebar-wrapper{width:227px} #footer-left,#footer-mid,#footer-right{width:236px} #footer-mid{margin:0 23px} #headnya{width:270px;} } @media only screen and (min-width:768px) and (max-width:959px) { #nav { display: none } #mobilenav{background-position:75% 50%} } @media only screen and (max-width:959px){ .ikonz-social span{font-size:150%} #social-ikonzs a{margin:0 2px} .comments_holder p label { width:25%;} .comments_holder .inp_wrap { width:73%;} #mobilenav, #navmobi{display:block} #mobilenav{width:100%;height:40px;padding:13px;color:white;background-color:#333;background-image:url(images/downarrow.png);background-repeat:no-repeat;} #mobilenav.active{background-image:url(images/uparrow.png);background-repeat:no-repeat;} #headnya{float:none;margin:0 auto} #header{text-align:center} #navmobi { margin:0 auto;position: relative;} #nav ul, #navmobi ul{height:auto;float:none;width:100%;overflow:hidden; right:auto;} #nav li, #navmobi li{float:none; left:auto;} #nav li a, #navmobi li a{background-color:white;padding:6px 10px;color:#575757;font-weight:normal;border-bottom:1px solid #E7E7E7;border-top:1px solid whiteSmoke} #nav ul.sub-menu, #navmobi ul.sub-menu{position:static;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;width:100%} #nav li.menu-item-has-children a, #navmobi li.menu-item-has-children a{padding:6px 10px} #nav li:hover >a, #navmobi li:hover >a{background-color:#F7F7F7} #nav ul.sub-menu a, #navmobi ul.sub-menu a{padding-left:25px} #nav ul.sub-menu ul.sub-menu a, #navmobi ul.sub-menu ul.sub-menu a{padding-left:45px} #nav li a,#nav ul.sub-menu a,#nav li.menu-item-has-children a, #navmobi li a,#navmobi ul.sub-menu a,#navmobi li.menu-item-has-children a{background-image:url(images/rightarrow.png);background-repeat:no-repeat;background-position:95% 50%} #nav li a:hover,#nav ul.sub-menu a:hover,#nav li.menu-item-has-children a:hover, #navmobi li a:hover,#navmobi ul.sub-menu a:hover,#navmobi li.menu-item-has-children a:hover{background-image:url(images/rightarrow.png);background-repeat:no-repeat;background-position:98% 50%} #nav li.menu-item-has-children::after, #navmobi li.menu-item-has-children::after{border-color:transparent} ul.menunav{display:none} .post-body iframe:not(.twitter-tweet), .post-body object { height:380px;} } @media only screen and (max-width:767px){ #mobilenav{background-position:95% 50%} #header-wrapper,#nav,#content-wrapper,.menutopx,#isifooter, #navmobi{width:420px;position: relative;} #main-wrapper, .page-content #main-wrapper,#sidebar-wrapper,#footer-left,#footer-mid,#footer-right{width:100%;margin-left:0;margin-right:0} #mobilenavtop, #navmobitop {display:block} .menutopx{overflow:hidden;height:auto} #mobilenavtop{width:9%;margin-left:91%;height:40px;text-indent:-9999px;background-image:url(images/downarrow-dark.png);background-repeat:no-repeat;background-position:50% 50%;background-color:white} #mobilenavtop:hover{background-color:whiteSmoke} .menutopx ul{float:none} .menutopx li a:hover,.menutopx li:hover >a{background:whiteSmoke} .menutopx li{float:none;background-color:white;border-top:1px solid whiteSmoke;border-bottom:1px solid #ECECEC} .menutopx ul.sub-menu{position:relative;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;width:100%} .menutopx ul.sub-menu a{background-color:transparent;border-bottom:0;text-align:left;border-bottom:0;text-align:left;padding-left:25px} .menutopx li a,.menutopx ul.sub-menu a,#nav li a,#nav ul.sub-menu a,#nav li.menu-item-has-children a{background-image:url(images/rightarrow.png);background-repeat:no-repeat;background-position:95% 50%} .menutopx li a:hover,.menutopx ul.sub-menu a:hover,#nav li a:hover,#nav ul.sub-menu a:hover,#nav li.menu-item-has-children a:hover{background-image:url(images/rightarrow.png);background-repeat:no-repeat;background-position:98% 50%} .menutopx li.menu-item-has-children::after,#nav li.menu-item-has-children::after{border-color:transparent} #nav{background-color:transparent;height:auto} #searchnya {float: none;margin: 8px 0;} #ajax-search-form input {width: 100%;} #search-result {width: 95%;} #head-ads{width:100%;margin:0 0 20px} .jdulatas{padding:12px 0} ul.menuhlng,ul.menunav{display:none} #mobilenavtop.active{background-image:none} .ikonz-social span{font-size:120%;margin:15px 5px 0 0} #social-ikonzs a{margin:0} .single .post-body { font-size:12px;} h1, h1.post-title {font-size: 200%;} .pager-isi h6{font-size:120%} .pager-isi h5{font-size:110%} #related-postsx li{height:100px} .comments_holder p label, .comments_holder .inp_wrap { float:none; width:100%;} .slogan_box { display:none;} .logo_block { display: none;} .logo_block3 { display: none;} #searchnya2 {display: none;} .logo_block2 { display: block;float:none; text-align:center;} #logo2 img { display:inline-block;} .post-body iframe:not(.twitter-tweet), .post-body object { height:315px;} } @media only screen and (max-width:479px){ #header-wrapper,#nav,#content-wrapper,.menutopx,#isifooter, #headnya, #navmobi{width:300px;position: relative;} #social-ikonzs a{margin:0 2px;width:25px;height:25px} .ikonz-social span{display:none} .pager-isi a{padding:10px 20px} .pager-isi h6{font-size:110%} .pager-isi h5{font-size:105} #related-postsx li{width:100%;height:120px} .post-body iframe:not(.twitter-tweet), .post-body object { height:220px;} } /* login popup */ .search-sel {float:left;width:100%;height:100%;margin-top: -29px;position:fixed;background:url(/bundles/vidofrontend/i/fix-bg.png) 0 0 repeat;z-index:111;display: none;} .search-sel .sel-block {position:absolute;top:50%;left:50%;width:640px;margin-left:-485px;margin-top:-170px;background:#fff url(/bundles/vidofrontend/i/block-bg-top.gif) 0 top repeat-x;} .search-sel .sel-block .s2 {width:582px;float:left;padding:15px 29px 15px 20px;background:url(/bundles/vidofrontend/i/block-bg-bottom.gif) 0 bottom repeat-x;} .search-sel .sel-block .s2 .title {margin-left:20px;float:left;width:100%;font-size:22px;color:#2f67b2;margin-bottom:15px;} .log-in .sel-block {padding:0;width:335px;margin-left: -170px;margin-top: -35px;} .log-in .sel-block .s2 {padding:0;width:290px;padding:16px 22px;padding-bottom:0;} .log-in .sel-block .s2 .title {background:url(/bundles/vidofrontend/i/log-lock.gif) left 2px no-repeat;padding-left:21px;margin:0;width:269px;border-bottom:1px solid #2f67b2;padding-bottom:2px;margin-bottom:12px;} .log-in .sel-block .s2 .title .close {float:right;color:#2f67b2;font-size:11px;margin-top:8px;text-decoration:none;} .log-in .sel-block .s2 .title .close:hover {text-decoration: underline;} .log-in .sel-block .s2 .wrong {float:left;width:100%;padding-bottom:13px;} .log-in .sel-block .s2 .wrong .inf {float:left;font-size:14px;color:#ff0000;width:100%;margin-bottom:2px;} .log-in .sel-block .s2 .wrong .remm {float:left;font-size:11px;color:#2f67b2;} .log-in .sel-block .s2 .acc-pw {float:left;width:100%;padding-bottom:10px;} .log-in .sel-block .s2 .acc-pw span {float:left;width:100%;padding-bottom:15px;} .log-in .sel-block .s2 .acc-pw span b {float:left;width:78px;font-size:16px;font-weight:500;} .log-in .sel-block .s2 .acc-pw span input {float:left;width:207px;height:14px;padding:0;border:1px solid #9e9e9e;} .log-in .sel-block .s2 .acc-pw .forget {float:left;color:#2f67b2;font-size:12px;padding-top:4px;} .log-in .sel-block .s2 .acc-pw .submit {float:right;background:url(/bundles/vidofrontend/i/log-button-bg.jpg) 0 0 repeat-x;border:0 none;height:22px;color:#fff;cursor:pointer;font-size:11px;padding-left:25px;padding-right:25px;} .log-in .sel-block .s2 .face-block {float:left;width:100%;padding:5px 0;padding-bottom:12px;} .log-in .sel-block .s2 .face-block .img {height:45px;width:49px;margin-right:30px;float:left;margin-top:6px;} .log-in .sel-block .s2 .face-block .login-fb {height:55px;margin-right:10px;float:left;margin-top:5px;} .log-in .sel-block .s2 .face-block .text {color:#837c7c;font-size:12px;line-height:14px;} .log-in .sel-block .s2 .reg-bg {float:left;background: url(/bundles/vidofrontend/i/log-reg-bg.gif) 0 0 repeat-x;height:37px;padding-top:6px;width:100%;text-align:center;} .log-in .sel-block .s2 .reg-bg a {color:#2f67b2;font-size:12px;} /* ----- */ /* user panel */ .enter_menu {width:964px;margin:0 auto;height:15px;text-align: right;} /* ----- */ /* footer print,mail */ article a.mail{float: left;line-height: 20px;height: 20px;width: 20px;background-image: url(images/icons.png);background-repeat: no-repeat;margin-right: 7px;text-decoration: none;background-position: 0px -498px;} article a.print{float: left;line-height: 20px;height: 20px;width: 20px;background-image: url(images/icons.png);background-repeat: no-repeat;margin-right: 7px;text-decoration: none;background-position: 0px -479px;} /* ----- */ #searchnya input.submit{width: 15px;height: 20px;background: transparent url(images/icons.png) 0 4px no-repeat;border: none;margin-left: -22px;} #searchnya2 input.submit{width: 15px;height: 20px;background: transparent url(images/icons.png) 0 4px no-repeat;border: none;margin-left: -22px;} .author-block {margin-bottom: 10px;width: 270px;margin-right: 10px;font-size: 12px;} .author-block .author-avatar{float: left;height: 72px;width: 72px;} .author-block .author-name{color: #323232;font-weight: bold;margin-left: 75px;font-size: 14px;border-bottom: 1px solid #dcdcdc;margin-bottom: 5px;padding-bottom: 5px;} .author-block .author-avatar img {margin-left: 1px;margin-top: 1px;} .author-block .author-social {margin-top: 5px;} .author-block .author-social .author-link {float: left;margin-right: 10px;text-indent: -999999px;width: 30px;height: 30px;display: block;} .author-block-large {margin-bottom: 10px;width: 650px;margin-right: 10px;font-size: 12px;} .author-block-large .author-avatar{float: left;height: 312px;width: 312px;} .author-block-large .author-avatar img {margin-left: 1px;margin-top: 1px;} .author-block-large .author-social .author-link {float: left;margin-right: 10px;text-indent: -999999px;width: 30px;height: 30px;display: block;} .author-block-large .author-social {margin-top: 5px;} .author-articles-list-large {width:650px;height:325px;margin-top:10px;} .facebook.author-link {background: url('images/facebook-color.png') center no-repeat;} .twitter.author-link {background: url('images/twitter-color.png') center no-repeat;} .vkontakte.author-link {background: url('images/vk-color.png') center no-repeat;} .google.author-link {background: url('images/google-color.png') center no-repeat;} .article-datetime {float: left;font-size: 12px;margin-top: 2px;margin-right: 10px;} article.post img.brand_logo {float: right;margin-left:10px;margin-top: 6px;} .author-articles-list {width:650px;height:75px;margin-top:10px;} .author-articles-list .author-block {margin-bottom:0px;} .text_about {color: #333333;font: 14px/17px Arial;} .text_about .body {/*padding: 35px 25px 19px;margin: 0 0 20px 0;*/} .event-form .form-item+.form-item {border-top: 1px solid #fff;} .event-form .form-item {border-bottom: 1px solid #EEEEEE;float: left;margin: 0;padding: 15px 0;width: 100%;} .event-form .form-item label {color: #333333;display: block;font: bold 14px/20px Arial;padding: 0 12px 5px;} .event-form .form-item .description {color: #333333;font: 14px/16px Arial;padding: 0 12px 15px;} .event-form .form-item .form-text {background: #FFFFFF;border: 1px solid #CCCCCC;color: #333333;font: 14px/22px Arial;margin: 0 12px;outline: medium none;padding: 5px 10px;width: 92%;} .event-form .form-item textarea {background: #FFFFFF;border: 1px solid #CCCCCC;height: 72px;margin: 10px 12px;outline: medium none;width: 92%;font: 14px/18px Arial;color: #333;} .event-form .form-item .form-radios, .event-form .form-item .form-checkboxes {padding: 0 12px;} .event-form .form-item input[type="radio"] {float: left;margin: 3px 0 0;} .event-form .form-item .form-radios label, .event-form .form-item .form-checkboxes label {color: #333333;float: left;font: 14px/17px Arial;padding: 0 0 0 9px;} .event-form .form-item .form-radios .form-item, .event-form .form-item .form-checkboxes .form-item {border: medium none;padding: 0;margin: 0 0 10px;} .event-form .form-item input[type="checkbox"] {float: left;margin: 3px 0 0;} .event-form .form-item select {background: #FFFFFF;border: 1px solid #CCCCCC;color: #333333;font: 14px/22px Arial;margin: 0 12px;outline: medium none;padding: 5px 10px;} .event-form .form-item input.single_checkbox {margin-left: 12px;} .event-form .form-item label.single_checkbox {padding-left: 30px;} .form-required {color: #f00;} /* товары на странице материала */ .block-wares {margin: 20px 0;} .ware-block {width: 640px;height: 65px;background-color: #333333;border: 1px solid #fff;padding: 10px 15px 11px 15px;} .ware-block .title-link {float:left;width:320px;} .ware-block .price-link {float:right;width: 280px;} .ware-block .title-link .ware-title {font-size: 14px;text-transform: uppercase;} .ware-block .title-link .ware-title a {color: #fff;} .ware-block .title-link .ware-title a:hover {color: #abd7f2;text-decoration: underline;} .ware-block .title-link .ware-category {font-size: 12px;color: #fff;} .ware-block .title-link .ware-category a {color: #abd7f2;} .ware-block .title-link .ware-category a:hover {text-decoration: underline;} .ware-block .title-link .ware-category a.vidopro_logo {vertical-align:middle;} .ware-block .price-link .btn-ware-buy {float: right;color: white;width: 140px;height: 42px;text-align: center;background-color: #009df6;font-size: 14px;font-weight: bold;padding-top: 9px;margin-left:10px;border-radius: 5px;border: solid 2px #fff;text-transform: uppercase;cursor:pointer;} .ware-block .price-link .btn-ware-buy:hover {background-color:#0095e9;box-shadow: 0 0 0 1px #006dab inset;} .ware-block .price-link .btn-ware-buy a {color: #fff;} .ware-block .price-link .ware-price {float:right;font-size: 16px;color: #abd7f2;padding-top: 1px;} .ware-block .price-link .ware-price-suggestions {float:right;color: #a4a4a4;font-size: 12px;} .ware-block-show-all {width: 125px;height: 28px;margin-bottom: 20px;padding-top:4px;background-color: #333333;border-radius: 0px 0px 5px 5px;color: #fff;font-size: 12px;text-align: center;cursor: pointer;} @media only screen and (min-width:959px){.ware-block {width: 640px;overflow: hidden;height: 100%;}.ware-block-show-all{margin-left: 250px;}.ware-block-long-title {height: 80px;}} @media only screen and (max-width:958px){.ware-block {width: auto;min-height: 120px;height:100%;overflow: hidden;}.ware-block-show-all{margin-left: auto;margin-right: auto;}.ware-block .title-link {width: auto;}} @media only screen and (max-width:479px){.ware-block-show-all{margin-left: 95px;}} /* ----------------------------- */ /* закладка 'Системная интеграция' */ .menu-xitem li a.liat-si{padding:6px 25px 5px 12px;display:block;font-size:19px;font-family:"PT Sans Narrow",arial,sans-serif;text-transform:uppercase;color:white;background-color:#333} .menu-xitem li a.liat-si:hover{color:#0095da} .menu-xitem li a.liat-si-no-hover{padding:6px 25px 5px 12px;display:block;font-size:19px;font-family:"PT Sans Narrow",arial,sans-serif;text-transform:uppercase;color:white;background-color:#333} .menu-xitem li.xitem1-si{left:20px;} .menu-xitem li.xitem1-si::after{content:"";position:absolute!important;z-index:100;border:0 solid #333333;border-top:35px solid transparent;border-right-width:0;border-left-width:15px;left:100%;bottom:0} /* ----------------------------- */ /* background */ .branded{background-repeat: no-repeat;background-position: 50% 0px;} .branding_link{position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;position: fixed;display: none;} @media screen and (min-width: 1000px) { .branded .branding_link{ display: block; } } @media screen and (max-width: 1000px) { .branded .branding_link{ display: none; } } /* ----------------------------- */ @media only screen and (max-width:760px){#reformal_tab{display:none;}} #header-wrapper { position: relative; text-align: center; padding-top:5px; } .banner { margin-bottom: 10px; } #JobInformerWrapper { margin-bottom: 10px; } .ui-autocomplete { z-index: 100; max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } .utcw-9j517 {word-wrap:break-word}.utcw-9j517 span,.utcw-9j517 a{border-width:0px}.utcw-9j517 span:hover,.utcw-9j517 a:hover{border-width:0px} .overlayb { height: 126px; }