/* Theme Name: Positive Theme URI: http://themeforest.net/item/positive-premium-multipurpose-wordpress-theme/560405 Description: Positive - Premium Wordpress Theme (Demo Site) Author: Orkun GURSEL Author URI: http://www.orkungursel.com License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.0.4 All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) */ @import url("lib/css/reset.css"); /* ========================================= GENERAL ELEMENTS ============================================*/ body { min-width: 1040px; } a { outline:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } /*::selection{} ::-moz-selection{} ::-webkit-selection{}*/ .sprite { background-image:url('lib/imgs/sprite.png'); background-repeat:no-repeat; } .cf { clear:both; height:0; display:block; } a,a:active {text-decoration:none;} a:hover {text-decoration:underline;} .no-underline, .no-underline a{ text-decoration: none !important; } .text-center {text-align:center;} .text-left {text-align: left;} .text-right {text-align: right;} .text-justify {text-align: justify;} .unselectable, #slider, .slider-image a, .slider-image a span { -moz-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #cloudfw-loading { width:160px; height:24px; position:fixed; right: 20px; bottom:20px; background:url(lib/imgs/loading-main.gif) no-repeat; display:none; } .loading { background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 40%; } #slides-loading-wrap { bottom: 50px; position: absolute; width: 100%; z-index: 50; } #slides-loading { margin: 0 auto; border-radius: 6px; height:80px; width: 70px; background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 40% #fff; } /* ========================================= GRIDS SYSTEM ============================================*/ .the-page { width: 940px; margin:auto; } .init { margin:0 40px; } .init-tb { margin-top:40px; margin-bottom:40px; } .gs { margin-left: 20px; margin-right: 20px; } .cl { display:inline; float: left; position: relative; margin-right: 40px; margin-bottom: 0; } .last { margin-right:0; } /* * #wide-container: 860px * #withsidebar-container: 560px */ .cl_1 {width: 860px;} .cl_2 {width: 410px;} .cl_3 {width: 260px;} .cl_3_2 {width: 560px;} .cl_4 {width: 185px;} .cl_4_3 {width: 635px;} .cl_5 {width: 140px;} .cl_5_2 {width: 320px;} .cl_5_3 {width: 500px;} .cl_5_4 {width: 680px;} .cl_6 {width: 110px;} .cl_6_2 {width: 260px;} .cl_6_4 {width: 560px;} .cl_6_5 {width: 710px;} #withsidebar-container .cl_1 {width: 560px;} #withsidebar-container .cl_2 {width: 260px;} #withsidebar-container .cl_3 {width: 160px;} #withsidebar-container .cl_3_2 {width: 360px;} #withsidebar-container .cl_4 {width: 110px;} #withsidebar-container .cl_4_3 {width: 410px;} #withsidebar-container .cl_5 {width: 80px;} #withsidebar-container .cl_5_2 {width: 200px;} #withsidebar-container .cl_5_3 {width: 320px;} #withsidebar-container .cl_5_4 {width: 440px;} #withsidebar-container .cl_6 {width: 60px;} #withsidebar-container .cl_6_2 {width: 160px;} #withsidebar-container .cl_6_4 {width: 360px;} #withsidebar-container .cl_6_5 {width: 460px;} /***********************************/ .cl .cl { margin-right:4%; } .cl .cl .first { margin-left:0; } .cl .last { margin-right:0; } .cl .cl_1 {width: 100% !important;} .cl .cl_2 {width: 47.5% !important;} .cl .cl_3 {width: 30.3% !important;} .cl .cl_3_2 {width: 65.7% !important;} .cl .cl_4 { width: 22% !important;} .cl .cl_4_3 { width: 74% !important;} .cl .cl_5 { width: 16.8% !important;} .cl .cl_5_2 {width: 37.6% !important;} .cl .cl_5_3 {width: 58.4% !important;} .cl .cl_5_4 {width: 79.2% !important;} .cl .cl_6 { width: 13.3% !important;} .cl .cl_6_2 {width: 30.0% !important;} .cl .cl_6_4 {width: 47.9% !important;} .cl .cl_6_5 {width: 82.5% !important;} /* ========================================= HEADER ============================================*/ #body-head { } #body-pattern { } #header-container { height:130px; position:relative; } #header-background { background-repeat:repeat; background-attachment:scroll; background-position: 0 0; } #header a {text-decoration:none;} /* HEADER -> LOGO */ #logo { margin: 0; position: absolute; left: 0; top: 0; } #logo #logo-text { float:left; } #logo #logo-slogan { padding: 0 0 0 15px; margin-top:10px; display:block; float:left; } #logo-image { margin: 0; position: absolute; left: 0; top: 0; } #logo-image a{ width:100%; height:100%; display:block; } /* HEADER -> RIGHT SIDE */ #header-right-sector { position: absolute; right: 0; top: 0; } /* HEADER -> RIGHT SIDE -> WIDGETIZED AREA */ #header-widget { float:left; display:block; margin: 3px 0 0 30px; } #header-widget .widget-header { float:left; display:block; margin: 0 0 0 30px; } #header-widget .widget_nav_menu { margin-top: 5px; } .widget-header .menu li { float:left; margin-left: 10px; list-style: none none; } .widget-header .menu li > ul { display:none; } /* HEADER -> RIGHT SIDE -> SEARCH MODULE */ #search-module { margin-top: -3px; margin-left:5px; float:left; position:relative; background:url(lib/imgs/search_input_bg.png) no-repeat scroll 0 0 transparent; display:block; width: 204px; height:29px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.4); box-shadow: inset 0 0 10px rgba(0,0,0,0.4); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-bottom: 1px solid rgba(200,200,200,0.1); } #search-module:hover { background: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.6); -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.6); box-shadow: inset 0 0 15px rgba(0,0,0,0.6); } #search-module #search-input { margin:3px 0 0 30px; width: 165px; background:none; border:none; outline:none; padding: 3px 0; color:#fff; } #search-module-icon { background:url(lib/imgs/search_input_icon.png) no-repeat; width:18px; height:18px; display:block; position:absolute; left:6px; top: 6px; } /* ========================================= NAVIGATION ============================================*/ #navigation { position:relative; z-index:3000; } .navigation-height { height:50px; } #navigation-background, #navigation-gradient, #navigation-pattern{ position:absolute; top:0; left:0; width:100%; z-index:-1; } #navigation-background { } #navigation-gradient { background:url(lib/imgs/navigation-gradient.png) repeat-x scroll 0 100% transparent; } /* NAVIGATION -> MENU */ ul#navigation-menu-items { list-style: none none; z-index:3000; position:relative; } ul#navigation-menu-items li { float:left; position:relative; } ul#navigation-menu-items li a { display:block; padding: 14px 20px 13px; font: normal 1.1em/1.5em Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; white-space:nowrap; position:relative; } ul#navigation-menu-items li a:hover { text-decoration:none; } ul#navigation-menu-items li.current-menu-item a { } ul#navigation-menu-items ul { opacity:.99; } ul#navigation-menu-items ul * { opacity:1; } ul#navigation-menu-items ul, ul#navigation-menu-items ul ul{ display:none; position:absolute; list-style: none none; margin:2px 0 0 -20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); z-index: 3000; } ul#navigation-menu-items ul li, ul#navigation-menu-items ul li a, ul#navigation-menu-items ul li ul li, ul#navigation-menu-items ul li ul li a { display:block; float:none; position:relative; white-space: normal; } ul#navigation-menu-items ul li a, ul#navigation-menu-items ul li ul li a { padding: 10px 20px; border-top: 1px solid rgba(255,255,255, .1); border-bottom: 1px solid rgba(0,0,0, .1); } ul#navigation-menu-items li a:hover, ul#navigation-menu-items li.navigation-menu-hover > a{ background: rgba(0,0,0,0.05) !important; } ul#navigation-menu-items ul li.NotmegaMenu a:hover, ul#navigation-menu-items ul li.NotmegaMenu.navigation-menu-hover > a, ul#navigation-menu-items ul li.NotmegaMenu ul li.navigation-menu-hover > a, ul#navigation-menu-items ul li.NotmegaMenu ul li ul li.navigation-menu-hover > a, ul#navigation-menu-items ul li.NotmegaMenu ul li a:hover{ background: rgba(0,0,0,0.1) !important; } ul#navigation-menu-items ul{ -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } ul#navigation-menu-items ul ul{ position:absolute; margin:-44px 0 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .depth-0.NotmegaMenu > ul { margin-left: 0 !important; } ul#navigation-menu-items ul li a { text-transform: none; position:relative; } .navigation-menu-arrow { position:absolute; z-index:10; left: 0; bottom:-12px; width: 100%; } .ie .navigation-menu-arrow { bottom:-11px; } li.current-menu-item .navigation-menu-arrow .the-arrow, li.current_page_item .navigation-menu-arrow .the-arrow, li.current-menu-parent .navigation-menu-arrow .the-arrow, li.current_page_parent .navigation-menu-arrow .the-arrow{ display:block; width:0px; height:0px; border:5px solid transparent; margin:0 auto; font-size:0px; line-height:0px; } ul#navigation-menu-items li.NotmegaMenu li:first-child > a { border-top: 0; } ul#navigation-menu-items > li.megaMenu { position:static; } ul#navigation-menu-items > li.megaMenu > ul{ display:none; position:absolute; list-style: none none; margin:2px 0 0 -20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } ul#navigation-menu-items > li.megaMenu > ul ul { margin: 0; position: static; background:none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } ul#navigation-menu-items > li.megaMenu > ul > li { display:block; list-style: none none; float:left; } ul#navigation-menu-items > li.megaMenu > ul > li > ul > li{ display:block; float:none; } ul#navigation-menu-items > li.megaMenu > ul{ width: 920px; padding: 10px 0; left:30px; } ul#navigation-menu-items .megaMenu li, ul#navigation-menu-items .megaMenu li ul li{ display:block; float:left; position:relative; white-space: normal; } ul#navigation-menu-items ul li.megaMenu a, ul#navigation-menu-items ul li.megaMenu ul li a { display:block; float:none; position:relative; white-space: normal; /*text-shadow: 0 1px 1px rgba(0,0,0,0.8);*/ } ul#navigation-menu-items li.megaMenu.columns-5 .depth-1 { width: 17.9%; } ul#navigation-menu-items li.megaMenu.columns-4 .depth-1 { width: 22.9%; } ul#navigation-menu-items li.megaMenu.columns-3 .depth-1 { width: 31.2%; } ul#navigation-menu-items li.megaMenu.columns-2 .depth-1 { width: 47.9%; } ul#navigation-menu-items li.megaMenu.columns-1 .depth-1 { width: 97.9%; } ul#navigation-menu-items li.megaMenu .depth-1{ margin: 0 1%; } ul#navigation-menu-items li.megaMenu .depth-2 { width:100%; } ul#navigation-menu-items li.megaMenu .depth-1 > a { font-weight:bold !important; border-top: 0; } ul#navigation-menu-items li.megaMenu .menu-hidden-title li:first-child > a {border-top: 0; } ul#navigation-menu-items li.megaMenu .menu-hidden-title > a{ background: transparent !important; border-bottom: 0 !important; } ul#navigation-menu-items li.megaMenu .depth-2 > a { font-size: 12px !important; } ul#navigation-menu-items ul li.megaMenu a, ul#navigation-menu-items ul li.megaMenu ul li a { padding: 10px 20px; position: relative; } ul#navigation-menu-items li.megaMenu .navigation-menu-hover > a { background: none !important; } ul#navigation-menu-items ul li.megaMenu a { text-transform: none; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; } .megaMenu .description{ display:block; margin: 3px 0 7px; font-size: 10px; line-height: 1em; } .menu-item-image { max-width: 100%; } .menu-icon > a >.menu-item-image { float: left; margin-left: -10px; margin-right: 5px; } .menu-icon > a { padding-bottom: 0 !important; padding-top: 0 !important; } .menu-icon > a >.menu-item-image-icon { display:block; padding-top: 10px; padding-bottom: 10px; margin-left: -5px; } /* ========================================= SKIN MM ============================================*/ ul#navigation-menu-items .NotmegaMenu ul, ul#navigation-menu-items .NotmegaMenu ul ul{ width:200px; } ul#navigation-menu-items .NotmegaMenu ul ul{ right:-180px; } /* NAVIGATION -> MENU -> HOME ICON */ #the-home { width:21px; height:21px; } #the-home span { display:block; position:absolute; } #the-home-frame { width:21px; height:21px; position:relative; } #the-home-roof { display:block; width:0px; height:0px; border-top:11px solid transparent; border-left:11px solid transparent; border-right:11px solid transparent; margin:0 auto; font-size:0px; line-height:0px; top:-10px; left:0; position:absolute; } #the-home-build-1, #the-home-build-3 { display:block; width:6px; height:10px; } #the-home-build-1 { top:10px; left:3px; } #the-home-build-2 { display:block; width:6px; height:5px; top:10px; left:9px; } #the-home-build-3 { top:10px; right:2px; } /* ========================================= MIDDLE ============================================*/ #middle { position:relative; padding:0; } .middle-height { min-height:185px; } #middle-background { } #middle-highlight { background-repeat:repeat-x; background-position: 0 50%; } /* ========================================= CONTENT ============================================*/ #content { z-index:100; margin-top:-70px; position:relative; } .content{ min-height: 100px; } #wide-container { width: 940px; z-index: 2; position: relative; float: left; overflow: hidden; } #wide-content { padding:40px 40px 20px; background:#fff; } #withsidebar-container { width:640px; z-index:2; float:left; position: relative; overflow: hidden; } .leftside #withsidebar-container { float:right; } #withsidebar-content { padding:40px; background:#fff; } #narrow-content { padding:40px 35px 20px 35px; background:#fff; position: relative; } #narrow-container { width:301px; position:relative; float:right; top:30px; margin-left:-1px; } .leftside #narrow-container { float:left; margin-left:0; margin-right:-1px; } .min-content { padding:0; background:#fff; } .min-container { width:55px; left:-22px; margin-top:0; } .left-side { visibility:hidden; position:absolute !important; } .full-width { margin-left: -40px !important; margin-right: -40px !important; } .full-padding { padding-left: 40px !important; padding-right: 40px !important; } pre { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #E0E4E5; color: #454749; font: 0.95em Consolas,Monaco,'Courier New',Courier,monospace; overflow-x: auto; padding: 20px 25px; white-space: pre-wrap; word-wrap: break-word; line-height: 1.6em; } /* ========================================= PAGE SHADOW ============================================*/ #page-shadow { background: url(lib/imgs/shadow-1.png) no-repeat scroll center center transparent; height: 200px; margin: -100px 0 -80px; } .page-template-page-sidebar-left-php #page-shadow { background: url(lib/imgs/shadow-1-left-layouts.png) no-repeat scroll center center transparent; } .page-template-page-sidebar-right-php #page-shadow, .blog #page-shadow, .single-post #page-shadow, .page-template-page-sidebar-php #page-shadow, .archive #page-shadow, .search #page-shadow { background: url(lib/imgs/shadow-1-right-layouts.png) no-repeat scroll center center transparent; } /* ========================================= FOOTER ============================================*/ #footer-widgets { margin: 20px 40px 0; } #footer-text { margin:40px; text-align:center; } #footer-text h3 { margin:20px 0; } .footer-widget-title { margin:0 0 20px 0; } #footer .widget { margin: 20px 0 0; } .widget_cloudfw_social_header { position: relative; } .widget_cloudfw_social_header img{ margin-bottom: 5px; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important; /* IE6 & 7 */ zoom: 1; } #footer-widgets .widget_cloudfw_social_header a img{ margin-bottom: 5px; } #footer-widgets .cloudfw_posts_thumbnail { width:30px; float:left; margin-right:20px; display:block; } #footer-widgets .cloudfw_posts_thumbnail img { width:30px !important; height: auto !important; } #footer-widgets .cloudfw_posts_titles { float: none; display:block; width: auto !important; overflow: hidden; } #footer-widgets .cloudfw_posts_title { margin:0 0 2px; display:block; font-weight: normal; } #footer-widgets .cloudfw_posts_comment { font-style:italic; display:block; margin-bottom: 10px; } #footer-widgets .cloudfw_posts_comment a { font-size: 11px !important; } /* ========================================= SIDEBAR ============================================*/ #sidebar .widget { margin:0 0 40px; } .sidebar-widget-title { margin-bottom: 20px; } .footer-widget-title { margin-bottom: 20px; } .textwidget p { margin-bottom:20px; } #sidebar .widget ul ul { /*padding-left: 20px;*/ } #sidebar .widget_categories ul > li, #sidebar .widget_archive ul > li, #sidebar .widget_recent_entries ul > li{ margin: 0 -10px; padding:5px 10px; border-bottom: 1px solid #f5f6f6; } #sidebar li.recentcomments { margin: 0 -10px; padding: 5px 30px 5px 10px; border-bottom: 1px solid #f5f6f6; background:url(lib/imgs/recent_comments.png) no-repeat scroll 100% 12px transparent; } #sidebar select{ width:100%; } #sidebar .widget_cloudfw_posts ul > li { margin: 0 -10px; padding:12px 10px 8px; border-bottom: 1px solid #f5f6f6; } .cloudfw_posts_thumbnail { width:60px; float:left; margin-right:20px; display:block; } .cloudfw_posts_titles { width:150px; float:left; } .cloudfw_posts_title { margin:10px 0 -2px; display:block; font-weight:bold; } .cloudfw_posts_comment { font-style:italic; display:block; } .cloudfw_posts_comment a { font-size: 11px !important; } .twitter-loading { min-height:40px; background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 50%; } .tweet_list span, .tweet_list a { line-height: 1.4em; } #sidebar .widget_cloudfw_twitter ul > li { margin: 0 -10px; padding:12px 10px 8px; border-bottom: 1px solid #f5f6f6; } #sidebar .widget_cloudfw_twitter .twitter-text { display:block; } #sidebar .widget_cloudfw_twitter .twitter-text a { font-style:italic; } #sidebar .widget_cloudfw_twitter .twitter-date { display:block; } #sidebar .widget_cloudfw_twitter .cloudfw_tweet_date { font-size:11px; font-style:italic; color:#ccc; display: block; } #sidebar .widget_cloudfw_twitter .author .avatar { float:left; margin: 7px 7px 5px 0; } #sidebar .widget_search #s { width:210px; } #sidebar .widget_search label { display:none; } .widget_calendar table { width:100%; } .widget_calendar table tr { text-align:center; } .widget_calendar table td { padding: 5px 0; } .widget_calendar table caption { padding: 0 0 20px; } .widget_calendar table tbody td a { display:block; height:100%; padding: 4px 0; margin: -4px 0; background:url(lib/imgs/transparent_background_per10.png) repeat; } .widget_calendar table tfoot td#prev {text-align:left;} .widget_calendar table tfoot td#next {text-align:right;} .widget_subposts > ul > li, #sidebar .widget_nav_menu > div > ul > li { position:relative; } .widget_subposts > ul > li > a, #sidebar .widget_nav_menu > div > ul > li > a { display:block; background:url(lib/imgs/sub-nav-gradient.png) repeat-x scroll 0 100%; line-height: 1em; margin: 0 -35px; padding: 15px 35px; } .widget_subposts > ul > li.current_page_item > a, .widget_subposts > ul > li.current_page_parent > a, #sidebar .widget_nav_menu > div > ul > li.current_page_item > a, #sidebar .widget_nav_menu > div > ul > li.current_page_parent > a { display:block; background:url(lib/imgs/sub-nav-current.png) no-repeat scroll 0 50%; line-height: 1em; margin: -3px -55px 0; padding: 20px 35px 20px 55px; position:relative; z-index: 1000; } .leftside .widget_subposts > ul > li.current_page_item > a, .widget_subposts > ul > li.current_page_parent > a, .leftside #sidebar .widget_nav_menu > div > ul > li.current_page_item > a, .leftside #sidebar .widget_nav_menu > div > ul > li.current_page_parent > a { background:url(lib/imgs/sub-nav-current-leftside.png) no-repeat scroll -1px 50%; margin: -3px -55px 0 -35px; padding: 20px 55px 20px 35px; } .widget_subposts > ul > li > ul, #sidebar .widget_nav_menu > div > ul > li > ul, { display:none; } .widget_subposts > ul > li > ul, #sidebar .widget_nav_menu > div > ul > li > ul { display:none; border-bottom: 1px solid #f1f1f1; margin: 0 -35px; padding: 10px 35px 15px 45px; } .widget_subposts > ul > li > ul ul, #sidebar .widget_nav_menu > div > ul > li > ul ul { padding: 5px 0 5px 20px; } .widget_subposts > ul > li.current_page_item ul, .widget_subposts > ul > li.current_page_parent ul, #sidebar .widget_nav_menu > div > ul > li.current_page_item ul, #sidebar .widget_nav_menu > div > ul > li.current_page_parent ul { display:block; } .widget_subposts > ul > li ul li, #sidebar .widget_nav_menu > div > ul > li ul li { list-style: inside square; } .widget_subposts > ul > li > ul li a, #sidebar .widget_nav_menu > div > ul > li > ul li a { padding-left: 5px; line-height: 1em; } .subpost-arrow { display:block; width: 15px; height: 15px; position:absolute; top: 20px; right: -10px; z-index: 1001; } .subpost-arrow .the-arrow{ display:block; width:0px; height:0px; border:5px solid transparent; margin:0 auto; font-size:0px; line-height:0px; border-top:5px solid #ccc !important; } .widget_subposts > ul > li.current_page_item .subpost-arrow, .widget_subposts > ul > li.current_page_parent .subpost-arrow, #sidebar .widget_nav_menu > div > ul > li.current_page_item .subpost-arrow, #sidebar .widget_nav_menu > div > ul > li.current_page_parent .subpost-arrow {top: 23px;} /* ========================================= CONTENTS ============================================*/ .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-bottom:20px; color:#231f20; } .content h1 span.sub, .content h2 span.sub, .content h3 span.sub, .content h4 span.sub, .content h5 span.sub, .content h6 span.sub { font-size: 0.6em; } .content h3 span.sub {font-size: 0.7em;} .content h4 span.sub {font-size: 0.8em;} .content h5 span.sub {font-size: 0.9em;} .content h6 span.sub {font-size: 1em;} .content p, .content pre, .content ul, .content ol, .content dl, .content dd, .content blockquote, .content address, .content table, .content fieldset, .content form, .content .alignleft, .content .alignright, .content .aligncenter{ margin-bottom: 20px; } .content .frame { display: block; margin-bottom: 15px; } /*.content img { max-width: 100% !important; height: auto; }*/ ol, ul { list-style:none none none; padding-left: 0; } .content ol, .content ul { list-style-position:inside; list-style-type:disc; margin-left: 20px; } .cl ol.list, .cl ul.list { margin-left:0; margin-bottom: 0; padding-left: 0; } .sector { margin: -60px -40px 40px; padding: 0 40px 40px; background:url(lib/imgs/divider_bg.png) repeat-x scroll 0 100% transparent; min-height:50px; border-bottom: 1px solid #ebecec; } .sector-softa { margin: 0 -35px 40px; padding: 0 35px 0; background:url(lib/imgs/divider_bg_soft.png) repeat-x scroll 0 100% transparent; min-height:70px; border-bottom: 1px solid #ebecec; } .up { margin-top:-40px; height:0; line-height:0; } .down { height:40px; line-height:0; } .down_half { height:20px; line-height:0; } .downx2 { height:80px; } .wp-caption-text { font-style:italic; font-size:11px; margin-top:10px; } .alignnone { max-width:100%; } #content input[type=text], #content input[type=password], #content textarea, #footer textarea, .cloudfw-modal input[type=text], .cloudfw-modal input[type=password], .cloudfw-modal select, .cloudfw-modal textarea, #footer input[type=text], #footer input[type=password], #content select, #footer select { padding: 10px !important; margin-left: 0 !important; font-size: 14px !important; font-weight:normal !important; background: url(lib/imgs/input_bg.png) repeat-x scroll 0 0 #fff; border: 1px solid #e8e9e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#bcbcbc; outline:none; resize:none; } #wide-content #searchform label{ display:none; } #wide-content #searchform #s{ width:500px; } .login_form label{ display:block; margin-bottom: 5px; } .form-container { margin-bottom: 20px; } .form-sub-container { float:left; } .login_form .login-input{ width: 350px; } .login_form #pwd{ width: 200px; } .login_form #rememberme-container{ margin:8px 0 0 15px; } .login_form #rememberme{ margin-right:10px; } /* ========================================= BLURB AREA ============================================*/ #blurb{ width: 940px; margin: auto auto -70px; padding: 55px 0 0; color: #4a7763; } #blurb h1{ } #blurb .sub-text{ display:block; margin: 20px 0 0; font-size: .7em; line-height: 1em; } /* ========================================= COMMENTS ============================================*/ #comments { width:560px; margin:40px auto 0; } #comments p { margin-bottom: 0; } .comment-text, #comments-title { margin-bottom: 40px; } .comment .comment { margin-left: 40px; } #commentform { margin-bottom:40px; } .commentlist #respond h3{ display:none; } .comment-text p { margin-bottom:20px !important; margin-left: 55px; } #respond { margin-bottom:40px; } #respond p { margin-bottom: 20px; } #respond label { font-size: 14px; padding-left:10px; } #respond #author, #respond #email, #respond #url, #respond #comment { padding: 10px; font-size: 14px; background: url(lib/imgs/input_bg.png) repeat-x scroll 0 0 #fff; border: 1px solid #e8e9e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#bcbcbc; outline:none; resize:none; } #respond #author, #respond #email, #respond #url { width: 300px; } #respond #comment { width:536px; height:200px; resize: vertical; } #respond #submit { margin-left:0; font-weight:bold; padding:7px 10px; } .comment-header { margin-bottom:10px; } .comment-avatar { float:left; margin-right:20px; } .comment-meta { float:left; margin-right:20px; } .comment-user { font-size:14px; font-weight:bold; color:#38312f; } .comment-datetime { font-size:11px; font-weight:normal; } .comment-reply { float:right; margin-top:10px; } .comment-reply, .comment-reply a { color:#e3e2e3 !important; font-size:11px; text-decoration:none !important; } .comment-reply a:hover { color:#2F2F2F !important; } .comment-reply-link .sprite { padding-left: 18px; background-position: 0 1px; width:16px; } .comment-reply-link .reply-text { background:#fff; padding: 1px; } .depth-3 .comment-reply-link { display: none; } .comment-reply-link:hover span { background-position: 0 -15px; } .cancel-comment-reply { margin-bottom:20px; } /* ========================================= BLOG PAGE ============================================*/ h1.blog-title { margin-bottom:30px; width:560px; } .blog-posts-list .sector { margin-bottom:41px; } .blog-post-header { margin: 0 -40px 32px; padding: 0 40px; border-bottom: 1px solid #f5f6f6; } .blog-post-meta { font-size:12px; margin:-25px 0 25px; width:560px; } .blog-post-image { background:#f1f1f1; margin: -40px -40px 30px; height:auto; } .blog-post-image a{ display:block; line-height:0; } .blog-post-minimal-thumbnail { float:left; margin: 0 20px 0 0; } .blog-post-in { min-height:50px; } /* ========================================= BLOG -> PAGINATION ============================================*/ .blog-pagination { list-style:none none; text-align:center; margin: 0 0 40px 0; } .blog-pagination-previous-link, .blog-pagination-next-link { float:left; } .blog-pagination-previous-link .previous-link, .blog-pagination-next-link .next-link { display:block; width:25px; height:32px; text-indent:-9999px; margin-top:6px; } .blog-pagination-previous-link a.previous-link:active, .blog-pagination-next-link a.next-link:active { margin-top:7px; } .blog-pagination-previous-link.inactive , .blog-pagination-next-link.inactive { opacity: 0.5; filter: alpha(opacity=5); } .blog-pagination-previous-link { margin-right:35px; } .blog-pagination-previous-link .previous-link { background-position: -36px 0; } .blog-pagination-previous-link a.previous-link:hover { background-position: -36px -32px; } .blog-pagination-next-link { margin-left:35px; } .blog-pagination-next-link .next-link { background-position: -36px -65px; } .blog-pagination-next-link a.next-link:hover { background-position: -36px -97px; } .blog-pagination-center { float:left; width:440px; height:50px; overflow:hidden; } .blog-pagination-summary { text-align:center; } .blog-pagination-summary h2 { line-height:45px; } .blog-pagination-summary h2 a { text-decoration:none; display:block; } .blog-pagination li { display:inline; padding: 5px 15px; line-height:50px; } .blog-pagination li, .blog-pagination li a { color: #b5b6b6; font-weight:bold; } .blog-pagination li.current{ color: #eceded; } .blog-pagination-arrow-container { display:block; margin-top: -5px; } .blog-pagination-arrow { display:block; margin: auto; width:10px; height:10px; border: 1px solid; border: 5px solid transparent; font-size: 0; height: 0; line-height: 0; margin: 0 auto; width: 0; border-top: 5px solid #d9d9d9 !important } /* ========================================= BLOG SLIDER ============================================*/ .blog-posts-list .slides { /*position: relative;*/ } .blog-posts-list .pagination { position: relative; float:right; margin: -30px 10px 0 0; z-index:1000; } .blog-posts-list .pagination, .blog-posts-list .pagination li{ list-style: none none !important; } .blog-posts-list .pagination li a{ display:block; width: 16px; height:16px; text-indent:-9999px; line-height:16px; outline:none; } .blog-posts-list .pagination li { float:left; background:url(lib/imgs/sprite.png) no-repeat scroll 0 -48px; width: 16px; height:16px; } .blog-posts-list .pagination li.current { background-position: 0 -32px; } /* ========================================= BLOG AUTHOR ============================================*/ #author #author-gravatar{ float:left; width:80px; } #author #author-info{ float:left; width:480px; } #author #author-info #author-name{ margin-bottom: 10px; font-size: 16px; line-height:1.3em; color:#231F20; } #author #author-info #author-name strong{letter-spacing: -.05em;} #author #author-info #author-twitter, #author #author-info #author-website, #author #author-info #author-facebook { float:left; margin: 10px 20px 0 0; } #author #author-info #author-twitter a, #author #author-info #author-website a, #author #author-info #author-facebook a { color: #b5b6b6; } #author #author-info #author-website a { background:url(lib/imgs/icons/global.png) no-repeat scroll 0 0; padding-left: 20px; } #author #author-info #author-twitter a { background:url(lib/imgs/icons/twitter.png) no-repeat scroll 0 0; padding-left: 20px; } #author #author-info #author-facebook a { background:url(lib/imgs/icons/facebook.png) no-repeat scroll 0 0; padding-left: 20px; } /* ========================================= BLOG POSTS - LEFT MIN SIDE ============================================*/ .min-divider { height:1px; background: #ebecec; display:block; } .blog-post-min-comment, .blog-post-min-permalink, .blog-post-min-share, .blog-post-min-next-post, .blog-post-min-previous-post { display:block; width:45px; padding-top: 12px; padding-bottom:15px; font-size: 13px; font-weight:bold; line-height:1em; text-align:center; } .blog-post-min-comment .blog-post-min-comment-icon { background-position: -18px 0; display:block; width:18px; height:16px; margin: 0 auto 5px; } .blog-post-min-comment:hover { text-decoration: none; } .blog-post-min-comment:hover .blog-post-min-comment-icon { background-position: -18px -16px; } .blog-post-min-permalink { height:30px; padding-bottom: 0; } .blog-post-min-permalink .blog-post-min-permalink-icon { background-position: -18px -32px; display:block; width:18px; height:16px; margin: 0 auto; } .blog-post-min-permalink:hover .blog-post-min-permalink-icon { background-position: -18px -48px; } .blog-post-min-share { height:30px; padding-top:0; padding-bottom:0; } .blog-post-min-share { padding-top:15px; } .blog-post-min-share .blog-post-min-share-icon { background-position: -18px -64px; display:block; width:18px; height:16px; margin: 0 auto; } .blog-post-min-share:hover .blog-post-min-share-icon { background-position: -18px -80px; } .blog-post-min-share.active .blog-post-min-share-icon { background-position: -18px -96px; } .blog-post-min-next-post .blog-post-min-next-post-icon { background-position: -18px -112px; display:block; width:18px; height:16px; margin: 0 auto; } .blog-post-min-next-post:hover .blog-post-min-next-post-icon { background-position: -18px -128px; } .blog-post-min-previous-post .blog-post-min-previous-post-icon { background-position: -18px -144px; display:block; width:18px; height:16px; margin: 0 auto; } .blog-post-min-previous-post:hover .blog-post-min-previous-post-icon { background-position: -18px -160px; } .blog-post-header-init { margin: 0 -40px; padding: 0 40px; overflow: hidden; } .blog-post-header-wrapper { width:2000px; } .blog-post-header-action { float:left; width:560px; overflow:hidden; } .blog-post-sharing { float:left; padding: 0; width:560px; } /* ========================================= ARCHIVES ============================================*/ .archives { margin-bottom:60px; } /* ========================================= PORTFOLIOS ============================================*/ .portfolio { margin: 0 -40px; padding: 0 40px; overflow: hidden; } .portfolio-item { position:relative; margin-bottom:40px; } .portfolio-item a{ text-decoration:none !important; } .portfolio-item .shadow { position:absolute; display:block; } .portfolio-item.cl_1 .shadow { width:440px; height:65px; background: url(lib/imgs/shadows/shadow_portfolio_cl_2.png) no-repeat scroll 50% 100%; bottom:-31px; left:-15px; } .portfolio-item.cl_2 .shadow { width:440px; height:65px; background: url(lib/imgs/shadows/shadow_portfolio_cl_2.png) no-repeat scroll 50% 100%; bottom:-35px; left:-15px; } .portfolio-item.cl_3 .shadow { width:280px; height:50px; background: url(lib/imgs/shadows/shadow_portfolio_cl_3.png) no-repeat scroll 50% 100%; bottom:-21px; left:-10px; font-size:2em; } .portfolio-item.cl_4 .shadow { width:195px; height:30px; background: url(lib/imgs/shadows/shadow_portfolio_cl_4.png) no-repeat scroll 50% 100%; bottom:-15px; left:-5px; } .portfolio-item.no-shadow { visibility:hidden; } .portfolio-overlay { position:absolute; top:0; left:0; width:100%; display:block; visibility:hidden; opacity: 0; filter: alpha(opacity=0); overflow:hidden; background-image:url(lib/imgs/portfolio_overlay_pattern.png); background-repeat:repeat; } .portfolio-content { display:block; margin: 30px; } .portfolio-content h4 { margin-bottom:5px; } .portfolio-content-cat { font-size: 12px; letter-spacing: -.05em; text-transform:uppercase; } .portfolio-content-desc { font-size: 11px; line-height: 1.15em; display: block; margin-top: 15px; padding-top: 15px; text-align: left; border-top: 1px solid #4c4c4c; } .load-wrap { position:absolute; display:block; width:100%; height:100%; background:url(lib/imgs/loading.gif) no-repeat scroll 50% 50%; } .portfolio-title { margin-bottom:40px !important; } .carousel-navigation { position:absolute; right:10px; top:5px; } .carousel-previous, .carousel-next { display:block; width: 20px; height:36px; float:left; text-indent:-9999px; } .carousel-next{ background-position: -60px -36px; margin-left:10px; } .carousel-next:hover{ background-position: -60px 0; } .carousel-previous{ background-position: -60px -108px; } .carousel-previous:hover{ background-position: -60px -72px; } .carousel-next:active, .carousel-previous:active{ margin-top:1px;0 } /* ========================================= SLIDERS (SLIDES) ============================================*/ #slider { display:none; } #slides-slider { display:block; min-height:200px; position:relative; } #slides-slider .slides_container { overflow: hidden; position: relative; } #slides-slider .slides-slider-item { width:auto; height:400px; position:relative; display:block; } #slides-slider .slider-background { z-index:0; display:block; width:100%; position:absolute; left:0; } #slides-slider .slider-content-container { width:940px; position:relative; margin:0 auto; } #slides-slider .slider-text-container { z-index:101; display:block; position:absolute; left:0; top:0; } #slides-slider .slider-image { z-index:100; position:absolute; bottom:0; text-align:center; overflow:hidden; } #slides-slider .slider-image span{ z-index:100; position:absolute; top:0; left:0; width: 100%; height:100%; } #slides-slider .slider-image img { z-index:99; } .slider-nextprev { width: 100%; position:absolute; bottom: 130px; z-index:50; } .hide-when-loading .slider-nextprev { /*display:none; */ } #slides-slider .slider-nextprev-wrap { width: 150px; margin: 0 auto; position:relative; } #slides-slider .slider-nextprev a { display:block; top:0; width: 75px; height:100px; position:absolute; background: url(lib/imgs/slider-navigation.png) no-repeat scroll 0 0; } #slides-slider .slider-nextprev a.prev { left:0; background-position: 0 0; } #slides-slider .slider-nextprev a.next { right:0; background-position: 100% 0; } #slides-slider .slider-nextprev a span { display:block; width: 24px; height: 32px; margin: 20px auto 0; text-indent: -999px; background: url(lib/imgs/sprite.png) no-repeat scroll 0 0; } #slides-slider .slider-nextprev a.prev span { background-position: -36px 0; } #slides-slider .slider-nextprev a.prev:hover span { background-position: -36px -32px; } #slides-slider .slider-nextprev a.next span { background-position: -36px -64px; } #slides-slider .slider-nextprev a.next:hover span { background-position: -36px -96px; } #slides-slider .slider-nextprev a:active span { margin-top:21px !important; } /* ========================================= SHARING SERVICES ============================================*/ .blog-post-ss { text-align:center; } .blog-post-ss a { margin: 5px 2px; } .permalink { font-size:11px; font-style:italic; color:#ccc; display:block; padding-bottom: 10px; } /* ========================================= SERVICES ============================================*/ .services h3{ /*float:left;*/ margin:5px 10px 15px 0; } .services .icon{ float:left; margin:-13px 10px -10px 0; } /* ========================================= prettyPhoto Ribbons ============================================*/ .prettyPhoto, .frame { position:relative; } .frame .plus-ribbon { position:absolute; width: 20px; height: 20px; top: -5px; right: -5px; background: url(lib/imgs/prettyPhoto-plus.png) no-repeat; } /* ========================================= SHADOWS ============================================*/ .make-shadow { position:relative; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); } .shadows { z-index:-1; height:0; line-height:0; } .shadows .shadow-t, .shadows .shadow-r, .shadows .shadow-b, .shadows .shadow-l{ position:absolute; } .shadows .shadow-t { width:100%; height:10px; background:url(lib/imgs/shadows/top.png) repeat-x; top:-10px;left:0; } .shadows .shadow-b { width:100%; height:10px; background:url(lib/imgs/shadows/bottom.png) repeat-x; bottom:-10px;left:0; } .shadows .shadow-l { height:100%; width:10px; background:url(lib/imgs/shadows/left.png) repeat-y; top:0;left:-10px; } .shadows .shadow-r { height:100%; width:10px; background:url(lib/imgs/shadows/right.png) repeat-y; top:0;right:-10px; } .shadow-corner-tl, .shadow-corner-tr, .shadow-corner-br, .shadow-corner-bl{ background:url(lib/imgs/shadows/corners.png) no-repeat; position:absolute; width:10px; height:10px; } .shadow-corner-tl{ background-position: 0 0;left:-10px;top:-10px;} .shadow-corner-tr{ background-position: -10px 0;right:-10px;top:-10px;} .shadow-corner-bl{ background-position: 0 -10px;bottom:-10px;left:-10px;} .shadow-corner-br{ background-position: -10px -10px;bottom:-10px;right:-10px;} /* ========================================= LOGIN BOX ============================================*/ #login-container { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10000; } #login-container #overlay { background-color: #000; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #login-container #content-container-in-modal { position: relative; padding: 50px; display:block; width: 640px; margin: 150px auto 100px; background:#fff; z-index: 10000; } #login-container #content-container-in-modal #modal-loading { background:url(lib/imgs/loading.gif) no-repeat scroll 50% 50%; height: 100px; } #login-container #modal-container-close { position:absolute; top:-20px; right:-20px; width:42px;height:42px; background: url(lib/imgs/prettyPhoto/close.png) 0 0 no-repeat; cursor: pointer; text-indent: -9999px; } #user-ops-left { float:left; width: 380px; border-right: 1px solid #f1f1f1; padding-right: 25px; } #user-ops-right { float:left; width: 200px; padding-left: 30px; } #user-ops-navigation a{ display:block; padding: 10px 0; border-bottom: 1px solid #f1f1f1; } #menu-profile { float:left; } .user-profile-avatar { float:left; margin: -10px 3px 0 0; } .user-profile-avatar a{ display:block; padding: 3px; background: rgba(255,255,255,.1); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); box-shadow: 0 0 3px rgba(0,0,0,.5); } #user-profile { background: rgba(255, 255, 255, 0.03); border-radius: 2px; margin-top: -20px; padding: 20px 20px 10px; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } /* ========================================= GLOBAL WP ELEMENTS ============================================*/ .aligncenter { display:block; margin-left: auto; margin-right: auto; } .alignleft { display:block; margin-left: 0; margin-right: 40px; float:left; } .alignright { display:block; margin-left: 40px; margin-right: 0; float:right; } .aligncenter .wp-caption-text{ text-align:center; } .alignright .wp-caption-text{ text-align:right; } .size-full { max-width: 100% !important; } #lang_sel { z-index: 3099; } .sticky, .gallery-caption, .bypostauthor { } /* ========================================= PATTERNS ============================================*/ .pattern-1 { background-image: url(lib/imgs/patterns/pattern-1.png); background-repeat:repeat; } /* ========================================= FONTS ============================================*/ body { font-size:13px; font-family: Arial, Helvetica, sans-serif; } .content { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35em; } h1,h2,h3,h4,h5,h6, .font-logo {font-family: 'BebasNeueRegular', Arial;} h1,h2,h3,h4,h5,h6 {font-weight:normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } h1 {font-size: 34px;} h2 {font-size: 28px;} h3 {font-size: 24px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 16px;} #logo-text { font-size:40px; font-weight:normal; } #logo #logo-slogan { font-size:16px; } #logo a { text-decoration:none; cursor:pointer; } .widget, .widget a, #footer a { font-size:13px; line-height:1.4em; color:#999a9a; } .widget a:hover, #footer a:hover { color:#231F20; } .widget li { list-style: none none; line-height:1.7em; } .widget li ul.sub-menu { padding-left:10px; } .sidebar-widget-title, .footer-widget-title, #footer .footer-widget-title a.rsswidget { font-size: 20px; line-height: 1em; } .big-title { font-size:45px; } .portfolio-item.cl_2 h4 {font-size:2em !important;} .portfolio-item.cl_2 .portfolio-content-cat {font-size:1.1em !important;} .portfolio-item.cl_2 .portfolio-content-desc {font-size:1em !important;} /* ========================================= SKIN COLORS ============================================*/ /* Body Background */ body {background-color:#f1f2f2;} /* General Links Color */ a,a:active{color:#2f2f2f;} a:hover {color:#231f20; text-decoration:underline;} #sidebar {color:#999A9A;} #sidebar a{color:#999A9A;} /* Header Links Color */ #header, #header-widget, #header a {color:#2da56f;} #header a:hover {color:#fff;} /* Arrow Color In Navigation Menu */ .the-arrow {border-top:5px solid #4F906E;} /* Logo Text Color */ #logo-text {color:#FFF;} #logo #logo-slogan {color:#f1f2f2;} /* Navigation Menu Level 1 */ ul#navigation-menu-items li.depth-0 > a {color:#4E4A49;} ul#navigation-menu-items li.depth-0 > a:hover, ul#navigation-menu-items li.depth-0.navigation-menu-hover > a {} /* Navigation Menu Other Levels */ ul#navigation-menu-items ul, ul#navigation-menu-items ul ul{background-color:#ccc !important;} ul#navigation-menu-items ul a, ul#navigation-menu-items ul ul a{color:#6f6968 !important;} /* Home Icon In Navigation Menu */ #the-home .the-home-color {background:#4E4A49;} #the-home .the-home-roof-color {border-bottom: 11px solid #4E4A49;} #the-home .the-home-highlight {border-bottom: 1px solid #6f6968;} #the-home:hover .the-home-color {background:#413e3d;} #the-home:hover .the-home-roof-color {border-bottom: 11px solid #413e3d;} #the-home:hover .the-home-highlight {border-bottom: 1px solid #6f6968;} /* Sidebar Colors */ .sidebar-widget-title, .footer-widget-title {color:#4e4a49;} /* Footer Colors */ #footer-text {color:#999a9a;} #footer-text h3 {color:#433f3e;} #footer {} .footer-widget-title {color:#4e4a49;} /* Archives Colors */ .archives { color:#ccc; } /* Portfolio */ .portfolio-overlay { background-color: #1c1c1c; } .portfolio-content h4, .portfolio-content-desc { color:#fff !important; text-shadow: 0 2px 1px #000; } .portfolio-content-cat { color:#d5d5d5 !important; text-shadow: 0 2px 1px #000; } .content{ color:#A3A4A4; } .min-content a { color:#A3A4A4 !important; } .min-content a:hover { color:#231f20 !important; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color:#231f20; } .content h1 span.sub, .content h2 span.sub, .content h3 span.sub, .content h4 span.sub, .content h5 span.sub, .content h6 span.sub { color:#cecece; text-shadow: none; } /* Shortcodes */ .simple_tabs .tab_titles li.current a { color:#2F2F2F !important; } .back-to-page { display: block; width: 42px; height: 42px; background: url(lib/imgs/prettyPhoto/close.png) 0 0 no-repeat; text-indent: -9999px; } #close-container { width: 42px; height: 42px; position: absolute; top: 0; right: 0; cursor: pointer; } .content a { z-index: 100 !important; } #debugger { position:fixed; z-index: 1000; bottom: 30px; right:30px; background:#000; color:#fff; padding: 20px; } .leftside #narrow-content.global-radius{ -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rightside #narrow-content.global-radius{ -webkit-border-top-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -moz-border-radius-bottomleft: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }