/* ************************************************ Theme Name: Cleanlook Theme URI: Description: Cleanlook is a flexible premium template with unique clean design. Suitable for blogs, personal websites, small to medium companies and corporations. Author: Strangerr and Weblusive Author URI: http://www.weblusive.com License: See on zip package License URI: See on zip package Version: 1.1 Tags: light ************************************************ */ /****************** GLOBAL SETTINGS **************/ html{color:#333} *{margin:0; padding:0; font-size:100.1%;line-height:20px;font-weight:400;color:#6c6c6c} ul{list-style:none} img{border:none;} h1, h2, h3, h4, h5, h6{color:#FFF;font-weight: normal;padding-bottom: 4px;} h1{font-size:21px;} h2{font-size:20px;} h3{font-size:18px;} h4{font-size:15px;} h5{font-size:12px;} h6{font-size:10px} a{outline:none;} 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;} .inner-slogan {color: #909090;font-family: Times New Roman;font-size: 23px;text-transform: uppercase;line-height: 31px;border-bottom: 1px dashed #999;padding-bottom: 26px;} /**********************************************************/ /******************* BODY BACKGROUND **********************/ body{ background-color:#FFF;font-family:Arial, Helvetica, sans-serif; color:#626262; font-size:12px} /*************************************/ /********* HEADER STRUCTURE **********/ #top-layer{background:url('../images/top_line_transparent.png') repeat-x; height:22px} #header-home, #header, #footer-wrapper{background:url('../images/light_effect.png') no-repeat center top; /*z-index:2;*/} #header-wrapper{background:url('../images/top_menu_bg.png') no-repeat top center; /*height:98px;*/ margin-top:-7px} #header-top-wrapper{height:85px;} #header-top, #header-top-main{width:960px;margin:0px auto;} #header-top-main{ padding:20px 0px 20px 0px} #header {padding-bottom:20px} #slogan-wrapper{background:url('../images/slogan_bg.png') repeat-x; height:80px; } #slogan{width:960px; margin:0px auto; text-align:center; padding:14px 0px 0 0} #slogan h1{color: #504f50;font-size: 22px;font-weight: normal;line-height: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:0px;} #slogan p{color: #606060; font-size:12px} #logo-container{float:left; width:200px; margin:10px 20px 0px 30px} #logo{text-transform:none;} #logo a{display:block; text-decoration:none; color:#f8f8f8; text-shadow:#333 0px 2px 2px; font-size:26px; text-transform:uppercase} #bg-holder{z-index:-1} #main-wrap{width:100%; position:relative} #header-right{float:right;} #searchbar2 {float:right; width:235px; height:33px; background:url('../images/search_bg.png') no-repeat; margin-top:26px} #searchbar2 input[type="text"]{background:none; border:none; height:auto; line-height:28px; height:28px; float:left; width:196px} #searchbar2 input[type="submit"]{border:none; background:url('../images/search_icon.png') no-repeat center center; width:24px; height:33px; line-height:33px; float:left; cursor:pointer} /***************************************/ /************* TOP MENU ****************/ #menu-container{margin:6px auto; float:left;} /*-- 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 {} .sf-menu a {color: #979797;font-size: 12px;padding: 0em 1.1em;text-decoration: none; padding-left:12px} .sf-menu a:hover, .sf-menu a:hover span, .current-menu-item a, .current-menu-item span, .current_page_item a, .current_page_item span{/*color: #6c568b */} #menu .sub-menu li:last-child a{background-image:none} #menu .sub-menu{margin-top:40px; background: #f4f4f4;border:solid 1px #dadada; border-bottom:solid 3px #715399; width:220px !Important;} ul.sf-menu > li.top{position:relative; } ul.sf-menu > li.top > a{font-size:14px; font-weight:bold; background:url('../images/menu_divider.png') no-repeat left; padding-left:26px; letter-spacing:1px} ul.sf-menu > li.top:first-child>a{background:none; padding-left:16px} ul.sf-menu > li.top > a span{font-size:11px;color:#a8a8a8; display:block; letter-spacing:normal} ul.sf-menu{/*background:url('../images/menu_divider.png') no-repeat left;*/ } .sub-menu li {padding:0} .sub-menu a, .menu-item-object-custom a{background:url('../images/submenu_div.png') no-repeat center bottom; padding-bottom:10px; padding-top:8px; display:block; font-size:13px; text-transform:none; } .sub-menu a:hover{background-color:#fff; } .menu-item-object-custom a {padding-top:0px} .sub-menu a{padding-top:8px !important} .sf-menu li li {} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0} /********************************************************/ /****************** CONTENT STRUCTURE *******************/ #content{padding:0px 0px 30px 0px; min-height:64px; background:#fff} #content-inner{min-height:250px; width:920px; margin:0px auto; padding-top:10px;z-index:10;} #title-container{position:relative;margin:20px 0px; background:url('../images/title_shadow.png') no-repeat center bottom; padding-bottom:9px} #title-container h2{color:#9f9f9f; font-size:24px;display:block; background:#fff; padding:15px; text-align:center} /***************************************/ /****** HEADING AND INNER TITLES *******/ .top-title.inner{font-size:22px;} .top-title{ padding:0px 0px 6px 0px;position:relative;line-height:30px; margin-bottom:10px;} .top-title2{ border-bottom:dotted 1px #ccc; margin-bottom:30px; padding-bottom:4px} .small-type{padding-left:24px;text-transform:uppercase;color:#333;font-size:11px;font-weight:bold;display:block;} .top-title h2 {font-size: 21px; text-transform: uppercase; font-family: Times New Roman;} .with-icon{padding-left:36px;background-position:left top;background-repeat:no-repeat;display:block} .with-icon.about{background-image:url('../images/icons/about.png')} .with-icon.enlarge{background-image:url('../images/icons/enlarge.png')} .with-icon.project-details{background-image:url('../images/icons/project_details.png')} .with-icon.portfolio{background-image:url('../images/icons/portfolio.png');} .with-icon.fax{background-image:url('../images/icons/fax.png');} .with-icon.email{background-image:url('../images/icons/email.png');} .with-icon.phone{background-image:url('../images/icons/phone.png');} .with-icon.skype{background-image:url('../images/icons/skype.png')} .with-icon.expertise{background-image:url('../images/icons/expertise.png');} .with-icon.service-header{background-image:url('../images/icons/services2.png');} .with-icon.submit-request{background-image:url('../images/icons/submit_request.png');} .with-icon.portfolio-quote{background-image:url('../images/icons/portfolio_quote.png');} .with-icon.free-quote{background-image:url('../images/icons/free_quote.png');} .with-icon.view-portfolio{background-image:url('../images/icons/view_portfolio.png');} .with-icon.process{background-image:url('../images/icons/process.png');} .with-icon.vision{background-image:url('../images/icons/vision.png');} .with-icon.team{background-image:url('../images/icons/team.png');} .with-icon.services{background-image:url('../images/icons/services.png');} .with-icon.service1{background-image:url('../images/icons/home/service_1.png');} .with-icon.service2{background-image:url('../images/icons/home/service_2.png');} .with-icon.service3{background-image:url('../images/icons/home/service_3.png');} .with-icon.service4{background-image:url('../images/icons/home/service_4.png');} .with-icon.get-quote{background-image:url('../images/icons/get_a_quote.png');} .with-icon.download{background-image:url('../images/icons/download.png')} .with-icon.reply{background:url('../images/icons/reply.png') no-repeat 8px 8px; padding-left:34px} .with-icon.archive{background-image:url('../images/icons/buttons/archive.png')} .with-icon.calendar{background-image:url('../images/icons/buttons/cal.png')} .with-icon.chart{background-image:url('../images/icons/buttons/chart.png')} .with-icon.chat{background-image:url('../images/icons/buttons/chat.png')} .with-icon.copy{background-image:url('../images/icons/buttons/copy-to-notepad.png')} .with-icon.datagrid{background-image:url('../images/icons/buttons/data-grid.png')} .with-icon.edit{background-image:url('../images/icons/buttons/edit.png')} .with-icon.id{background-image:url('../images/icons/buttons/id.png')} .with-icon.info{background-image:url('../images/icons/buttons/info.png')} .with-icon.layout{background-image:url('../images/icons/buttons/layout.png')} .with-icon.layout2{background-image:url('../images/icons/buttons/layout-2.png')} .with-icon.like{background-image:url('../images/icons/buttons/like.png')} .with-icon.lock{background-image:url('../images/icons/buttons/lock.png')} .with-icon.package{background-image:url('../images/icons/buttons/package.png')} .with-icon.pdf{background-image:url('../images/icons/buttons/pdf.png')} .with-icon.print{background-image:url('../images/icons/buttons/print.png')} .with-icon.settings{background-image:url('../images/icons/buttons/settings.png')} .with-icon.sound{background-image:url('../images/icons/buttons/sound.png')} .with-icon.wifi{background-image:url('../images/icons/buttons/wi-fi.png')} .with-icon.word{background-image:url('../images/icons/buttons/word.png')} .with-icon.zoom{background-image:url('../images/icons/buttons/zoom.png')} /******************************************************************/ /************************** DIVIDERS ****************************/ .divider{margin: 20px 0px; height:8px; background:#e6e6e6} .divider.thin{height:2px} .divider2{border-bottom:solid 1px #ddd; padding-bottom:4px} .divider.top-divider{background:url('../images/divider.png') repeat-x top;} .bottom-divider{background:url('../images/divider.png') repeat-x bottom;} /******************************************************************/ /************ WEBSITE FOOTER AND HOME WIDGET STYLES ***************/ #footer-fx{background:#65738e url('../images/header_bg.png') repeat-x center; position:relative} #footer-bottom-wrapper{height:33px; background:url('../images/footer_bottom.png') repeat-x} #footer-bottom{width: 932px; margin: 0px auto; position: relative; width: 932px; position: relative; color: #EAEAEA; padding-top: 7px;} #footer-top{background:transparent url('../images/footer_top.png') repeat-x; height:16px; width:100%; position:absolute; top:-8px} #footer{width:960px;margin:0px auto;clear:both;padding-bottom:50px } #toTop{background:url('../images/toTop.png') no-repeat center; width:43px; height:43px; display:block; text-align:center; margin-left:-43px; left:50%; position:absolute; top:-14px} .widget_footer_content{} .footer-block{float:left;margin:24px 12px 24px 12px; width:222px} .footer-block h3{color:#eee; padding-bottom:30px;padding-top:10px} .footer-block:first-child {padding-left:0 !important;margin-left:0 !important;} .footer-block ul{margin-left:18px; list-style:square} .footer-block:last-child { width:311px} #footer ul.menu li a:hover{border-bottom:dotted 1px #ddd;} .footer-block li { border-bottom: 1px dashed #aaa; padding: 14px 0px} .footer-block li:last-child { border:none;} .footer-block li:first-child{padding-top:0px} .footer-block li a{text-decoration:none} .footer-block li a:hover{text-decoration:underline} .footer-block *{color:#eee} /*******************************************************************/ /*************************** ABOUT PAGE ****************************/ .desc-block-1 .image-wrapper{width:160px;height:160px;background:url('../images/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:170px;} #feedburned button[type="submit"]{float:right;} .last-b{padding-right:0px !important;} a.social-button{margin-right:6px} #flickr {list-style:none !important; margin-left:-8px !important; margin-top:4px} #flickr li{border-bottom:none; float:left; width:68px; height:68px; margin:0px 0px 8px 8px; padding:0px} #flickr li a{display:block; padding:4px; background:url('../images/widget_frame_bg.png'); width:60px; height:60px} .first{margin-left:0px !important} /*******************************************************************/ /************************** 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('../images/block_back_2.png') no-repeat;text-align:center;width:290px;height:170px;padding:0;} .portfolio-block p.block-image-wrapper{background:url('../images/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 ../images, p.block-image-wrapper ../images {padding-top:10px; } p.block-image-wrapper ../images {width:510px;height:230px;} .desc-block{float:left;margin-left:30px;width:250px} ul#portfolio-filter{ margin: 0; padding:10px 0px; margin:20px 0px} ul#portfolio-filter li{ display: inline; } ul#portfolio-filter a{ margin-right: 0.5em; border:solid 1px #c9c9cf; padding: 6px 10px; font-size: 13px; text-decoration: none; outline:none; color:#20263e; background: #f0f0f0;background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#eeeeee));background: -moz-linear-gradient(top, #f0f0f0, #eeeeee);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#eeeeee'); } ul#portfolio-filter a:hover, ul#portfolio-filter a.current{border:solid 1px #606060; color:#fff; background:#9294a3} ul#portfolio-list{ margin: 0; padding: 0; list-style: none; } ul#portfolio-list li{width:298px; height: 170px; display: block; float: left; margin: 0px 8px -1px 0px; overflow: hidden; position:relative; padding:0px 0px 10px 0px; border-bottom:solid 1px #e0e0e0} 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:284px;height:150px;cursor:pointer;position:relative;border:solid 1px #d8d8d8; padding:6px; background:#fff} ul#portfolio-list li h4 a{margin-top:8px;font-weight:normal;text-align:left; text-decoration:none; color:#7B7B7B} ul#portfolio-list li span.poverlay {background: url("../images/overlay.png") transparent;height: 150px;position: absolute;top: 7px;left: 7px;width: 284px;} 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;outline:none; width:131px} ul#portfolio-list li a.zoom-icon {background: url("../images/work_magnify.png") no-repeat scroll 0 0 transparent;left: 4px; } ul#portfolio-list li a.zoom-icon.video {background-image: url("../images/work_video.png")} ul#portfolio-list li a.more-icon {background: url("../images/work_view.png") no-repeat scroll 0 0 transparent;left: 278px;} .portfolio-rm{padding:2px 10px !Important; background:#fff !important; text-transform:uppercase; font-size:11px; color:#2e2e2e; float:right} ul#portfolio-list li h4 {padding-top:6px;padding-bottom:8px;font-size:18px;font-weight:bold} /****** 2 Columns Portfolio *******/ ul#portfolio-list.cols-2 li{width:456px; height: 410px; margin: 0 48px 36px 0 } ul#portfolio-list.cols-2 li img{width:442px;height:264px;} ul#portfolio-list.cols-2 li span.poverlay {height: 264px;width: 442px;} ul#portfolio-list.cols-2 li a.zoom-icon, ul#portfolio-list.cols-2 li a.more-icon {height: 100px;top: 116px} ul#portfolio-list.cols-2 li a.zoom-icon {left: 4px;} ul#portfolio-list.cols-2 li a.more-icon {left: 318px;} ul#portfolio-list.cols-2 #pexcerpt{height:55px; overflow:hidden; margin-bottom:10px} /****** 4 Columns Portfolio *******/ ul#portfolio-list.cols-4 li{width:224px; height: 260px; margin: 0px 21px 30px 0px; padding-bottom:30px} ul#portfolio-list.cols-4 li img{width:208px;height:130px;} ul#portfolio-list.cols-4 li span.poverlay {height: 131px;width: 211px;} ul#portfolio-list.cols-4 li a.zoom-icon, ul#portfolio-list.cols-4 li a.more-icon {height: 50px;top: 46px;} ul#portfolio-list.cols-4 li a.zoom-icon {left: -120px;} ul#portfolio-list.cols-4 li a.more-icon {left: 100px;} ul#portfolio-list.cols-4 #pexcerpt{height:55px; overflow:hidden; margin-bottom:10px} /****** 1 Column ******/ ul#portfolio-list.cols-1 li{width:100%; height: 210px; margin: 0 0 18px 0} ul#portfolio-list.cols-1 li img{width:500px;height:200px;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:510px;} 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: 206px;width: 501px; } ul#portfolio-list.cols-1 li a.zoom-icon {height: 50px;top: 80px;left:4px;} ul#portfolio-list.cols-1 li a.more-icon {left: 360px; top: 80px;} ul#portfolio-list.cols-1 li a.read-more{margin-left:0;} a.read-more{margin:10px 0px 0px 2px; color: #000000;display:block;padding:0px 0px 10px 20px;text-decoration: none; float:right} a.read-more span{color:#000;} ul#portfolio-list a.read-more{text-align:center; background:url('../images/read_more.png') no-repeat; display:block; width:116px; height:38px; font-size:11px; color:#7b7b7b; margin-top:4px; text-transform:uppercase; line-height:38px; padding:0; float:none} ul#portfolio-list a.read-more:hover {color:#333;} /****** Related Posts ******/ .related-cats{width:100px;height:100px; float:left;margin-right:20px;} .related-cats ../images{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:46%;text-align:left;float:left;margin-bottom:20px; margin-right:2%} .related-posts .list-post-desc {width:204px} .related-posts .list-post-desc a{font-weight:normal;} div.related-posts {background:#fff; border:dotted 1px #ddd; padding:10px 14px; margin-bottom:50px} /*******************************************************************/ /************************* CONTACTS PAGE ***************************/ #contact-left{float:left; width:512px; margin-top:20px} #contact-right{float:left; margin-left:46px; margin-top:20px; width:402px} #contact-form {} #contact-form div{clear:both} #contact-form label{ display:block; padding-bottom:4px; font-size:16px; line-height:30px; color:#2a2a2a; float:left; width:90px; margin-bottom:10px} #contact-form input[type="text"], #contact-form textarea{ float:left; width:408px; margin-bottom:10px; border:solid 1px #c3c3c3} #contact-form label.error{color:#D70000; text-align:right; font-size:11px; width:100%; line-height:12px} #contact-form input[type="text"]{height:30px;} #contact-form textarea {height:140px; padding:4px 6px; } #contact-form input[type="submit"]{ background:#715f8a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#f0f0f0; cursor:pointer; border:none; padding:0 1.2em; font-size:14px; height:26px; line-height:26x; float:right;} #contact-address p, #contact-form p{line-height:24px; color:#8c8c8c} span.error{color:red;font-size:11px;font-weight:bold;} .success-message{color:#093;background:url('../images/trans_bg.png');padding:5px; font-size:14px; margin-bottom:20px} /*******************************************************************/ /************************* 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(../images/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 {background-position:left top; background-repeat:no-repeat; padding: 0px 0px 10px 80px;} .featured-block h4 {padding-bottom: 8px;color: #7B7B7B;font-size: 16px;font-weight: bold} .featured-block p {font-size: 13px;line-height: 20px;color: #959595;height: 60px;overflow: hidden;} .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('../images/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: .6em .8em; background-image:url('../images/button_overlay.png'); background-repeat:repeat-x; webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; border:solid 1px #c6c6c6;} .button span{color:#FFF;font-size: 13px;padding: .21em 1.8em .11em; } .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-color: #656565} .button.black-back:hover {background: #333;} .blue1-back {border:solid 1px #06447f;background-color: #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: #fbfbfb;} .toggle-back:hover{background:#f8f8f8;} .white-back, input[type="submit"] {border: solid 1px #eee;background-color: #fafafa;} .white-back span{color: #111;} .button.white-back:hover {background-color: #f0f0f0;} .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: #9b8d48; background: -webkit-gradient(linear, left top, left bottom, from(#9b8d48), to(#8b7d39));background: -moz-linear-gradient(top, #9b8d48, #8b7d39);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b8d48', endColorstr='#8b7d39');} .button.brown-back:hover {background-color: #9b8d48;} .brown-back span{color: #fefefe;} .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 {border-top:solid 1px #dcdcdc; margin:0 0 10px; position:relative; padding:10px 0px} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.comment-author{font-size:20px;} ol.commentlist li .comment-date{font-size:11px; color:#393939; margin-left:50px} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; } ol.commentlist li div.vcard cite.fn{margin-left:50px} ol.commentlist li div.vcard cite.fn, cite.fn a.url { font-size: 18px; color:#000; font-style:normal} 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 ../images.avatar {position:absolute; left:0px; top:14px; } 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; color:#565656; } ol.commentlist li ul { font-weight:normal; font-size: 12px; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply{} ol.commentlist li div.reply a { display:inline-block; font-size:12px; color:#3a3a3b; text-decoration:none; background:#fff; padding:2px 12px; margin-top:12px} ol.commentlist li ul.children {border-top:solid 1px #dcdcdc; list-style:none; margin:12px 0 0; text-indent:0; padding-left:52px} ol.commentlist li ul.children li{ background:none; border:none; } ol.commentlist li ul.children li.depth-2 { margin:10px 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:10px 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 {width:490px} #commentform input[type="text"], #commentform textarea{float:left; margin:0px 0 20px 0px;width:404px; background:#fff; border:solid 1px #d4d4d4; height:26px; line-height:26px; padding:2px 4px} #commentform textarea{width:482px; height:136px; float:none; margin-bottom:10px} #commentform label{display:block; float:left; font-size:14px; color:#767676; height:35px; line-height:35px; width:60px; text-align:right; margin-right:16px} #commentform input[type="submit"]{float:right; letter-spacing:1px; cursor:pointer; border:none; color:#fff; width:132px; height:35px; text-align:center;} #commentform div{clear:both} #comments{font-size:11px; color:#65738e; margin-bottom:20px} #respond h3{margin-bottom:20px; color:#5a5a5a; font-size:22px} /*******************************************************************/ /********************* COMMON FORM STYLES *************************/ form input[type="text"], select, textarea{color:#333 !Important; height:24px;border:solid 1px #bdbdbd;padding:4px;background: #f6f6f6;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} form input[type="submit"], button[type="submit"]{height:26px; line-height:22px; color:#fff; padding:0px 6px 2px 6px; vertical-align:middle; background:#64507f; text-transform:uppercase; cursor:pointer; border:none} /*******************************************************************/ /*************************** 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 label{display:block;font-weight:bold;padding-bottom:6px;font-size:14px;} #search-form input{float:left;} #search-form input.txt{margin-right:0px;height:20px;padding:2px 8px;width:178px;background:#fff;font-family:Arial;font-size:12px;color:#eaeaea;color:red;} .error-descr-block .inner-title{margin:40px 0px 6px 0px;} /*******************************************************************/ /************************ PRICING TABLES **************************/ #pricing-table-1, #pricing-table-2{margin-bottom:40px } #pricing-table-1 .column, #pricing-table-2 .column{position:relative;float:left;text-align:center;margin-right:16px;} #pricing-table-1 .column{width:204px;background: #fdfdfd;background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f9f9f9));background: -moz-linear-gradient(top, #fdfdfd, #f9f9f9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f9f9f9');border:solid 1px #dfdfdf;padding:10px 10px 20px 10px;} #pricing-table-2 .column{margin-right:0; width:239px;background: #fdfdfd;background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f3f3f3));background: -moz-linear-gradient(top, #fdfdfd, #f3f3f3); progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f3f3f3'); padding-bottom:20px} #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} #pricing-table-2 .column:hover{background:#fff} #pricing-table-2{border:solid 1px #DEDEDE;} #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{ font-family:'BebasNeueRegular'; font-size:26px; border-bottom:dotted 1px #ccc;padding:10px 0px 20px 0px;margin-bottom:10px; letter-spacing:1px} #pricing-table-1 h2 span{ font-size:24px; color:#4a4a4a; display:block; padding-top:10px} #pricing-table-2 h2{padding:20px 10px 6px 10px; font-size:24px; color:#8d8d8d; text-transform:uppercase; border-bottom:solid 4px #e2e2e2} #pricing-table-2 h2 span{font-family:'BebasNeueRegular'; font-size:20px; letter-spacing:1px; padding:6px 0px; display:block} #pricing-table-2 .column span{display:block; margin-top:4px; color:#aaa} #pricing-table-1 li, #pricing-table-2 li{background:url('../images/pricing-tables/separator_1.png') no-repeat bottom center;color:#595959;padding-bottom:2px;line-height:40px; font-family:"Times New Roman", Times, serif; font-size:14px} #pricing-table-2 .button, #pricing-table-1 .button{text-transform:uppercase; padding:.4em 1.2em} #pricing-table-2 .button{background:#65738e; 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('../images/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('../images/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 30px;display: block;font-size: 12px;text-align: center;color: #333; background: url('../images/tree/white-highlight.png') top left repeat-x;background-color: #fff;border:dotted 1px #e0e0e0; } .primary-navigation li a:hover{background-color: #f0f0f0;} .primary-navigation li:last-child {background: url('../images/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('../images/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 {} .sitemap .primary-navigation li li:first-child {padding-top: 30px;} .sitemap .primary-navigation li li:last-child {background: url('../images/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('../images/tree/L3-ul-top.png') center top no-repeat;} .sitemap .primary-navigation li li li {background: url('../images/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('../images/tree/L3-li-top.png') left center no-repeat;} .sitemap .primary-navigation li li li:last-child {background: url('../images/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('../images/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 ../images{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 #ddd;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; color:#525a69} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current { text-decoration:none;color:#585858;padding: 4px 10px;text-decoration:none;font-weight:normal; background: #d3d4dd; margin-right:6px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .wp-pagenavi span.current, .wp-pagenavi a:hover { border-color: #d0d0d0;font-weight:bold; background:#eee} .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 **********************************/ #blog-left{float:left; width:622px} #blog-right{float:left; width:300px; margin-left:38px} .type-post, .type-portfolio{background:url('../images/divider.png') repeat-x bottom;padding-bottom:20px;margin-top:10px;clear:both;position:relative;margin-bottom:30px;} .post-block{margin-bottom:20px} .post-block a.read-more{ font-size:15px; color:#64507f; text-decoration:none; margin:20px 0 0 0} .post-thumb{float:left;display:block;margin-right:10px;width:236px; height:200px; background:#fff; padding:7px 7px 2px 7px; border:solid 1px #d9d9d9; -moz-box-shadow: 3px 3px 2px #d9d9d9; -webkit-box-shadow:3px 3px 2px #d9d9d9; box-shadow: 3px 3px 2px #d9d9d9; text-decoration:none } .no-image{text-align:center; height:187px; vertical-align:middle; display:table-cell; width:236px; text-decoration:none !important; font-size:14px} .post-desc{float: left;margin: 0 0 10px 16px;width: 344px; background:#fff; padding-bottom:14px} .post-thumb ../images{width:236px;height:196px; } .inner-block .inner-thumb{padding:6px 6px 0px 6px; background:#fff; border:solid 1px #ddd; display:block; margin-bottom:20px} .inner-block .inner-thumb ../images{max-width:608px; max-height:auto} .inner-block .post-title{font-size:26px; padding-top:10px} .inner-block .post-desc{float:none; width:auto; margin-left:0;} .inner-content{ padding:16px} h2.post-title {height:22px; overflow-y:hidden} h2.post-title, h2.post-title a{font-size:17px;color:#404040;} h2.post-title, .blog-excerpt, .post-block a.read-more{padding:0px 16px} .blog-excerpt {color:#929292; padding-top:6px} h2.post-title a{text-decoration:none;} .post-details {margin-bottom:10px;background:url('../images/blog_sep.png') repeat-x bottom; padding:0px 16px;padding-bottom:12px} .post-details ul{list-style:none} .post-details li {display:inline; background-repeat: no-repeat; background-position: left; padding:2px 6px 2px 20px; margin-right:6px; color:#686868} .post-details li.blog-date{background-image:url('../images/date.png')} .post-details li.blog-author{background-image:url('../images/author.png')} .post-details li.blog-comments{background-image:url('../images/comments.png')} .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 ../images{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;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;} .minimal-posts li{background:#fff; padding:10px; margin-bottom:10px; display:inline-block} .minimal-posts li a{color:#323232; text-decoration:none} .minimal-posts li a:hover{text-decoration:underline} /* ----- 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; background:#fff; padding:16px 18px} .widget h3, .widgettitle { margin: 0 0 10px 0; font-size:17px; color:#64507f} .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;color:#000;} .widget li a:hover { text-decoration: underline; } .widget ../images { 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;} .widget_rss a.rsswidget {color: #000;} .widget_rss a.rsswidget:hover {color: #ff4b33;} .widget_rss .widget-title ../images {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; padding:2px 4px} .widget_tag_cloud a:hover{background:#eee;color:#333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px} /*-- Calendar Widget--*/ #wp-calendar {width: 100%;} #calendar_wrap {background: #f6f6f6; border: 1px solid #D4CFDA;padding: 10px;} #wp-calendar caption {color: #9EA495;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;} #wp-calendar thead tr{background:url('../images/tab_separator.png') repeat-x center; height:30px; line-height:30px; margin-bottom:6px} #wp-calendar tbody {color: #111;} #wp-calendar tbody td {background: #f9f9f9;text-align: center; font-size:12px; padding:1px} #wp-calendar tfoot a{font-size:12px; color:#333; text-decoration:none; border-bottom:dotted 1px #333} #wp-calendar tbody td a{display:block;text-decoration:none;color:#fff; background:#64507F} #wp-calendar tbody .pad {background: none; border:none} #wp-calendar tfoot #next {text-align: right;} /*******************************************************************/ /*********************** SHORTCODES STYLES ************************/ a[href$=".pdf"] {padding-left:20px;background:url('../images/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(../images/check.png) no-repeat center left} .checklist.checklist-1 li{background-image: url(../images/icons/check_1.png);} .checklist.checklist-2 li{background-image: url(../images/icons/check_2.png);} .checklist.checklist-3 li{background-image: url(../images/icons/check_3.png);} .list ul {padding-left:8px;list-style:none!important;} .list ul li{padding:5px 5px 5px 24px;background: url(../images/icons/list.png) no-repeat left center;} .list.list-1 ul li{background-image: url(../images/icons/list-1.png);} .list.list-2 ul li{background-image: url(../images/icons/list-2.png);} .list.list-3 ul li{background-image: url(../images/icons/list-3.png);} .list.list-4 ul li{background-image: url(../images/icons/list-4.png);} .list.list-5 ul li{background-image: url(../images/icons/list-5.png);} .list.list-6 ul li{background-image: url(../images/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:#fdfdfd; border:solid 1px #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:#fdfdfd;border:solid 1px #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} /*********************** COLUMNS ***************************/ .one_half, .one_third, .two_third, .one_fourth , .three_fourth, .one_fifth, .four_fifth { float:left; margin-right:7%; /*margin-top:10px; margin-bottom:10px*/} .one_half { width: 45.5%; } .one_third { width: 29.16%; margin-right:6%} .two_third { width:63.32%; margin-right:7%} .one_fourth { width:21%; margin-right:5.3%} .one_fifth {width:16%; margin-right:5%; } .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(../images/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(../images/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('../images/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 {display:block;height: 35px; line-height:35px;text-align:center; text-transform:uppercase; text-decoration:none;padding:0px 10px;margin:0px; position:relative; color:#fff; background:#64507f; border-top:solid 1px #c1b9cc} .tabs a:active, .tabs a:hover, .tabs .current, .tabs .current:hover, .tabs li.current a {background: #f6f6f6;color:#000;border:solid 1px #d4cfda;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;background-color:#fff;border:solid 1px #d4cfda; } /*----- Tabs with icons -----*/ .tabs2 {margin-top:13px;height:83px; width:100%; background:none;} .tabs2 li { float:left;text-align:center;margin-top:7px;margin-right:-1px;position:relative;} .tabs2 a {color:#000;display:block;padding:10px 10px 0px 50px;position:relative;font-size:14px;text-decoration:none;height:41px; line-height:41px; margin-top:-2px !important;zoom: 1;} .tabs2 li.current a{background:#fbfbfb;border:1px solid #eee;border-top:none; font-weight:bold} .tabs2 ../images {position:absolute;cursor:pointer;left:10px;top:10px;z-index:22; width:32px; height:32px} .tabs2 strong {display:block; font-size:12px;} .panes2 {border:1px solid #eee;width:743px; height:255px;margin-bottom:-20px;padding-bottom:20px;position:relative;background:#fbfbfb;} .panes2 > div {display:none; padding:14px} .overlay {display:none;width:500px;padding:20px;} /*----- Tooltip Tabs -----*/ .tabs3{font-size:16px;font-weight:bold;} .tabs3 ../images {margin:0 20px 10px 0; cursor:pointer; } .tab-desc {border:1px solid #eee; width:450px;min-height:140px;display:none;margin-top:17px; padding:10px 20px;position:relative; background:#fbfbfb;} .tab-desc .arrow {float: left;height: 23px;margin: 0 10px;width: 39px;position:absolute;top:-23px;left:30px;background:url('../images/icons/arrow_up.png')} /*----- Accordion Tabs -----*/ .accordion { width: 400px;border:1px solid #eee; border-top:none;background:#fdfdfd;} .accordion h2 {margin:0;padding:10px 15px;font-size:14px;border:none;border-top:1px solid #eee; font-weight:bold;cursor:pointer; background:#fdfdfd;} .accordion h2.current {cursor:default;background:#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:dotted 1px #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(../images/toggle.png) no-repeat right -32px;text-shadow:none;} div.toggle-trigger.active a{background: url(../images/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(../images/tooltip1.png);font-size:12px;height:90px;width:181px;padding:10px 15px;color:#000; } .tooltip.style2 {background-image: url(../images/tooltip2.png) !important} .tooltip.style3 {background-image: url(../images/shortcodes/tooltip/white_arrow_big.png); color:#333} .tooltip2 {display:none; height:154px; padding:14px; width:322px; background:url(../images/tooltip1_big.png); color:#333} .tooltip2.style2{background:url(../images/tooltip2_big.png)} .tooltip2 a {color:#333;} .tooltip3 {background-color:#ebebeb; border:1px solid #f8f8f8; padding:10px 15px; width:200px; display:none; font-size:12px} .tooltip3.white{color:#fff} /*----- Overlays -----*/ .overlay {display:none;z-index:10000;background-color:#fdfdfd;width:675px; min-height:200px;border:1px solid #eee;} .overlay .close {background:url('../images/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 ../images{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:4px; border:solid 1px #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 5px 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{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 !Important} .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('../images/icons/contact-bg-phone.png')} .getintouch .i-fax {background-image:url('../images/icons/contact-bg-fax.png')} .getintouch .i-skype {background-image:url('../images/icons/contact-bg-skype.png')} .getintouch .i-email {background-image:url('../images/icons/contact-bg-email.png')} .getintouch.white p{color:#9c9c9c; width:200px; height:50px; padding-left:60px} .getintouch.white .i-phone {background-image:url('../images/icons/contact-footer-phone.png')} .getintouch.white .i-fax {background-image:url('../images/icons/contact-footer-fax.png')} .getintouch.white .i-skype {background-image:url('../images/icons/contact-footer-skype.png')} .getintouch.white .i-email {background-image:url('../images/icons/contact-footer-email.png')} /*----- Popular Posts -----*/ .list-post-thumb{background: url("../images/tablist_image.png") no-repeat;float: left;margin:6px 8px 0 0;padding: 3px 4px 3px 2px;width: 53px; height: 53px} .list-post-desc{float:right;width:174px;} .list-post-desc span{font-size:11px; color:#999} ul.popular-posts{padding-left:0;} .popular-posts li{list-style:none;padding:8px 0px;} .popular-posts li:last-child{background:none;} .popular-posts ../images, .list-post-thumb ../images{padding:0} .list-post-desc h4 a{font-size:12px;font-weight:bold;text-decoration:none;padding:2px 0 0 0;line-height:18px;display:block; color:#9EA495} .list-post-desc p {line-height:18px} .by-author{font-size:11px;} .add-info{background: url("../images/tab_separator.png") repeat-x scroll 0 0 transparent;height: 30px;line-height: 30px;margin-top: 8px;} /*----- Workstream Circles -----*/ .workstream ../images{border:none; display:block; margin:auto} .workstream {background: url("../images/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: .8;} .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('../images/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:#f8f8f8;border:1px solid #eee} #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("../images/menu_bg.png") repeat scroll 0 0 transparent;width:560px;} .caption p{color:#fff;} /*******************************************************************/ /****************** UNDER CONSTRUCTION PAGE ************************/ .meter{width:500px;height:30px; background:#7f6d96 ; margin:auto; position: relative; border:solid 1px #393939} .meter-wrap, .overlay{position: relative;} .meter-wrap, .meter-text {width: 500px; height: 30px;} .meter-value {background:url("../images/progress.png") no-repeat; width:32px; height:37px; text-align:center; position:absolute; top:34px; margin-left:-18px; padding-top:10px; font-weight:bold} .meter-wrap{background:url('../images/ucnext.png') repeat-x center center;text-align:left; } .meter-text {position: absolute;top:0; left:0;padding-top: 4px; color: #fff !important;text-align: center;width: 100%;text-shadow:0px 1px 1px #111;} #cs-logo-container{width:240px; float:left;margin-right:20px;} #cs-header-container{margin:30px auto 0px auto;width:100%;text-align:center;position:relative;} #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{color:#535353; line-height:30px;} .uc-block h1 {font-size:60px;color:#FFFFFF;text-shadow: 0 1px 1px #000} #coming-soon p#est{font:normal 34pt 'Times New Roman';margin-bottom:30px;color:#FFFFFF;text-shadow: 0 1px 1px #000} .uc-block{height:200px;width:838px;margin:auto;/*background:url('../images/coming-soon/shadow.png') no-repeat top;*/} #countdown-container{width:500px;margin:-20px auto 0px auto; text-align:center;} #countdown{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; margin-left:20px; color:#fff;text-shadow:0px 1px 1px #666;width:68px; height:68px; padding-top:12px; line-height:50px;text-align:center;background:url('../images/icon-bg.png') no-repeat} .countdown_section:first-child{margin-left:0px} .countdown_amount {font-size:22px;line-height:30px;color:#333;text-align:center;width:50px; text-shadow:none} .countdown_descr{display: block;font-size:20px; text-shadow:0px 1px 1px #555;} .hasCountdown{margin-left:120px;} #coming-soon{background:#6c568b url("../images/uc_bg.png") no-repeat center;} #coming-soon p, #coming-soon h3{color:#fefefe;text-shadow:#000 0px 1px 1px;text-align:center;} .meter-text{color:#ddd;} #coming-soon p, #coming-soon h3{margin-top:30px;} /*******************************************************************/ /*********************** 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:12px; color:#555} #twitter_update_list li span a{margin:10px 0px} #twitter_update_list {padding:0;} #twitter_update_list li span{font-size:12px;} .twitbird{background:url(../images/twit.png) no-repeat;width:26px;height:24px; margin-left:10px; padding-top:5px} .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('../images/twitter.png') no-repeat left;padding-left:48px;height:48px;} /*******************************************************************/ /******************** EVENTS WIDGET AND PAGE ***********************/ .event-title{color:#1db5e0;font-size:16px;padding-top:2px;} #event-wrapper{width: 960px;} .event-block{width:192px;margin:0px 20px 30px 0px;float:left; border:solid 1px #d1d1d1;padding:13px; position:relative; background:#fff} .event-block ../images{max-width:192px; height:auto;} .event-block h4{font-size:15px; padding:13px 0px 10px 0px; color:#404040} .event-content {color:#7f7f7f; position:relative} .event-bottom{background: url('../images/shadow.png') no-repeat; width:210px; height:8px; position:absolute; bottom:-22px; left:-8px} .event-date{padding-top:10px; border-top:dashed 1px #9f9f9f; margin-top:10px} .event-date span, .event-location span{text-transform:uppercase; color:#4a4a4a; font-family:"Times New Roman", Times, serif; font-size:11px} .event-date, .event-location{color:#9f9f9f; font-size:11px} /*******************************************************************/ /********************** 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(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;} .pagination li.current a {background-position:0 -12px;} /*******************************************************************/ #slider-mainwrap {width: 100%;background: url('../images/slider_bg.png') no-repeat center bottom;margin-top: 20px;} .text-align-left {float: left;width: 220px} .center{text-align:center} .tworowlimit{height:44px; overflow:hidden} strong{font-weight:bold} /***************** CONTACT FORM WIDGET ********************/ #contactFormWidget{width:222px;margin-top: 4px;} #contactFormWidget label{padding:3px 0px 0px 0px; float:left;text-align:left; width:100px} #contactFormWidget div{clear:both} #contactFormWidget input[type="text"]{height:20px; float:left;} #contactFormWidget input[type="text"], #contactFormWidget textarea{color:#eee !important; width:208px; background:transparent url('../images/form_widget_bg.png'); border:solid 1px #000; padding:3px 6px; margin-bottom:14px} #contactFormWidget textarea{height:70px; margin-bottom:6px} #contactFormWidget input[type="submit"]{width:85px; line-height:24px; height:24px; background:#d6d6d8 !important; border:none;cursor:pointer; color:#000; float:right;margin-top:4px; text-transform:none; font-size:13px; -moz-box-shadow: -5px -5px 5px #555; -webkit-box-shadow: -5px -5px 5px #555; box-shadow: -2px 1px 1px #555;} /*********************** SWITCHER PANEL ****************************/ /*********************** SWITCHER PANEL ****************************/ #switch-panel {font-size: 13px;font-style: normal;line-height: 30px;padding: 10px 12px 10px 10px; position: fixed;top: 320px;left:-5px;width:214px; height:150px; background:url('../images/switcher/switcher-bg.png') no-repeat; z-index:10000;margin-left: -227px;margin-top: -240px} #switch-panel>h6 {padding-bottom:0px;font-size:18px;margin-bottom:10px} #switch-panel p {font-size:11px;font-weight:bold; color:#333; text-transform:capitalize} #switch-panel h3{font-size:13px; font-family:"Times New Roman", Times, serif; color:#2b2b2b; letter-spacing:1px; margin:0px 0px 10px 0px; border-bottom:dotted 1px #ccc} #switch-panel a#close-panel {color: #000000;font-size: 0.8em;font-weight: bold;margin-top: 20px;text-transform: uppercase;} #switch-panel select{width:200px; background:#fefefe} #switch-panel button#change-font{float:right; line-height:26px; height:26px; cursor:pointer; margin:0px 14px 20px 0px} .skin-background{width:42px;height:43px; float:left; margin:0px 0px 4px 0px} .skin-background:hover, .skin-background.active-th, .pattern-div:hover, .pattern-div.active-pattern{cursor:pointer; opacity:0.8; -moz-opacity:.8} .pattern-div{width:20px; height:20px; float:left; border:solid 1px #ccc; margin:0px 4px 4px 0px} #options-handler{background: url("../images/switcher/settings-btn.png") no-repeat center; cursor: pointer;height: 135px; width:28px; overflow: hidden;position: fixed;text-indent: -10000px;top: 96px; left: 0; z-index: 10000;} #font-form select{border:solid 1px #ccc; margin-bottom:10px; float:left; width:150px; font-size:11px} #font-form div{clear:both} #font-form label{font-size:11px; line-height:20px; display:block; float:left; width:56px;} #font-form input[type="submit"]{cursor:pointer; height:28px; width:82px; background:url('../images/switcher/submit.png') no-repeat; cursor:pointer; border:none} #font-form label, #font-form label, #switch-panel h3, #switch-panel p{} /*******************************************************************/ /*******************************************************************/ /********************* TIMELINE SHORTCODE *************************/ .timeline {width: 100%;height: 280px;overflow: hidden;margin: 0px auto;position: relative;background: url('../images/tdot.png') left 45px repeat-x} #dates {width: 100%;height: 60px;overflow: hidden;} #dates li {list-style: none;float: left;width: 100px;height: 50px;font-size: 15px;text-align: center;background: url('../images/biggerdot.png') center bottom no-repeat;font-family:Times New Roman;} #dates a {text-decoration:none; line-height: 38px;padding-bottom: 10px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; color:#999999} #dates .selected {font-size: 20px; color:#333;font-family:Times New Roman;} #issues {width: 100%;height: 350px;overflow: hidden;} #issues li {width: 608px;height: 350px;list-style: none;float: left; padding-top:10px} .timeline #next, .timeline #prev {display:none !Important; position: absolute;top: 0;font-size: 70px;top: 170px;width: 22px;height: 38px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;} .timeline #next:hover, .timeline #prev:hover {background-position: 0 -76px;} .timeline #next {right: 0;background-image: url('../images/tnext.png');} .timeline #prev {left: 0;background-image: url('../images/tprev.png');} .timeline #next.disabled, .timeline #prev.disabled {opacity: 0.2} .timeline ../images{padding:20px} .tineline p {font-size:13px;color:#959595;line-height:20px;} .timeline h1 {padding-bottom: 8px;color: #999;font-family:Times New Roman;} /*-- Vertical version --*/ .timeline.vertical {height: 300px; background-position: 3px top; background-repeat: repeat-y;} .timeline.vertical #dates{width: 100px;height: 300px; float: left; margin-right:20px} .timeline.vertical #dates li {height: 100px;line-height: 100px;padding-left: 10px;background-position: left center} .timeline.vertical #issues {width: 400px;height: 300px;float: left} .timeline.vertical #issues li {width: 400px;height: 300px;} .timeline.vertical #next, .timeline.vertical #prev {left: 55%;font-size: 70px;width: 38px;height: 22px;background-position: 0 -44px; } .timeline.vertical #next:hover, .timeline.vertical #prev:hover {background-position: 0 0;} .timeline.vertical #next {top: 270px;background-image: url('../images/next_v.png');} .timeline.vertical #prev {top: 0;background-image: url('../images/prev_v.png');} .wp-caption{} .wp-caption-text{} .sticky{} .gallery-caption{} .bypostauthor {} .recent-posts-widget {margin-left:0 !important} .recent-posts-widget li{padding-bottom:6px; list-style:none; border:none} .blog-widget-thumb{width:60px; height:60px; display:block; background:url('../images/widget_frame_bg.png'); float:left; margin-top:4px} .blog-widget-thumb ../images{width:52px; height:52px; padding:4px} .recent-posts-desc{float:left; width:150px; margin-left:10px} .recent-posts-desc a{text-decoration:none; font-weight:bold} .contact-details{padding:10px; background:url('../images/widgets_bg.png'); margin-left:0 !important; margin-top:20px} .contact-details li{background-repeat:no-repeat; background-position:left; padding:0px 0px 0px 20px; list-style:none; border:none; line-height:36px; height:36px} .contact-details li.skype{background-image:url('../images/skype_icon.png')} .contact-details li.phone{background-image:url('../images/phone_icon.png')} .contact-details li.email{background-image:url('../images/email_icon.png')}