/* ************************************************ Theme Name: Essence Theme URI: Description: Essence is a flexible premium template for corporate and personal websites Author: Weblusive Author URI: http://www.weblusive.com Version: 1.0 ************************************************ */ /****************** GLOBAL SETTINGS **************/ html{color:#333} *{margin:0; padding:0; font-size:100.1%; font-family:Arial, Helvetica, sans-serif;line-height:24px;font-weight:400;color:#333;} ul{list-style:none;} img{border:none;} h1, h2, h3, h4, h5, h6{font-family: Georgia, "Times New Roman", Times, serif;color:#000;font-weight: normal;letter-spacing: 0.4px;line-height: 100%;padding-bottom: 10px;} h1{font-size:28px;} h2{font-size:26px;} h3{font-size:22px;} h4{font-size:20px;} h5{font-size:18px;} h6{font-size:16px} a{outline:none;} p{font-size:12px;} p.header-text{color:#696969;font-size:1.1em;margin:14px 0px 20px 0px;line-height:1.4em;font-weight:bold} .big-title{font-size:1.6em;} .utitle{font-weight:bold;border-bottom:dotted 1px #888;margin-top:20px;color:#333;padding-bottom:4px;} /**********************************************************/ /******************* BODY BACKGROUND **********************/ body{background:#ebebeb url(img/bg.png)} /*************************************/ /********* HEADER STRUCTURE **********/ #header{background:url(img/header_bg.png) repeat-x;height:85px;z-index:2;} #header-top{width:960px;margin:0px auto;height:85px;} #logo-container{float:left; width:240px; margin-right:20px; margin-top:16px;} #logo{text-transform:none;} #bg-holder{z-index:-1} #main-wrap{width:100%; position:relative} /***************************************/ /************* TOP MENU ****************/ #menu-container{float:right;width:697px; height:85px;} /*-- ESSENTIAL STYLES --*/ .sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} .sf-menu {line-height:1.0} .sf-menu ul {position:absolute; top:-999em; width:11em;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.2em; /* match top ul list item height */z-index:9999} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top: 0} /*----- SKIN -----*/ .sf-menu {float: right} .sf-menu a {color:#ddd; text-decoration:none; font-size:16px; padding:0px 27px; display:block; line-height:85px; height:85px;} .sf-menu a:hover, .sub-menu li:last-child a:hover{color: #fff; text-shadow:0 0 7px #fff ;} #menu .sub-menu li:last-child a{background:none} .sub-menu{margin-top:51px; background:url('img/menu_bg.png'); width:160px !Important;} ul.sf-menu > li.top{position:relative} ul.sf-menu > li.top > a{font-size:18px} ul.sf-menu{/*background:url('img/menu_divider.png') no-repeat left;*/ } .sub-menu li{line-height:40px; height:40px;} .sub-menu li:first-child{padding-top:0; position:relative; } .sub-menu li:last-child a{} .sub-menu a{background:url('img/submenu_div.png') no-repeat center bottom; display:block; font-size:13px; text-transform:none; line-height:40px; height:40px; text-align:center; padding:0;} .sf-menu li li {height:40px; line-height:40px} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px;} .sf-sub-indicator {position:absolute; display:block;right:16px;top:19px; width:10px;height:10px; text-indent: -999em; overflow:hidden; background:url('img/menu_arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator {top:19px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/} .sf-menu li.top > a > .sf-sub-indicator {background:none;} .menu-pointer{background:url('img/submenu-arrow.png') no-repeat; width:9px; height:5px; display:block; position:absolute; bottom:-5px; left:50%; margin-right:9px; z-index:9999} /********************************************************/ /****************** CONTENT STRUCTURE *******************/ #content{padding:10px 0px 100px 0px; font-size:0.8em; min-height:64px; z-index:11; background: url(img/top-shadow.png) repeat-x top;} #content-inner{min-height:400px; width:960px; margin:0px auto; padding-top:10px;z-index:10;} #title-container{position:relative;margin-bottom:20px;} /***************************************/ /****** HEADING AND INNER TITLES *******/ .top-title.inner{font-size:22px;} .top-title{ padding:0px 0px 6px 0px;font-size:24px;position:relative;line-height:30px; background:url('img/divider.png') repeat-x bottom;margin-bottom:10px;} .small-type{padding-left:24px;text-transform:uppercase;color:#333;font-size:11px;font-weight:bold;display:block;} .with-icon{padding-left:36px;background-position:left top;background-repeat:no-repeat;display:block} .with-icon.about{background-image:url('img/icons/about.png')} .with-icon.enlarge{background-image:url('img/icons/enlarge.png')} .with-icon.project-details{background-image:url('img/icons/project_details.png')} .with-icon.portfolio{background-image:url('img/icons/portfolio.png');} .with-icon.fax{background-image:url('img/icons/fax.png');} .with-icon.email{background-image:url('img/icons/email.png');} .with-icon.phone{background-image:url('img/icons/phone.png');} .with-icon.skype{background-image:url('img/icons/skype.png')} .with-icon.expertise{background-image:url('img/icons/expertise.png');} .with-icon.service-header{background-image:url('img/icons/services2.png');} .with-icon.submit-request{background-image:url('img/icons/submit_request.png');} .with-icon.portfolio-quote{background-image:url('img/icons/portfolio_quote.png');} .with-icon.free-quote{background-image:url('img/icons/free_quote.png');} .with-icon.view-portfolio{background-image:url('img/icons/view_portfolio.png');} .with-icon.process{background-image:url('img/icons/process.png');} .with-icon.vision{background-image:url('img/icons/vision.png');} .with-icon.team{background-image:url('img/icons/team.png');} .with-icon.services{background-image:url('img/icons/services.png');} .with-icon.service1{background-image:url('img/icons/home/service_1.png');} .with-icon.service2{background-image:url('img/icons/home/service_2.png');} .with-icon.service3{background-image:url('img/icons/home/service_3.png');} .with-icon.service4{background-image:url('img/icons/home/service_4.png');} .with-icon.get-quote{background-image:url('img/icons/get_a_quote.png');} .with-icon.download{background-image:url('img/icons/download.png')} .with-icon.reply{background:url('img/icons/reply.png') no-repeat 8px 8px; padding-left:34px} .with-icon.archive{background-image:url('img/icons/buttons/archive.png')} .with-icon.calendar{background-image:url('img/icons/buttons/cal.png')} .with-icon.chart{background-image:url('img/icons/buttons/chart.png')} .with-icon.chat{background-image:url('img/icons/buttons/chat.png')} .with-icon.copy{background-image:url('img/icons/buttons/copy-to-notepad.png')} .with-icon.datagrid{background-image:url('img/icons/buttons/data-grid.png')} .with-icon.edit{background-image:url('img/icons/buttons/edit.png')} .with-icon.id{background-image:url('img/icons/buttons/id.png')} .with-icon.info{background-image:url('img/icons/buttons/info.png')} .with-icon.layout{background-image:url('img/icons/buttons/layout.png')} .with-icon.layout2{background-image:url('img/icons/buttons/layout-2.png')} .with-icon.like{background-image:url('img/icons/buttons/like.png')} .with-icon.lock{background-image:url('img/icons/buttons/lock.png')} .with-icon.package{background-image:url('img/icons/buttons/package.png')} .with-icon.pdf{background-image:url('img/icons/buttons/pdf.png')} .with-icon.print{background-image:url('img/icons/buttons/print.png')} .with-icon.settings{background-image:url('img/icons/buttons/settings.png')} .with-icon.sound{background-image:url('img/icons/buttons/sound.png')} .with-icon.wifi{background-image:url('img/icons/buttons/wi-fi.png')} .with-icon.word{background-image:url('img/icons/buttons/word.png')} .with-icon.zoom{background-image:url('img/icons/buttons/zoom.png')} /******************************************************************/ /************************** DIVIDERS ****************************/ .divider{background:url('img/divider.png') repeat-x bottom;height:2px;} .divider.top-divider{background:url('img/divider.png') repeat-x top;} .bottom-divider{background:url('img/divider.png') repeat-x bottom;} /******************************************************************/ /************ WEBSITE FOOTER AND HOME WIDGET STYLES ***************/ #footer-wrapper{width:960px;margin:0px auto;clear:both;} #footer-top{background: url('img/footer-shadow.png') repeat-x; height:36px; width:100%} #footer{width:100%;border-top:solid 6px #b9b9b9;padding:10px 0px 20px 0px;background: url('img/footer_back.png');} .footer-block, .home-block{float:left;padding:0px 40px;margin-top:14px;margin-bottom:20px;} .footer-block{background:url('img/footer_div.png') no-repeat center left;} .home-block li{padding-bottom:4px;} .home-block li a:hover{text-decoration:underline;} .footer-block h3{font-size:20px; padding-bottom:16px; color:#fff} .footer-block:first-child, .home-block:first-child{padding-left:0 !important;background:none;margin-left:0 !important;} .footer-block:last-child, .home-block:last-child{padding-right:0 !important;} .footer-block li, .home-block li{list-style-image:url('img/footer-post-bullet.png');font-size:12px; } .footer-block li a {text-decoration:none;font-size:1em; line-height:1.8em; color:#d8d8d8} .home-block li a{text-decoration:none;font-size:1em; line-height:1.8em; color:#5} #footer ul.menu li a:hover{border-bottom:dotted 1px #ddd;} #footer-bottom-wrapper{width:960px;margin:auto;} #footer-bottom #copyright{width:400px; float:left; color:#eef7ee; line-height:57px; font-size:11px;height:57px} #footer-bottom #fb-right{float:right; width:400px; text-align:right} #footer-bottom{background:#111111 url(img/bottom_separator.png) repeat-x top; height:57px} .footer-block li { border-top: 1px dashed #3F3F3F;background: url("img/footer-post-bullet.png") no-repeat scroll 0 14px transparent; list-style-image: none;padding: 10px 0 10px 26px;} .footer-block li:first-child{border:none} .footer-block li a{font-size:12px; color:#d8d8d8} .footer-block li a:hover{color:#fff; text-shadow:0px 2px 3px #111} .home-block h3{font-size:24px} .home-block{background:none;border-right:dotted 1px #000;height:140px;overflow:hidden;margin-bottom:10px;} .home-block:last-child{border:0px !important;} .footer-block, .footer-block li, .footer-block a, .footer-block p{color:#d8d8d8} /*******************************************************************/ /*************************** ABOUT PAGE ****************************/ .desc-block-1 .image-wrapper{width:160px;height:160px;background:url('img/frame.png');text-align:center;vertical-align:middle;float:left;margin:0px 30px 0px 0px;} .desc-block-1 .image-wrapper img{margin:16px 0px 0px 2px;width:130px;height:130px;} .desc-block-1 {width:620px; margin:20px 0px 40px 0px;} .desc-block-1 h4{font-weight:bold;padding:6px 0px;} .desc-block-1 h5{font-weight:normal;font-size:0.9em;color:#333;font-style:italic;} div.about-team p{clear:none; padding-top:20px;} /*******************************************************************/ /************************ FLICKR, etc... ***************************/ ul.features-list{padding:10px 0px 0px 10px;} ul.features-list li{list-style:square;margin-bottom:10px;font-size:13px; } ul.features-list li a{font-size:13px; text-decoration:none;color:#333;} ul.features-list li a:hover{border-bottom:dotted 1px #333;color:#000;} #subsc-desc{font-size:12px;margin-bottom:10px; color:#D8D8D8} #feedburned input[type="text"]{width:180px;} #feedburned input[type="submit"]{float:right;} .last-b{padding-right:0px !important;} a.social-button{margin-right:6px} .flickr_badge_image{float:left; margin-right:12px} .flickr_badge_image img{border: 4px solid #202020;height: 46px;padding: 0 !important;width: 46px} .flickr_badge_beacon{clear:both} /*******************************************************************/ /************************** PORTFOLIO PAGE *************************/ .portfolio-block-small{width:290px; float:left; margin:0px 45px 45px 0px; position: relative;} .portfolio-block{margin:0px 0px 45px 0px; position: relative;} .portfolio-block-small.edge, .portfolio-block.edge{margin-right:0;} .portfolio-block-small p.small-block-image-wrapper{background:url('img/block_back_2.png') no-repeat;text-align:center;width:290px;height:170px;padding:0;} .portfolio-block p.block-image-wrapper{background:url('img/block_back_medium.png') no-repeat;text-align:center;width:530px;height:250px;padding:0;float:left;} .portfolio-block-small h3, .portfolio-block h3{margin:10px 0px 0px 4px;font-weight:bold;color:#606060; } .portfolio-block h3{margin:4px 0px 6px 0px;text-transform:uppercase;} .portfolio-block-small p{padding:0px 4px;margin-top:6px;} p.small-block-image-wrapper img, p.block-image-wrapper img {padding-top:10px; } p.block-image-wrapper img {width:510px;height:230px;} .desc-block{float:left;margin-left:30px;width:400px} ul#portfolio-filter{ margin: 0; padding: 0; height: 64px;line-height: 64px; } ul#portfolio-filter li{ display: inline; } ul#portfolio-filter a, .widget_tag_cloud a{ margin-right: 0.5em; padding: 0.3em 1em; border:solid 2px #d0d0d0;color: #555; font-weight: bold; text-decoration: none; outline:none;} ul#portfolio-filter a:hover, ul#portfolio-filter a.current{} ul#portfolio-filter a.current{ background-color: #DEDEDE; color:#333;} ul#portfolio-list{ margin: 0; padding: 0; list-style: none; } ul#portfolio-list li{width:286px; height: 310px; display: block; float: left; margin: 0px 50px 45px 0px; overflow: hidden; position:relative; padding:0px 0px 20px 0px;} ul#portfolio-list li:hover{} ul#portfolio-list li.edge, ul#portfolio-list.cols-2 .edge, ul#portfolio-list.cols-4 .edge{margin-right:0;} ul#portfolio-list li img{width:270px;height:150px;cursor:pointer;position:relative;border:solid 8px #fff;} ul#portfolio-list li h4 a{margin-top:8px;font-weight:normal;color:#2bb9e1;text-align:left; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif} ul#portfolio-list li span.poverlay {background: url("img/item-overlay.png") transparent;height: 150px;left: 8px;position: absolute;top: 8px;width: 270px;} ul#portfolio-list li a.zoom-icon, ul#portfolio-list li a.more-icon {display: block;height: 61px;position: absolute;text-indent: -9999px;top: 60px;width: 61px;outline:none;} ul#portfolio-list li a.zoom-icon {background: url("img/work_magnify.png") no-repeat scroll 0 0 transparent;left: 91px;} ul#portfolio-list li a.zoom-icon.video {background-image: url("img/work_video.png")} ul#portfolio-list li a.more-icon {background: url("img/work_view.png") no-repeat scroll 0 0 transparent;left: 178px;} /****** 2 Columns Portfolio *******/ ul#portfolio-list.cols-2 li{width:436px; height: 350px; margin: 0px 88px 40px 0px; } ul#portfolio-list.cols-2 li img{width:420px;height:255px;} ul#portfolio-list.cols-2 li span.poverlay {height: 255px;width: 420px;} ul#portfolio-list.cols-2 li a.zoom-icon, ul#portfolio-list.cols-2 li a.more-icon {height: 100px;top: 116px;width: 100px;} ul#portfolio-list.cols-2 li a.zoom-icon {left: 140px;} ul#portfolio-list.cols-2 li a.more-icon {left: 218px;} /****** 4 Columns Portfolio *******/ ul#portfolio-list.cols-4 li{width:216px; height: 300px; margin: 0px 30px 30px 0px; } ul#portfolio-list.cols-4 li img{width:200px;height:120px;} ul#portfolio-list.cols-4 li span.poverlay {height: 120px;width: 200px;} ul#portfolio-list.cols-4 li a.zoom-icon, ul#portfolio-list.cols-4 li a.more-icon {height: 50px;top: 50px;width: 50px;} ul#portfolio-list.cols-4 li a.zoom-icon {left: 100px;} ul#portfolio-list.cols-4 li a.more-icon {left: 128px;} /****** 1 Column ******/ ul#portfolio-list.cols-1 li{width:100%; height: 350px; margin: 0px 0px 40px 0px; } ul#portfolio-list.cols-1 li img{width:500px;height:305px;display:block;} ul#portfolio-list.cols-1 li h4{padding-left:0px;} ul#portfolio-list.cols-1 li div{float:left; width:420px} ul#portfolio-list.cols-1 li div:first-child{margin-right:20px;float:left;width:516px;} ul#portfolio-list.cols-1 p, ul#portfolio-list.cols-1 .read-more{display:block;} ul#portfolio-list.cols-1 p{padding-left:0;} ul#portfolio-list.cols-1 li span.poverlay {height: 305px;width: 500px; } ul#portfolio-list.cols-1 li a.zoom-icon {height: 50px;top: 130px;left:140px;width: 50px; } ul#portfolio-list.cols-1 li a.more-icon {left: 160px; top: 130px;} ul#portfolio-list.cols-1 li a.read-more{margin-left:0;} a.read-more{margin:10px 0px 0px 2px; background: url("img/read_more.png") no-repeat scroll 0px 6px transparent;color: #000000;display:block;padding:0px 0px 10px 20px;text-decoration: none;font-weight:bold;font-style: normal;} a.read-more span{font-size:14px;color:#000;} /****** Related Posts ******/ .related-cats{width:100px;height:100px; float:left;margin-right:20px;} .related-cats img{border: 4px solid #d0d0d0;cursor: pointer;display:block; } .related-cats a{text-decoration:none;color:#666;margin-top:6px;display:block;} .related-cats a:hover{text-decoration:underline;} .related-posts li{width:50%;text-align:left;float:left;margin-bottom:20px;} .related-posts .list-post-desc{width:214px;} .related-posts .list-post-desc a{font-weight:normal;} .related-posts {background:#ebebeb; padding:10px 14px; margin-bottom:50px} /*******************************************************************/ /************************* CONTACTS PAGE ***************************/ #contact-left{float:left; width:358px; margin-right:50px;} #contact-right{float:left; width:552px} #contact-form{margin:10px 0px;width:330px;background:url(img/trans_bg.png); padding:14px} #contact-form label{display:block; float:left;width:80px;font-size:14px;} #contact-form div{margin-bottom:20px;} #contact-form label.error{color:red; font-size:10px; float:right;width:150px;line-height:12px;text-align:right;} #contact-form input.txt.error, #contact-form textarea.error { } #contact-form input[type="text"], #contact-form textarea{margin-bottom:0px} #contact-form input.txt, #contact-form textarea{width:250px; line-height:21px;border:none;padding:0;} #contact-form input.txt{background:url('img/contact_bg.png') no-repeat; filter:none;} #contact-form textarea{background:url('img/contact_bg.png') repeat-y;height:10em; filter:none;} #contact-form button#send{float:right;margin:10px 12px 0px 0px;color:#000;line-height:22px;} span.error{color:red;font-size:11px;font-weight:bold;} .success-message{color:#093;background:url('img/trans_bg.png');padding:5px;} /*******************************************************************/ /************************* MISCELLANEOUS ***************************/ .medium-text, .medium-text span{font-size:25px;} #map{border:solid 4px #d0d0d0} .clear{clear:both} #heading-title{background-color:#222;height:30px;} #heading-title h2{color:#FFF;letter-spacing:0.1em;margin-left:20px;} .slogan{margin:14px 0px; line-height:44px; font-size:30px} .headline-block{width:270px; float:left; margin:2px 22px 0px 0px;width:198px;height:100px} .edge{margin-right:0px !important} .post-edit-link, .comment-edit-link{font-weight:bold;background:url(img/icons/edit.png) no-repeat 0px 0px;padding-left:26px;height:25px;line-height:25px;color:#ff0000;margin-top:20px;} .slidecaption h2.accdemotitle{display:none;} .featured-block img{float:left;padding: 0px 6px 6px 0px;} .featured-block h3{font-size:15px} .navigation{margin-top:20px} .scroll {height: 390px;width: 250px;overflow: auto;overflow-x: hidden;position: relative;clear: left;} .scrollContainer div.panels {height: 360px;width: 250px;} .scrollButtons {position: absolute;top: 370px;cursor: pointer;} .scrollButtons.left {left: 10px;} .scrollButtons.right {right: 0px;} .hide {display: none;} .inner-list{padding-left:16px;} .inner-list li{background:url('img/list_back.png') no-repeat 0px 0px;list-style-type:decimal;margin-bottom:20px;color:#333;} /*******************************************************************/ /************************ BUTTON STYLES ***************************/ .button{display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;border:none;cursor: pointer;text-align: center;text-decoration: none;padding: .2em .4em;-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2);-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1);box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .button span{color:#FFF;font-size: 13px;padding: .21em 1.2em .11em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase} .square{-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;} .bigrounded {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .button.small {padding: 1px 2px;} .button.small span{font-size: 11px;} .button.big{padding: 0.7em 1.5em 0.8em;} .button.big span{font-size: 13px;} .button.small span.with-icon, .button.big span.with-icon, .button span.with-icon{padding:0px 4px 0px 32px; background-position:left center} .button.huge span.with-icon{padding-left:50px} .button.huge{padding: 1.2em 3em 1.4em;line-height: 1.2em;} .button.huge span{font-size:13px;display:block;vertical-align: middle;color:#333; } .button.multiline{line-height:1.2em;padding:0.4em;} .button.multiline span{display:block;font-size:1.1em;line-height:1.2em;} .submit-button{padding:4px;text-transform:uppercase; font-weight:bold; font-size:12px; display:block; } .submit-button span{text-transform:uppercase; font-weight:bold; font-size:12px; display:block; padding-left:24px;} /*-------- color styles ------- */ .black-back {border:solid 1px #262525;background: #656565;background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#262525));background: -moz-linear-gradient(top, #656565, #262525);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#262525');} .button.black-back:hover {background: #333;} .blue1-back {border:solid 1px #06447f;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#426fa0), to(#062441));background: -moz-linear-gradient(top, #426fa0, #062441);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426fa0', endColorstr='#062441');} .blue1-back:hover {background: #426fa0;} .blue2-back {border:solid 1px #287485;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#b8eefa), to(#68b5c5));background: -moz-linear-gradient(top, #b8eefa, #68b5c5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8eefa', endColorstr='#68b5c5');} .button.blue2-back:hover {background: #7bc3d2;} .blue2-back span{color:#082530;} .blue3-back {border:solid 1px #288694;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#54cbcc), to(#288694));background: -moz-linear-gradient(top, #54cbcc, #288694);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54cbcc', endColorstr='#288694');} .blue3-back:hover {background: #288694;} .red1-back {border:solid 1px #950000;background: #fd2323;background: -webkit-gradient(linear, left top, left bottom, from(#fd2323), to(#a50202));background: -moz-linear-gradient(top, #fd2323, #a50202);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd2323', endColorstr='#a50202');} .red1-back:hover {background: #ba0a0a;} .no-back{background:none} .toggle-back{background: #e4e4e4;} .toggle-back:hover{background:#d4d4d4;} .white-back, input[type="submit"] {border: solid 1px #b0b0b0;background: #dadad9;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadad9));background: -moz-linear-gradient(top, #ffffff, #dadad9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadad9');} .white-back span{color: #111;} .button.white-back:hover {background: #dadad9;background: -webkit-gradient(linear, left top, left bottom, from(#dadad9), to(#ffffff));background: -moz-linear-gradient(top, #dadad9, #ffffff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadad9', endColorstr='#ffffff');} .golden-back {border: solid 1px #7b571b;background: #deb22f;background: -webkit-gradient(linear, left top, left bottom, from(#deb22f), to(#7b571b));background: -moz-linear-gradient(top, #deb22f, #7b571b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb22f', endColorstr='#7b571b');} .golden-back span{color: #493916;} .button.golden-back:hover {background: #b18927;background: -webkit-gradient(linear, left top, left bottom, from(#b18927), to(#dbae2f));background: -moz-linear-gradient(top, #b18927, #dbae2f);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b18927', endColorstr='#dbae2f');} .green-back {color: #e8f0de;border: solid 1px #538312;background: #64991e;background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));background: -moz-linear-gradient(top, #7db72f, #4e7d0e);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');} .button.green-back:hover {background: #538018;background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));background: -moz-linear-gradient(top, #6b9d28, #436b0c);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');} .green2-back {border: solid 1px #1cbc94;background: #62c676;background: -webkit-gradient(linear, left top, left bottom, from(#62c676), to(#1cbc94));background: -moz-linear-gradient(top, #62c676, #1cbc94);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c676', endColorstr='#1cbc94');} .button.green2-back:hover {background: #37c38c;} .magenta-back {border: solid 1px #6e4166;background: #ae4889;background: -webkit-gradient(linear, left top, left bottom, from(#ae4889), to(#6e4166));background: -moz-linear-gradient(top, #ae4889, #6e4166);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae4889', endColorstr='#6e4166');} .button.magenta-back:hover {background: #884273;} .brown-back {border: solid 1px #361d0a;background: #74552a;background: -webkit-gradient(linear, left top, left bottom, from(#74552a), to(#361d0a));background: -moz-linear-gradient(top, #74552a, #361d0a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74552a', endColorstr='#361d0a');} .button.brown-back:hover {background: #5a3d1d;} .brown-back span{color: #e9d6bd;} .brown2-back {border: solid 1px #740700;background: #ba361b;background: -webkit-gradient(linear, left top, left bottom, from(#ba361b), to(#740700));background: -moz-linear-gradient(top, #ba361b, #740700);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba361b', endColorstr='#740700');} .button.brown2-back:hover {background: #931c0c;} .purple-back {color: #fff;border: solid 1px #351118;background: #74552a;background: -webkit-gradient(linear, left top, left bottom, from(#852a53), to(#351118));background: -moz-linear-gradient(top, #852a53, #351118);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852a53', endColorstr='#351118');} .button.purple-back:hover {background: #5f1c35;} .grey-back {border:solid 1px #8e9082;background: #d0dbc0;background: -webkit-gradient(linear, left top, left bottom, from(#d0dbc0), to(#8e9082));background: -moz-linear-gradient(top, #d0dbc0, #8e9082);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0dbc0', endColorstr='#8e9082');} .button.grey-back:hover {background: #b3bea3;} .grey-back span{color:#000;} .orange-back {border: solid 1px #da7c0c;background: #f78d1d;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top, #faa51a, #f47a20);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');} .button.orange-back:hover {background: #f47c20} .brown3-back {border: solid 1px #ab430e;background: #e89920;background: -webkit-gradient(linear, left top, left bottom, from(#e89920), to(#ab430e));background: -moz-linear-gradient(top, #e89920, #ab430e);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e89920', endColorstr='#ab430e');} .button.brown3-back:hover {background: #d56415;} .red2-back {border: solid 1px #ae3d21;background: #de4f2c;background: -webkit-gradient(linear, left top, left bottom, from(#de4f2c), to(#ae3d21));background: -moz-linear-gradient(top, #de4f2c, #ae3d21);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de4f2c', endColorstr='#ae3d21');} .button.red2-back:hover {background: #ad3f25;} .navy-back {border: solid 1px #06447f;background: #426fa0;background: -webkit-gradient(linear, left top, left bottom, from(#426fa0), to(#06447f));background: -moz-linear-gradient(top, #426fa0, #06447f);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426fa0', endColorstr='#06447f');} .button.navy-back:hover {background: #0e3153;} .blue4-back {border: solid 1px #585e8b;background: #8088c0;background: -webkit-gradient(linear, left top, left bottom, from(#8088c0), to(#585e8b));background: -moz-linear-gradient(top, #8088c0, #585e8b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8088c0', endColorstr='#585e8b');} .button.blue4-back:hover {background:#686fa0;} .yellow-back {border: solid 1px #e4a600;background: #ffd520;background: -webkit-gradient(linear, left top, left bottom, from(#ffd520), to(#e4a600));background: -moz-linear-gradient(top, #ffd520, #e4a600);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd520', endColorstr='#e4a600');} .button.yellow-back:hover {background:#ffc012;} .yellow-back span{color:#000} .pink-back {border: solid 1px #d34d71;background: #fc6da2;background: -webkit-gradient(linear, left top, left bottom, from(#fc6da2), to(#d34d71));background: -moz-linear-gradient(top, #fc6da2, #d34d71);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc6da2', endColorstr='#d34d71');} .button.pink-back:hover {background: #e25882;} .right-aligned{float:right;margin:0px 4px 10px 0px} /*******************************************************************/ /************************** COMMENTS ******************************/ ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist li { margin:0 0 5px; padding:5px 7px 5px 72px; position:relative; background:url(img/divider.png) repeat-x bottom; margin-bottom:10px} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.comment-author{font-size:20px;} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; } ol.commentlist li div.vcard cite.fn, cite.fn a.url { font-size: 14px; color:#1DB5E0} ol.commentlist li div.vcard cite.fn a.url {font-weight:bold; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { background: #fff; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px;position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; margin:5px 0 12px; } ol.commentlist li ul { font-weight:normal; font-size: 12px; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply{position:absolute; right:0px; top:6px; background-color:#F6F6F6} ol.commentlist li div.reply a { text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; text-transform:uppercase} ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li{border-top:dotted 1px #858585; background:none} ol.commentlist li ul.children li.depth-2 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:28px 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:28px 0 3px; } ol.commentlist ul.children li.odd {} ol.commentlist ul.children li.even {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } a.comment-date{color:#555;font-size:12px;text-decoration:none;} #commentform input[type="text"], #commentform textarea{margin-bottom:20px;width:350px;} #commentform label{display:block} /*******************************************************************/ /********************* COMMON FORM STYLES *************************/ form input[type="text"], select, textarea{height:21px;border:solid 1px #bdbdbd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:4px;background: #e4e4e4;background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f7f7f7));background: -moz-linear-gradient(top, #e4e4e4, #f7f7f7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#f7f7f7');margin-bottom:10px;} form input:focus, select:focus, textarea:focus {outline-width:0;} form textarea{width:275px;height:100px;} form select{width:286px;height:29px;} form input[type="text"]{padding:2px 6px;font-size:12px; font-style:italic} form input[type="submit"], button{ height:27px;color:#000; font-size:12px; line-height:23px; margin-top:1px} /*******************************************************************/ /*************************** 404 PAGE *****************************/ #error-page-list a{font-size:14px;} #error-page-list a:hover{text-decoration:none; } #error-page-list{padding:0px 0 0 24px;} #error-page-list li{font-size:14px;} #search-form{padding-top:10px;} #search-form label{display:block;font-weight:bold;padding-bottom:6px;font-size:14px;} #search-form input{float:left;} #search-form input.txt{margin-right:4px;height:20px;padding:2px 8px;width:170px;} #search-form #search-submit{height:26px;padding:0px 0px 2px 0px;text-shadow:none; line-height:26px; margin:0 !important} .error-descr-block .inner-title{margin:40px 0px 6px 0px;} /*******************************************************************/ /************************ PRICING TABLES **************************/ #pricing-table-1, #pricing-table-2{margin:40px 0px; } #pricing-table-1 .column, #pricing-table-2 .column{position:relative;float:left;text-align:center;margin-right:16px;} #pricing-table-1 .column{width:200px;background: #f9f9f9;background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ebebeb));background: -moz-linear-gradient(top, #f9f9f9, #ebebeb);border:solid 4px #DEDEDE;padding:10px 10px 20px 10px;} #pricing-table-2 .column{width:226px;background: #404040;background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#1b1b1b));background: -moz-linear-gradient(top, #404040, #1b1b1b);margin-right:18px;padding:10px 0px 20px 0px;-moz-box-shadow: 0 0 10px #BBB;-webkit-box-shadow: 0 0 10px #BBB;box-shadow: 0 0 10px #BBB;-moz-border-radius:5px;border-radius: 5px;-webkit-border-radius: 5px;} #pricing-table-1 .column.last-item, #pricing-table-2 .column.last-item{margin-right:0;} #pricing-table-1 .column:hover{-moz-box-shadow: 0 0 10px #CCC;-webkit-box-shadow: 0 0 10px #CCC;box-shadow: 0 0 10px #CCC;-moz-border-radius:6px;border-color:#DBDBDB;cursor:pointer;} #pricing-table-2 .column:hover{-moz-box-shadow: 0px 0 16px #111;-webkit-box-shadow: 0px 0 16px #111;box-shadow: 0px 0 16px #111;cursor:pointer;} #pricing-table-1 ul, #pricing-table-2 ul{list-style:none;padding-bottom:20px;} #pricing-table-2 ul{padding-bottom:40px;} #pricing-table-1 h2{border-bottom:dotted 1px #333;padding-bottom:10px;font-size:2em;margin-bottom:10px;} #pricing-table-2 h2{text-align:left;text-transform:uppercase;font-size:1.2em;text-shadow:#000 1px 0px 0px;padding-left:20px; } #pricing-table-2 h2, #pricing-table-2 h3{background:url('img/pricing-tables/separator_2.png') no-repeat bottom center;padding-bottom:10px;margin-bottom:10px;color:#FFF;} #pricing-table-2 h3.price{font-size:3.6em;padding:16px 0px 26px 0px;} #pricing-table-1 li{background:url('img/pricing-tables/separator_1.png') no-repeat bottom center;color:#333;padding-bottom:6px;line-height:30px;} #pricing-table-2 li{color:#ffffff;padding-bottom:6px;line-height:30px;text-align:left;background-position:28px 10px;background-repeat:no-repeat;background-image:url('img/pricing-tables/check_white.png');padding-left:50px;} #pricing-table-2 .best-value{position:absolute; right:-11px; top:0px;background:url('img/pricing-tables/best_value_badge.png') no-repeat;width:111px;height:104px;display:block;} #pricing-table-2 .button, #pricing-table-1 .button{font-size:13px; text-transform:uppercase;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:2px 24px;color:#000;} #pricing-table-1 .button{color:#FFF;} /*******************************************************************/ /************************ SITEMAP STYLES **************************/ /* -------- Top Level --------- */ .sitemap ul{list-style:none;} .sitemap a{text-decoration:none;} .primary-navigation {margin: 0;float: left;width: 100%;} .primary-navigation #home {display: block;float: none;background: url('img/tree/L1-left.png') center bottom no-repeat;position: relative;z-index: 2;padding: 0 0 30px 0;} .primary-navigation li {float: left;background: url('img/tree/L1-center.png') center top no-repeat;padding: 30px 0;margin-top: -30px;} .primary-navigation li a {margin: 0 20px 0 0;padding: 12px 10px;display: block;font-size: 12px;font-weight: bold;text-align: center;color: #333; background: url('img/tree/white-highlight.png') top left repeat-x;background-color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top, #fff, #ededed);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#e6e6e6', endColorstr='#CCCCCC'); /* IE6 & IE7 */border:solid 1px #a4a4a4;-webkit-box-shadow:#DDD 0px 0px 2px 2px; -moz-box-shadow: #DDD 0px 0px 2px 2px; } .primary-navigation li a:hover{background-color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top, #ededed, #fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');} .primary-navigation li:last-child {background: url('img/tree/L1-right.png') center top no-repeat;} /* -------- Second Level --------- */ .sitemap .primary-navigation li li {width: 100%;clear: left;margin-top: 0;padding: 20px 0 0 0;background: url('img/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a {padding:5px 6px;color:#555;} .sitemap .primary-navigation li li a:hover {border-color: #94b75f;background-color: #e7f1d7;color:#333;} .sitemap .primary-navigation li li:first-child {padding-top: 30px;} .sitemap .primary-navigation li li:last-child {background: url('img/tree/vertical-line.png') center bottom repeat-y;} .sitemap .primary-navigation li li a:link:before, .sitemap .primary-navigation li li a:visited:before {color: #8faf5c;} /* -------- Third Level --------- */ .sitemap .primary-navigation li li ul {margin: 10px 0 0 0;width: 100%;float: right;padding: 9px 0 10px 0;background: url('img/tree/L3-ul-top.png') center top no-repeat;} .sitemap .primary-navigation li li li {background: url('img/tree/L3-center.png') left center no-repeat;padding: 5px 0;} .sitemap .primary-navigation li li li a {font-size: 12px;padding: 5px 0;width: 80%;float: right;} .sitemap .primary-navigation li li li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap .primary-navigation li li li:first-child {padding: 15px 0 5px 0;background: url('img/tree/L3-li-top.png') left center no-repeat;} .sitemap .primary-navigation li li li:last-child {background: url('img/tree/L3-bottom.png') left center no-repeat;} .sitemap .primary-navigation li li li a:link:before, .sitemap .primary-navigation li li li a:visited:before {color: #ccae14;font-size: 9px;} .sitemap {margin: 40px 0;float: left;width: 100%;} /* ----- Utility Navigation ------*/ .sitemap #utilityNav {float: right;max-width: 50%;margin-right: 10px;} .sitemap #utilityNav li {float: left;margin-bottom: 10px;} .sitemap #utilityNav li a {margin: 0 10px 0 0;padding: 5px 10px;display: block; border: 2px solid #e3ca4b;font-size: 12px;font-weight: bold;text-align: center;color: black;background: #fff7aa url('img/tree/white-highlight.png') top left repeat-x;} .sitemap #utilityNav li a:hover {background-color: #fffce5;border-color: #d1b62c;} .sitemap #utilityNav li a:link:before, .sitemap #utilityNav li a:visited:before {color: #ccae14;font-size: 9px;margin-bottom: 3px;} ul.sidebar-list{list-style:none;margin:10px 0px;} ul.sidebar-list li{height:40px;line-height:40px;border-bottom:dotted 1px #CCC;padding-left:4px;} ul.sidebar-list a{ text-decoration:none;color:#333;font-size:14px;} ul.sidebar-list a:hover{color:#777;} .sitemap .sub-menu{background: none;margin-top: 0;width: 160px !important;} .sitemap .sub-menu li{height:52px;} /*******************************************************************/ /************************ BLOG TABS LIST **************************/ ul.tab-list{list-style:none;margin:10px 0px;} ul.tab-list img{border:solid 2px #bcc2b2;float:left;} ul.tab-list li{clear:both;height:40px;line-height:20px;border-bottom:dotted 1px #CCC;padding:0px 0px 10px 4px;margin-bottom:10px;} ul.tab-list a{ text-decoration:none;color:#333;font-size:12px;float:left;margin-left:10px;display:block;width:180px;} ul.tab-list a:hover{color:#777;} ul.split-list{width:125px;float:left;margin-right:15px;} ul.split-list li{line-height:30px;height:30px;} ul.split-list li a{text-transform:uppercase;font-size:11px;} .archives-block h4{margin:10px 0px 0px 4px;font-size:11px;font-weight:bold;text-transform:uppercase;color:#333;float:left;width:125px;} /*******************************************************************/ /************************* PAGINATION *****************************/ .wp-pagenavi{border-top:solid 1px #CCC;padding:10px;margin-top:40px;} .wp-pagenavi .pages { float: right; font-size: 13px; height: 29px; line-height: 29px; display: inline-block!important; padding: 0 13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current { text-decoration:none;color:#585858;font-weight:bold;padding: 4px 10px;border: 1px solid #ccc; text-decoration:none;font-weight:normal;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#c8c8c8));background: -moz-linear-gradient(top, #fcfcfc, #c8c8c8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#c8c8c8'); margin-right:6px;} .wp-pagenavi span.current, .wp-pagenavi a:hover { border-color: #d0d0d0;font-weigh:bold;text-shadow:#000 1px 0px 0px;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);margin-right:6px;} .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last { display: none!important; } #breadcrumb-container {color:#333;position:absolute;right:2px;top:4px;} #breadcrumb-container a, #breadcrumb-container span{color:#333;font-size:12px;text-transform:none;} /*******************************************************************/ /*************************** BLOG **********************************/ .post-block, .type-post, .type-portfolio{background:url('img/divider.png') repeat-x bottom;padding-bottom:20px;margin-top:10px;clear:both;position:relative;margin-bottom:30px;} .post-block{background:#e3e3e3;padding:20px;} .post-block-inside{margin:0px 0px 20px 0px;position:relative;} .post-block-inside .post-thumb{float:none;margin:10px 0px 30px 0px;} .post-thumb{float:left;display:block;margin-right:10px;width:260px;} .post-desc{float: left;margin: 0 0 10px 16px;width: 280px;} .post-thumb img{width:260px;height:180px;margin-top:6px;} .post-categories {display:inline;background:url('img/li-divider.png') no-repeat left;padding-left:10px;margin-left:10px;} .post-categories a, .post-comm{font-size:14px; text-decoration:none;} .post-comm{float:right;} .post-categories a:hover{text-decoration:underline;} .post-categories li:last-child{background:none;} h3.post-title, h3.post-title a{font-size:20px;color:#000;} h3.post-title{background:url('img/divider.png') repeat-x bottom;padding-bottom:10px;} h3.post-title a{text-decoration:none;} a.read-more{color:#333;font-weight:bold;} p.post-date, p.post-date span{color:#333;margin:4px 0px;font-size:11px;} .date-label{float:left;color:#1db5e0;font-size:14px;} .post-block.inner .date-label, .post-block.inner .post-categories a{font-size:14px !important;} .related-post{float:left;width:290px;height:90px;overflow:hidden;margin:0px 28px 30px 0px;} .from-the-blog h5{font-weight:bold;} .from-the-blog img{width:75px; height:75px;border:solid 4px #a0a0a0;float:left;margin:0px 8px 8px 0px;} .from-the-blog a.read-more{clear:both;float:right;display:block;} .from-the-blog li{clear:both;list-style:none;} .from-the-blog li span.clear{display:block;height:20px;} .top-title.search span{display:inline} .search-term-res{font-style:italic;color:red !important;font-weight:bold;display:inline !important;} #latest-from-blog{float:right;margin:-4px 0 0 0;width:250px;} #blog-slider{width:250px;height:400px;overflow:hidden;float:left;margin:0px;position:relative;} .author-inner{margin-left:10px; font-size:14px; float:left} .author-inner a{text-decoration:none} .author-inner a:hover{text-decoration:underline} .entry-title a{line-height:30px; text-decoration:none;} .post-meta a{color:#333;} /* ----- Blog TABS ------ */ .usual {color:#111;width:276px;margin:8px auto;} .tabs-block li { list-style:none; float:left; } .tabs-block a {display:block;padding:4px 10px;text-decoration:none!important;margin:1px;margin-left:0;text-transform:uppercase;color:#000;background:#c5c7b9;outline:none;font-weight:bold;font-size:10px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius: 8px;border-top-right-radius: 8px;} .tabs-block a:hover {color:#FFF;background:#333;} .tabs-block a.selected {background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#999));background: -moz-linear-gradient(top, #888, #999);-pie-background: linear-gradient(#888, #000 #999);cursor:default;color:#FFF;} .usual div {padding:10px 10px 8px 10px;*padding-top:3px;*margin-top:-15px;clear:left;border:solid 4px #babdb6;background:#e6e6e6;} /* ----- Blog ADS ------ */ .ad-block{border:solid 1px #ccc;text-align:center;color:#333;font-size:11px;font-weight:bold;float:left;margin:14px 14px 14px 0px;background:#e7e7e7;} .ad-block.edge{margin-right:0;} .size-125{width:125px;height:125px;line-height:125px} /*******************************************************************/ /************************* WIDGET STYLES ***************************/ /*------ Widgets ------ */ .widget { margin-bottom:30px; clear:both;} .widget h3, .widgettitle { margin: 0 0 10px 0; padding: 0 0 6px 0; background:url('img/divider.png') repeat-x bottom;} .widget h3 a:hover { text-decoration: none; } .widget ul { list-style-type: none; margin: 0; padding: 0; } .widget ul li ul { margin-top: 5px; margin-bottom: -7px; } .widget ul li ul li { padding-left: 13px; } .widget li { margin: 0; padding: 6px 0;} .widget li a { font-size:12px; font-weight: normal; text-decoration:none} .widget li a:hover { text-decoration: underline; } .widget img { padding: 9px; margin-bottom: 10px; } .widget span.rounded-all { padding: 0; } /*------ Widget Areas ------- */ .widget-area ul {list-style: none;margin-left: 0;} .widget-area ul ul {list-style: square;margin-left: 1.3em;} .widget_search #s {/* This keeps the search inputs in line */width: 60%;} .widget_search label {display: none;} .widget-container {margin: 0 0 18px 0;} .widget-title {color: #222;font-weight: bold;} .widget-area a:link, .widget-area a:visited {text-decoration: none;} .widget-area a:active, .widget-area a:hover {text-decoration: underline;} .widget-area .entry-meta {font-size: 11px;} #wp_tag_cloud div {line-height: 1.6em;} #wp-calendar {width: 100%;} #calendar_wrap {background: #EBEBEB; border: 2px solid #D0D0D0;padding: 10px;} #wp-calendar caption {color: #999;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: center;} #wp-calendar thead {font-size: 11px;} #wp-calendar thead th {font-weight:bold;background:#e2e2e2;} #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td {background: #e6e6e6;padding: 3px 0 2px;text-align: center;} #wp-calendar tbody td a{background:#eee;display:block;text-decoration:none;border:solid 1px #CCC;} #wp-calendar tbody .pad {background: none;} #wp-calendar tfoot #next {text-align: right;} .widget_rss a.rsswidget {color: #000;} .widget_rss a.rsswidget:hover {color: #ff4b33;} .widget_rss .widget-title img {width: 11px;height: 11px;} .info-table{border-collapse:collapse;} .info-table th{padding:4px 10px;} .info-table td{text-align:center;padding:10px;vertical-align:top;} .widget_tag_cloud a{ margin:4px 6px; float:left; display:block; } .widget_tag_cloud a:hover{ background:#ddd; color:#333; } /*******************************************************************/ /*********************** SHORTCODES STYLES ************************/ a[href$=".pdf"] {padding-left:20px;background:url('img/icons/filetypes/pdf.png') no-repeat left;font-weight:bold;} .checklist ul {padding:10px 0px 10px 8px;list-style:none!important} .checklist li{padding:5px 5px 5px 30px;background: url(img/check.png) no-repeat center left} .checklist.checklist-1 li{background-image: url(img/icons/check_1.png);} .checklist.checklist-2 li{background-image: url(img/icons/check_2.png);} .checklist.checklist-3 li{background-image: url(img/icons/check_3.png);} .list ul {padding-left:8px;list-style:none!important;} .list ul li{padding:5px 5px 5px 24px;background: url(img/icons/list.png) no-repeat left center;} .list.list-1 ul li{background-image: url(img/icons/list-1.png);} .list.list-2 ul li{background-image: url(img/icons/list-2.png);} .list.list-3 ul li{background-image: url(img/icons/list-3.png);} .list.list-4 ul li{background-image: url(img/icons/list-4.png);} .list.list-5 ul li{background-image: url(img/icons/list-5.png);} .list.list-6 ul li{background-image: url(img/icons/list-6.png);} .highlight{color:#FFF;background-color:#333;padding:2px;} .highlight.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;} .box .box-title{text-align:center; margin-bottom:-1px; background:#ebebeb; border:solid 4px #c6c6c6; border-bottom:none} .box .box-title h2{padding:6px 8px; font-size:18px; color:#000} .box-content { padding: 10px 16px; min-height:35px; background:#ebebeb;border:solid 4px #d0d0d0;} .box-content.blue, .box-title.blue{border-color:#a9ccd6} .box-title.blue{background:#c8e1e8} .box-content.red, .box-title.red{border-color:#d7a993} .box-title.red{background:#f4cab5} .box-content.violet, .box-title.violet{border-color:#bcb6d1} .box-title.violet{background:#cec9e1} .box-content.yellow, .box-title.yellow{border-color:#dfd991} .box-title.yellow{background:#f3eeb0} .box-content.green, .box-title.green{border-color:#a2d8af} .box-title.green{background:#b9e6c3} .box.error {} .box.error .box-content { border-color:#ca7c7c; background:#f3b4b4;background: -webkit-gradient(linear, left top, left bottom, from(#f9dcdc), to(#f3b4b4));background: -moz-linear-gradient(top, #f9dcdc, #f3b4b4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9dcdc', endColorstr='#f3b4b4'); } .box.error .box-title {text-align:left; background:none; border:none;} .box.error .box-title h2{color:#e10000; padding:0px 0px 6px 0px} .box.info {} .box.info .box-content { border-color:#a9ccd6; background:#d7e9f3;background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#d7e9f3));background: -moz-linear-gradient(top, #ebebeb, #d7e9f3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#d7e9f3'); } .box.info .box-title {text-align:left; background:none; border:none;} .box.info .box-title h2{color:#1db5e0; padding:0px 0px 6px 0px} .box.warning {} .box.warning .box-content {border-color:#eed589; background:#f3f58b;background: -webkit-gradient(linear, left top, left bottom, from(#fdfdc3), to(#f3f58b));background: -moz-linear-gradient(top, #fdfdc3, #f3f58b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdc3', endColorstr='#f3f58b'); } .box.warning .box-title {text-align:left; background:none; border:none;} .box.warning .box-title h2{color:#da8b14; padding:0px 0px 6px 0px} .box.success {} .box.success .box-content { border-color:#b4e38e; background:#c6e896;background: -webkit-gradient(linear, left top, left bottom, from(#d7fdc1), to(#c6e896));background: -moz-linear-gradient(top, #d7fdc1, #c6e896);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7fdc1', endColorstr='#c6e896'); } .box.success .box-title {text-align:left; background:none; border:none;} .box.success .box-title h2{color:#639e33; padding:0px 0px 6px 0px} .one_half, .one_third, .two_third, .one_fourth , .three_fourth, .one_fifth, .four_fifth { float:left; margin-right:9%; /*margin-top:10px; margin-bottom:10px*/} .one_half { width: 44%; } .one_third { width: 27.66%; margin-right:8.5%} .two_third { width:63.32%; } .one_fourth { width:18%; } .one_fifth { width: 12.8%; } .four_fifth { width: 75.2%; } .three_fourth { width:70%; } .last {clear: right;margin-right: 0 !important;} blockquote {padding:0 0 15px 44px;margin:0 0 1em 0;font-size:14px;background:url(img/quote.png) no-repeat;color:#333;} blockquote p {line-height:1.8em !important;padding:0 !important;font-size:14px;} blockquote.center {} blockquote .author {padding:10px 0 5px 0;color:#000;font-style:italic;text-align:right;font-size:12px;} blockquote.left {width:200px;float:left;padding:0px 10px 0px 40px;margin:0 20px 4px 0;} blockquote.right {background:url(img/quote.png) no-repeat;width:200px;float:right;margin:0 0 4px 20px;padding-bottom:0px;} blockquote em, blockquote i, blockquote cite {font-style:normal;} blockquote span.testimonial-quote{background:url('img/quote.png') no-repeat left; display:block;width:34px; height:26px; float:left;margin:6px 10px 4px 0px;} blockquote p {padding:0px;font-size:13px;line-height:16px;font-style:italic;color:#515151;} .tabs {list-style:none; margin:0 !important; padding:0;height:35px;} .tabs li {float:left; text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; } .tabs a {font-size:14px !important;display:block;height: 35px; line-height:35px;text-align:center; text-decoration:none;color:#000;padding:0px 10px;margin:0px; position:relative;} .tabs a:active, .tabs a:hover, .tabs .current, .tabs .current:hover, .tabs li.current a {background: #ebebeb;color:#000;border:solid 2px #d0d0d0;border-bottom:none;text-decoration:none !important;} .tabs .current, .tabs .current:hover, .tabs li.current a {cursor:default !important; text-decoration:none !important;height:35px; } .panes .pane {display:none; } .panes > div {display:none; padding:10px;min-height:100px;font-size:14px;background-color:#ebebeb;border:solid 2px #d0d0d0;} /*----- Tabs with icons -----*/ .tabs2 {margin-top:13px;height:83px; width:745px;background:none;} .tabs2 li { float:left;text-align:center;margin-top:7px;margin-right:-1px;position:relative;} .tabs2 a {color:#000;display:block;padding:24px 20px 0px 75px;position:relative;font-size:14px;text-decoration:none;height:41px; margin-top:-2px !important;zoom: 1;} .tabs2 li.current a{background:#e4e4e4;border:2px solid #d0d0d0;border-top:none;color:#1db5e0;} .tabs2 img {position:absolute;cursor:pointer;left:10px;top:10px;z-index:22;} .tabs2 strong {display:block; font-size:13px;} .panes2 {border:2px solid #d0d0d0;width:743px; height:255px;margin-bottom:-20px;padding-bottom:20px;position:relative;background:#e4e4e4;} .panes2 > div {display:none; position:absolute;top:20px;left:20px;font-size:13px;color:#444; width:650px} .overlay {display:none;width:500px;padding:20px;} /*----- Tooltip Tabs -----*/ .tabs3{font-size:16px;font-weight:bold;} .tabs3 img {margin:0 20px 10px 0; cursor:pointer; } .tab-desc {border:2px solid #d0d0d0; width:450px;min-height:140px;display:none;margin-top:17px; padding:10px 20px;position:relative; background:#ebebeb;} .tab-desc .arrow {float: left;height: 23px;margin: 0 10px;width: 39px;position:absolute;top:-23px;left:30px;background:url('img/icons/arrow_up.png')} /*----- Accordion Tabs -----*/ .accordion { width: 400px;border:2px solid #d0d0d0; border-top:none;background:#f3f3f3;} .accordion h2 {margin:0;padding:10px 15px;font-size:14px;border:none;border-top:2px solid #d0d0d0; font-weight:bold;cursor:pointer; background:#f3f3f3;} .accordion h2.current {cursor:default;background:#e5e5e5;background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e5e5e5));background: -moz-linear-gradient(top, #f3f3f3, #e5e5e5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e5e5e5');} .accordion .acc-pane { border-top:2px solid #d0d0d0;display:none;height:180px;padding:15px;} .accordion .acc-pane h3 {font-weight:normal;margin:0 0 -5px 0;font-size:16px;color:#999;} /*----- Toggles -----*/ div.toggle-trigger {padding: 4px 4px 4px 8px;margin: 6px 0px;height: 33px;line-height: 33px;border:solid 2px #d0d0d0; } div.toggle-trigger:hover{border-color:#aaa;} div.toggle-trigger a {padding-right:36px;color: #555;line-height: 33px;text-decoration: none;display: block;outline:none;font-size: 12px;background: url(img/toggle.png) no-repeat right -32px;text-shadow:none;} div.toggle-trigger.active a{background: url(img/toggle.png) no-repeat right 0px;} .toggle-container .block {padding: 10px; } .toggle-container .block p {margin: 5px 0;} /*----- Tooltips -----*/ .tooltip, .tooltip2 {display:none;background:transparent url(img/tooltip1.png);font-size:12px;height:90px;width:181px;padding:10px 15px;color:#000; } .tooltip.style2 {background-image: url(img/tooltip2.png) !important} .tooltip.style3 {background-image: url(img/shortcodes/tooltip/white_arrow_big.png); color:#333} .tooltip2 {display:none; height:154px; padding:14px; width:322px; background:url(img/tooltip1_big.png); color:#333} .tooltip2.style2{background:url(img/tooltip2_big.png)} .tooltip2 a {color:#333;} .tooltip3 {background-color:#ebebeb; border:2px solid #c6c6c6; padding:10px 15px; width:200px; display:none} .tooltip3.white{color:#fff} /*----- Overlays -----*/ .overlay {display:none;z-index:10000;background-color:#ebebeb;width:675px; min-height:200px;border:2px solid #d0d0d0;} .overlay .close {background:url('img/close.png');position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;} /*----- Ordered lists -----*/ .ordered-list{margin:20px 0px; color:#333; } .ordered-list li{margin-left:30px;} .ordered-list.style1 {font-family:Georgia, "Times New Roman", Times, serif, sans-serif;color: #222;} .ordered-list.style1 li {padding-left:2px;color:#111;font-size:18px;} .ordered-list.style1 p {font-size:0.7em;color:#555;padding:5px 0;margin:0px;} .ordered-list.style2 {font: bold 1em Tahoma;color: #999;list-style: upper-roman;padding:4px 0px 4px 6px;} .ordered-list.style2 p {font: normal 1.2em Georgia, Times, serif;color: #000;} .ordered-list.style2 li{background:#eee;height:30px;} .ordered-list.style3 {font: italic 1.3em Arial, Helvetica, sans-serif;color: #666;list-style: lower-alpha;} .ordered-list.style3 p {font: normal .9em Arial, Helvetica, sans-serif;color: #000;border-left: solid 1px #999;margin: 0;padding: 0 0 1em 1em;} .sorry404{line-height:34px;} /*----- Ad Banners -----*/ .banner{background:#F8F8F8;border:solid 1px #CCC;} .banner img{padding:0;} .banner a{text-align:center;text-decoration:none;outline:none;} .banner-88x31, .banner-88x31 img{width:88px;height:31px;} .banner-120x60, .banner-120x60 img{width:120px;height:60px;} .banner-120x90, .banner-120x90 img{width:120px;height:90px;} .banner-120x240, .banner-120x240 img{width:120px;height:240px;} .banner-120x600, .banner-120x600 img{width:120px;height:600px;} .banner-125x125, .banner-125x125 img{width:125px;height:125px;} .banner-160x600, .banner-160x600 img{width:160px;height:600px;} .banner-234x60, .banner-234x60 img{width:234px;height:60px;} .banner-425x425, .banner-425x425 img{width:425px;height:425px;} .banner-425x500, .banner-425x500 img{width:425px;height:500px;} .banner-425x600, .banner-425x600 img{width:425px;height:600px;} .banner-468x60, .banner-468x60 img{width:468px;height:60px;} .banner-728x90, .banner-728x90 img{width:728px;height:90px;} #slider-container{width:960px;margin:0px auto;} /*----- Frames -----*/ .frame { padding:6px; border:solid 2px #d0d0d0; text-align:center} .alignright,img.alignright,a img.alignright { float:right; margin:0px 0 10px 15px; text-align:right} .alignleft,img.alignleft,a img.alignleft { float:left; margin:0px 15px 10px 0; text-align:left} .aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px} .frame,.small_frame { display:inline-block;} .frame img{ padding:4px; margin:0; display:block;} .small_frame img { padding:3px; margin:0;} .frame.shadow{-moz-box-shadow:0px 0px 2px 2px #CCC;} .frame span.frame-title{font-style:italic;color:#000;padding:0px 6px;font-size:12px;text-align:right !important;} .image-frame, .frame img{padding:4px;border:solid 1px #ccc;} .frame img{border-width:1px} /*----- Step Lists -----*/ .step-list-li{width:40px;height:40px;} .step-list-round, .dropcap{height: 40px;width: 40px;-moz-border-radius: 20px;-webkit-border-radius: 20px;position:relative;text-align:center;float:left;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);} .step-list-round span, .dropcap span{position:absolute; right:14px;top:6px;font-family:"Times New Roman", Georgia, Arial;font-size:24px;font-weight:bold; color:#FFF;} .step-content{float:left;margin:0px 0px 20px 10px;width:200px;} .step-content p{margin:0px;} /*----- Dropcaps -----*/ .dropcap{margin:5px 10px 0 0;} .dropcap span{font-size:30px;left:11px;top:6px;} .dropcap.no-back{ box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} /*----- Spacing -----*/ .top0{margin-top:0px} .top5{margin-top:5px} .top10{margin-top:10px} .top15{margin-top:15px} .top20{margin-top:20px} .top25{margin-top:25px} .top30{margin-top:30px} .top40{margin-top:40px} .top50{margin-top:50px} .bottom0{margin-bottom:0px} .bottom5{margin-bottom:5px} .bottom10{margin-bottom:10px} .bottom15{margin-bottom:15px} .bottom20{margin-bottom:20px} .bottom25{margin-bottom:25px} .bottom30{margin-bottom:30px} .bottom40{margin-bottom:40px} .bottom50{margin-bottom:50px} .left0{margin-left:0px} .left5{margin-left:5px} .left10{margin-left:10px} .left15{margin-left:15px} .left20{margin-left:20px} .left25{margin-left:25px} .left30{margin-left:30px} .left40{margin-left:40px} .left50{margin-left:50px} .right0{margin-right:0px} .right5{margin-right:5px} .right10{margin-right:10px} .right15{margin-right:15px} .right20{margin-right:20px} .right25{margin-right:25px} .right30{margin-right:30px} .right40{margin-right:40px} .right50{margin-right:50px} /*----- Get in touch -----*/ .getintouch p{width:196px; height:46px; line-height:40px; font-size:14px;color:#fff;margin:0px 0px 16px 0px;padding:4px 0px 0px 64px; background-repeat:no-repeat} .getintouch p span {font-size:11px; color:#9c9c9c; display:block; line-height:14px; margin-top:4px; text-transform:uppercase} .getintouch p span.inf{color:#dadada; text-transform:none} .getintouch .i-phone {background-image:url('img/icons/contact-bg-phone.png')} .getintouch .i-fax {background-image:url('img/icons/contact-bg-fax.png')} .getintouch .i-skype {background-image:url('img/icons/contact-bg-skype.png')} .getintouch .i-email {background-image:url('img/icons/contact-bg-email.png')} .getintouch.white p{color:#9c9c9c; width:200px; height:50px; padding-left:60px} .getintouch.white .i-phone {background-image:url('img/icons/contact-footer-phone.png')} .getintouch.white .i-fax {background-image:url('img/icons/contact-footer-fax.png')} .getintouch.white .i-skype {background-image:url('img/icons/contact-footer-skype.png')} .getintouch.white .i-email {background-image:url('img/icons/contact-footer-email.png')} /*----- Popular Posts -----*/ .list-post-thumb{float:left;width:50px;margin-right:10px;} .wt-title{color:#1db5e0;font-size:12px} .list-post-desc{float:right;width:180px;} ul.popular-posts{padding-left:0;} .popular-posts li{list-style:none;background:url('img/divider.png') repeat-x bottom;padding:8px 0px;} .popular-posts li:last-child{background:none;} .popular-posts img, .list-post-thumb img{border:solid 2px #aaaaaa;padding:0px;margin-bottom:0;margin-top:6px;} .list-post-desc a{font-size:13px;font-weight:bold;text-decoration:none;padding:0;line-height:22px;display:block;} .by-author{font-size:11px;} /*----- Workstream Circles -----*/ .workstream img{border:none; display:block; margin:auto} .workstream {background: url("img/icon-bg.png") no-repeat scroll 0 0 transparent; height: 68px; width: 68px; text-align:center;} .workstream a {cursor: pointer;text-align:center;display: table-cell; vertical-align: middle;height:68px;width:68px;opacity: .5;} .workstream a:hover{opacity: 1;} .workstream p.wdesc{display:none;} .workstream:hover .workstream-rotator, .active {display: block !important;} .rotator{width:113px;height:113px; background:url('img/klorik.png') no-repeat;position:relative;} .rotator div{width:90px;margin-top:36px;height:80px;top:10px; left:10px;position:absolute;transform:none;font-size:13px;text-align:center;-moz-rotation:rotate(0 deg) !important;} /*----- Content Slider / Gallery Slider -----*/ #slides {position:relative;width:600px;} .slides_container {width:570px;height:270px;overflow:hidden;position:relative;display:none;background:#e4e4e4;border:2px solid #D0D0D0} #slides .slide {padding:20px;width:530px;height:230px;display:block;} #slides .next, #slides .prev {position:absolute;top:110px;left:0px;width:30px;height:50px;display:block;z-index:101;} #slides .next {left:550px;} #cgallery {width:600px;position:relative;} .cgallery_container {width:585px;overflow:hidden;position:relative;display:none;} .cgallery_container div.cslide {width:570px;height:270px;display:block;} #cgallery .next,#cgallery .prev {position:absolute;top:107px;left:-8px;width:31px;height:68px;display:block;z-index:101;} #cgallery .next {left:562px;} .caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:url("img/menu_bg.png") repeat scroll 0 0 transparent;width:560px;} .caption p{color:#fff;} /*******************************************************************/ /****************** UNDER CONSTRUCTION PAGE ************************/ .meter{width:500px;height:30px;border:solid 1px #d0d0d0;background:#e4e4e4;padding:10px;margin:auto;} .meter-wrap, .overlay{position: relative;} .meter-wrap, .meter-value, .meter-text {width: 500px; height: 30px;} .meter-value {background:url("img/header_bg.png");text-align:left;} .meter-wrap{background:#e4e4e4;text-align:left;border:solid 1px #bbb;} .meter, .meter-wrap, .meter-value{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .meter-text {position: absolute;top:0; left:0;padding-top: 4px; color: #fff;text-align: center;width: 100%;text-shadow:1px 1px 1px #222;} #cs-ornament{/*background:url('img/coming-soon/uc_ornament.png') no-repeat center; */text-align:center;} #cs-logo-container{width:240px; float:left;margin-right:20px;} #cs-header-container{margin:0px auto 0px auto;padding:15px 0px;width:100%;text-align:center;position:relative;background:url("img/header_bg.png");} #cs-header-container h3{font-size:14px; letter-spacing:2px; text-transform:uppercase; padding-top:10px;} p#uct{font-size:17px; width:454px; margin:0px auto 30px auto !important; } p#uct, p#est{color:#535353; line-height:30px;} #coming-soon p#est{padding:40px 0px 0px 0px; font-size:14px; } .uc-block{height:200px;width:838px;margin:auto;/*background:url('img/coming-soon/shadow.png') no-repeat top;*/} #countdown-container{width:500px;margin:-20px auto 0px auto; text-align:center;} #countdown{background:url('img/coming-soon/counter_bg.png') no-repeat;width:339px;height:69px;margin:30px auto 60px auto;} .countdown_holding span {} .countdown_row {clear: both;width: 100%;text-align: center;} .countdown_section {display: block;float: left;text-align: center;color:#333;text-shadow:0px 1px 1px #666;width:50px;font-size:10px;line-height:20px;padding:8px 12px 0px 18px;text-transform:uppercase;background:url('img/coming-soon/cntr_divider.png') no-repeat left;height:57px} .countdown_section:first-child{background:none;} .countdown_amount {font-size:22px;line-height:30px;color:#333;text-align:center;width:50px;} .countdown_descr{display: block;font-size:20px; text-shadow:0px 1px 1px #555;} .hasCountdown{margin-left:120px;} #coming-soon{background:#ebebeb;} #coming-soon p, #coming-soon h3{color:#555;text-shadow:none;text-align:center;} .meter-text{color:#ddd;} #coming-soon p, #coming-soon h3{margin-top:30px;} /*******************************************************************/ /*********************** SWITCHER PANEL ****************************/ #switch-panel {font-size: 13px;font-style: normal;line-height: 30px;padding: 7px; text-align: center;position: fixed;top: 260px;left:12px;width:80px;z-index:9999;margin-left: -108px;margin-top: -160px;overflow: hidden; background: none repeat scroll 0 0 #EEEEEE;border: 1px solid #d0d0d0;} #switch-panel>h6 {padding-bottom:0px;font-size:12px;margin-bottom:10px} #switch-panel p {font-size:11px;font-weight:bold; color:#333; text-transform:capitalize} #switch-panel a#close-panel {color: #000000;font-size: 0.8em;font-weight: bold;margin-top: 20px;text-transform: uppercase;} .skin-background{width:64px;height:50px;padding:6px 8px;} .skin-background:hover, .skin-background.active-th{background:#ddd;cursor:pointer;} #options-handler{background: url("img/skins.png") no-repeat;cursor: pointer;height: 37px; width:89px; left: 0;margin-left: -15px;overflow: hidden;position: fixed;text-indent: -10000px;top: 100px;z-index: 10000;} .opt-screen-bg{background-repeat:repeat; width:60px; height:30px; border: 1px solid #CCCCCC;} /*******************************************************************/ /*********************** TWITTER WIDGET ****************************/ #twitter_update_list li{list-style:none;font-size:16px;} #twitter_update_list li > a{font-size:15px;color:#1db5e0;display:block;padding:0} #twitter_update_list a{ font-size:10px; color:#555} #twitter_update_list li span a{margin:10px 0px} #twitter_update_list {padding:0;} #twitter_update_list li span{font-size:11px;} .twitbird{background:url(img/twit.png) no-repeat;width:37px;height:33px;} .twitter li{list-style-image:none} .fctitle{position:absolute; z-index:40; width:110px; text-align:center; font-size:11px; font-weight:bold} .twitter-widget h2{background:url('img/twitter.png') no-repeat left;padding-left:48px;height:48px;} /*******************************************************************/ /******************** HOMEPAGE WIDGET BLOCKS ***********************/ .homeblock-1{width:381px} .homeblock-2{width:194px;} .homeblock-3{width:215px;padding-right:0;border-right:none;} .home-wrapper{position:relative;background:#ebebeb;margin:auto;width:960px;z-index:999;} #home-widgets{position:absolute;z-index:1000;height:184px;padding-top:16px;overflow:hidden;} .bg-layer{position:absolute;top:85px;left:0px;height:200px;background:#ebebeb url(img/bg.png);z-index:998;width:100%;} #bg-layer-top{background: url(img/top-shadow.png) repeat-x top; height:34px; width:100%} /*******************************************************************/ /******************** EVENTS WIDGET AND PAGE ***********************/ .event-title{color:#1db5e0;font-size:16px;padding-top:2px;} .event-title, .event-title a{} .bg-default, .event-block{background:#e3e3e3;} .home-block .event-title{padding-bottom:2px} #event-wrapper{width: 960px;} .event-block{padding:10px 16px;width:266px;margin:0px 22px 40px 0px;float:left;} .event-date{font-size:13px;color:#1db5e0;} .home-block .event-title a{text-decoration:none;} .home-block .event-title a:hover{text-decoration:underline} .home-block .event-date{margin-top:0; margin-bottom:6px; } .home-block .event-location{ color:#555} /*******************************************************************/ /********************** PAGINATION STYLES **************************/ .pagination {margin:14px auto 0;width:100px;} .pagination li {float:left;margin:0 1px;list-style:none;} .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(img/pagination.png);background-position:0 0;float:left;overflow:hidden;} .pagination li.current a {background-position:0 -12px;} /*******************************************************************/