/* Theme Name: Blend-HRM Theme URI: http://blend-hrm.com Description: HR Redefined Version: 1 Author: Jay Kapadia Author URI: http://www.thirdid.com Tags: Blend HRM green: #82bc41 */ /* RESET ---------------------------------------*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, strong, ol, ul, li, fieldset, form, label, dl, dt, dd{ background: transparent; border: 0; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus { outline: 0; } html, body { height: 100%; } ol, ul { float:left; list-style: none; margin-bottom:18px; width:100%; } div, li { float:left; width:100%; } blockquote { float:left; border-left:3px solid #1c8f8b; font-style: italic; padding:20px; margin:20px; width:513px; } strong { font-weight: bold; } em { font-style: italic; } hr { display: none; } .right { float: right; } .left { float: left; } .hide { display: none; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* COMMON ELEMENTS ---------------------------------------*/ body { background-color:#fff; color: #333333; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; line-height:18px; height: 100%; } a { color:#82bc41; text-decoration:none; } a:hover { text-decoration:underline; } p { float:left; margin-bottom: 18px; width:100%; } h1 { float:left; font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; width:100%; } h2 { float:left; font-weight: bold; font-size: 15px; line-height: 18px; margin-bottom: 7px; width:100%; } h3 { float:left; font-weight: bold; font-size: 1em; line-height: 18px; width:100%; } h4 { float:left; font-weight: bold; font-size: 10px; line-height: 18px; width:100%; } h1.main-title, h2.main-title { float:left; font-size:14px; font-weight:bold; line-height:18px; padding-bottom:15px; margin:0; width:100%; } h1.new-title { font-size:20px; } h2.page-title { float:left; font-weight: bold; font-size: 24px; line-height: 36px; width:100%; } h1.page-title, h2.page-title { color:#82bc41; border-right:1px dotted #606060; text-transform:uppercase; padding:15px 20px 15px 0; margin-bottom:0; margin-right:20px; width:auto; } h3.highlight { color:#82bc41; font-size:16px; font-weight:normal; } .wrapper, .wrapper-simple { float:left; width:100%; } .wrapper-simple { margin-bottom:10px; } .nm { margin:0 !important; } .mr20 { margin-right:20px; } .right-justify { text-align:right; } .image-right { float:right; border:10px solid #fff; margin:0 0 10px 10px; } .image-left { float:left; border:10px solid #fff; margin:0 10px 10px 0; } .image-full { float:left; border:10px solid #fff; width:672px; } .bottom { padding:0; margin:0; } .green-bg { background-color:#e6f2da; padding:35px; } .p-heading { float:left; color:#555; font-weight:bold; padding-bottom:7px; width:100%; } .red { color:red; } .message-box-error, .message-box-success { float:left; border:1px solid #f0f0f0; color:#fff; font-weight:bold; padding:5px 10px; margin-bottom:10px; width:968px; } .message-box-error { background-color:#990000; } .message-box-success { background-color:#129900; } .message-box-error span { color:#e10000; } .message-box-success span { color:#1add00; } a.learn-more, a.continue, a.candidate, a.client { float:left; display:block; background:url(images/learn-more.jpg) 0 0 no-repeat; text-indent:-9999px; margin-top:4px; width:73px; height:18px; } a.learn-more:hover, a.continue:hover, a.candidate:hover, a.client:hover { background:url(images/learn-more.jpg) 0 -18px no-repeat; } a.continue { background:url(images/continue.jpg) 0 0 no-repeat; } a.continue:hover { background:url(images/continue.jpg) 0 -18px no-repeat; } a.candidate { background:url(images/candidate.jpg) 0 0 no-repeat; margin-right:80px; } a.candidate:hover { background:url(images/candidate.jpg) 0 -18px no-repeat; } a.client { background:url(images/client.jpg) 0 0 no-repeat; } a.client:hover { background:url(images/client.jpg) 0 -18px no-repeat; } /* LAYOUT ---------------------------------------*/ #shell{ clear:both; float:none; margin:0 auto; width:980px; } #main-nav{ height:37px; overflow:hidden; } #main-nav li{ float:left; display:inline; width:140px; height:37px; } #main-nav li.nav-logo{ width:117px; } #main-nav li.nav-search{ background:url(images/nav-bg.png) top right no-repeat; width:163px; } #main-nav li a{ float:left; text-indent:-9999px; width:100%; height:100%; } .nav-logo a{ background:url(images/nav-bg.png) 0 0 no-repeat; } .nav-profile a{ background:url(images/nav-bg.png) -117px 0 no-repeat; } .nav-services a{ background:url(images/nav-bg.png) -257px 0 no-repeat; } .nav-register a{ background:url(images/nav-bg.png) -397px 0 no-repeat; } .nav-jobs a{ background:url(images/nav-bg.png) -537px 0 no-repeat; } .nav-contact a{ background:url(images/nav-bg.png) -677px 0 no-repeat; } .nav-logo a:hover{ background:url(images/nav-bg.png) 0 -37px no-repeat; } .nav-profile a:hover{ background:url(images/nav-bg.png) -117px -37px no-repeat; } .nav-services a:hover{ background:url(images/nav-bg.png) -257px -37px no-repeat; } .nav-register a:hover{ background:url(images/nav-bg.png) -397px -37px no-repeat; } .nav-jobs a:hover{ background:url(images/nav-bg.png) -537px -37px no-repeat; } .nav-contact a:hover{ background:url(images/nav-bg.png) -677px -37px no-repeat; } .nav-logo a:active{ background:url(images/nav-bg.png) 0 -74px no-repeat; } .nav-profile a:active{ background:url(images/nav-bg.png) -117px -74px no-repeat; } .nav-services a:active{ background:url(images/nav-bg.png) -257px -74px no-repeat; } .nav-register a:active{ background:url(images/nav-bg.png) -397px -74px no-repeat; } .nav-jobs a:active{ background:url(images/nav-bg.png) -537px -74px no-repeat; } .nav-contact a:active{ background:url(images/nav-bg.png) -677px -74px no-repeat; } .nav-profile a.active{ background:url(images/nav-bg.png) -117px -111px no-repeat; } .nav-services a.active{ background:url(images/nav-bg.png) -257px -111px no-repeat; } .nav-register a.active{ background:url(images/nav-bg.png) -397px -111px no-repeat; } .nav-jobs a.active{ background:url(images/nav-bg.png) -537px -111px no-repeat; } .nav-contact a.active{ background:url(images/nav-bg.png) -677px -111px no-repeat; } #feature { margin-bottom:25px; height:225px; } #sub-nav { background:url(images/home-stack-bg.jpg) repeat-x bottom; padding-bottom: 18px } #sub-nav ul { padding-top:20px; width:auto; } #sub-nav ul li { display:inline; padding-right:25px; width:auto; } #sub-nav ul li a { color:#000; font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-weight:bold; } #sub-nav ul li a:hover { color:#82bc41; text-decoration:none; } #sub-nav ul li a.active { color:#82bc41; } #content { margin:25px 0; } .content-alpha { padding-right:50px; width:550px; } .content-alpha .green-bg { width:490px; } .content-beta { width:380px; } .content-beta .green-bg { width:310px; } .content-alpha-small { padding-right:50px; width:380px; } .content-alpha-small .green-bg { width:320px; } .content-beta-large { width:550px; } .content-beta-large .green-bg { width:480px; } .content-alpha-xsmall { padding-right:50px; width:275px; } .content-alpha-xsmall .green-bg { width:215px; } .content-beta-xlarge { width:655px; } .content-beta-xlarge .green-bg { width:585px; } #footer { float:left; border-top:2px solid #82bc41; border-bottom:1px solid #e5e5e5; color:#82bc41; font-size:10px; padding:10px 0 8px 0; margin:15px 0; width:100%; } #footer span { color:#333333; } #footer ul { float:right; margin:0; width:400px; } #footer ul li { float:right; display:inline; padding-left:20px; width:auto; } #footer img { height:20px; } .copyright { float:left; padding-top:3px; width:300px; } #footer .copyright ul { float:left; margin:0; width:300px; } #footer .copyright ul li { float:left; display:inline; border:none; border-right:1px dashed #ccc; margin:0; padding:0; padding-top:5px; margin-right:10px; padding-right:10px; width:auto; height:22px; } /* HOME PAGE ---------------------------------------*/ #feature-home { position:relative; background:url(images/feature-bg.jpg) no-repeat; margin-bottom:25px; height:440px; overflow:hidden; } #home-content { background:url(images/home-content-bg.jpg) no-repeat; height:400px; overflow:hidden; } #home-content ul li { display:inline; padding-top:27px; width:980px; height:373px; overflow:hidden; } #prevBtn { padding-left:465px; } #nextBtn, #prevBtn { float:left; padding-top:20px; } #nextBtn a, #prevBtn a { float:left; display:block; background:url(images/prevNextBtns.png) 0 0 no-repeat; text-indent:-9999px; width:22px; height:23px; overflow:hidden; cursor:pointer; } #nextBtn a { background:url(images/prevNextBtns.png) -22px 0 no-repeat; } #nextBtn a:hover { background:url(images/prevNextBtns.png) -22px -23px no-repeat; } #prevBtn a:hover { background:url(images/prevNextBtns.png) 0 -23px no-repeat; } #mainBanner { width:100%; height:100%; text-align:center; } #mainBanner p { padding-top:200px; } #home-stack{ float:left; padding:25px 0; background:url(images/home-stack-bg.jpg) repeat-x; width:100%; } #home-stack-l, #home-stack-r, #home-stack-m { width:315px; margin-right:25px; height:280px; overflow:hidden; } #home-stack-r { margin:0; } #home-stack-m { background-color:#e6f2da; padding:25px; width:250px; height:230px; } .home-stack-item { font-size:11px; color:#9d9d9d; margin-bottom:30px; height:auto; overflow:hidden; } .home-stack-info { width:100%; } .home-stack-title { width:100%; } .home-stack-title h3 { color:#333; font-size:24px; font-family:Tahoma, Arial; margin-bottom:-3px; } .home-stack-title { float:left; display:inline; color:#646464; font-size:11px; font-weight:normal; text-transform:none; margin-bottom:10px; width:100%; } .home-stat-item { color:#646464; font-size:11px; font-style:italic; line-height:15px; margin-bottom:25px; height:60px; overflow:hidden; } .home-stat-item span { float:left; display:block; font-family:Arial,Verdana,sans-serif; font-size:50px; font-style:normal; font-weight:bold; line-height:0; text-align:center; width:98px; height:60px; overflow:hidden; } .home-stat-item span .tiny { display:inline; float:none; font-size:20px; } /* MISC ---------------------------------------*/ .content-alpha ul{ padding-bottom:15px; } .content-alpha ul li, .content-beta ul li, .content-alpha-small ul li{ padding:5px 15px; width:350px; } ul.disc li{ background:url(images/disc.jpg) 15px 0 no-repeat; padding:5px 45px; width:420px; } .content-alpha .green-bg ul li, .content-beta .green-bg ul li, .content-alpha-small .green-bg ul li{ padding:5px 15px; width:290px; } .content-alpha .green-bg ul li, .content-beta-large .green-bg ul li{ width:450px; } .content-alpha-xsmall .green-bg ul li { padding:5px 15px; width:185px; } .content-beta-xlarge iframe { overflow:hidden; scroll:none; } .content-beta-large .message-box-error, .content-beta-large .message-box-success { width:528px; } .content-beta-xlarge .message-box-error, .content-beta-xlarge .message-box-success { width:633px; } #searchform-header { float:left; display:inline; padding:10px 0 0 45px; } #searchform-header input { float:left; display:inline; border:0; color:#aaa; font-size:11px; width:100px; } .green-quote { background:url(images/quote-bg.jpg) no-repeat; font-style:italic; font-weight:bold; padding:10px 0 0px 75px; margin:0; width:235px; } .contact-address { background:url(images/address-2.jpg) no-repeat; padding-bottom:10px; padding-left:10%; padding-right:5%; width:35%; } .contact-phone { background:url(images/phone-2.jpg) no-repeat; padding-bottom:10px; padding-left:10%; width:40%; } .contact-email { background:url(images/email-2.jpg) no-repeat; padding-bottom:10px; padding-left:10%; padding-top:4px; width:40%; } .contact-blurb { font-size:13px; text-align:center; padding:70px 0 30px; } .contact-wrapper { float:left; padding:15px 75px; width:230px; text-align:none; } .contact-map { border:1px solid #aaa; padding:15px; width:518px; } #map { display:block; height:400px; width:100%; } ul.search-results li { padding-bottom:17px; } ul.search-results li p { margin-bottom:0 !important } #slider{ float:left; display:block; position:relative; list-style:none; font-size:110%; width:auto; height:auto; overflow:hidden; } #slider li{ float:left; display:block; position:absolute; width:310px; overflow:hidden; z-index:8; } #slider li.active{ z-index:10; } #slider li.last-active{ z-index:9 } .slide-lr{ position:relative; display:block; float:left; width:100%; height:80px; overflow:hidden; } .slide-lr li{ position:absolute; left:400px; } /* FORMS ---------------------------------------*/ .std-form { float:left; font-family:Verdana; font-size:11px; width:100%; } .std-form ul { margin:0; } .std-form label { float:left; text-align:right; padding-right:3px; width:137px; } .std-form input, .std-form textarea, .std-form select { float:left; font-family:Verdana; font-size:10px; } .std-form textarea { width:390px; } .lastName { visibility: hidden; } #content .form-section { float:left; border-top:1px solid silver; padding:5px 0; width:100%; } #content .form-section-title { float:left; font-weight:bold; padding-bottom:4px; width:100%; } #content .form-half { float:left; width:50%; } #content .form-section li { padding-bottom:4px; }