@charset "utf-8"; /* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Styles */ /* colors=> */ @blackish: #212121; @blue: #3F94B2; @ltgray: #E4E8EB; @gray: #666; @orange: #DE6E2C; .caps {text-transform:uppercase; letter-spacing:.08em;} .sans {font-family:ff-meta-web-pro;} .smcaps {font-size:12px; .caps;} .border-tb {border-top:solid 1px @ltgray; border-bottom:solid 1px @ltgray;} .border-b {border-bottom:solid 1px @ltgray;} .border {border:solid 1px @ltgray;} .drop {-webkit-box-shadow: 3px 3px 6px 2px @blackish; -moz-box-shadow: 3px 3px 6px 2px @blackish; box-shadow: 3px 3px 6px 2px @blackish; behavior: url(/PIE.htc);} .rounded {border-radius:8px; behavior: url(/PIE.htc);} .italix {font-style:italic;} .gradient { background: linear-gradient(top, #FFFFFF 1%, #EDEDED 76%); background: -o-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%); background: -moz-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%); background: -webkit-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%); background: -ms-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%); -pie-background: linear-gradient(#FFFFFF, #EDEDED); /*PIE*/ behavior: url(/PIE.htc); } .glow { -moz-box-shadow: 0 0 5px @gray; -webkit-box-shadow: 0 0 5px @gray; box-shadow: 0 0 5px @gray; behavior: url(/PIE.htc); } .button {.rounded; background-color:@blue; .sans; font-size:14px; color:#FFF;} body {font:normal 16px/28px ff-meta-serif-web-pro; color:@blackish; background-color:@ltgray; } h1 {font-size:53px; line-height:31px; .sans; color:@orange;} h2 {font-size:24px;} h3 {.smcaps; .border-b; line-height: 18px;} h4 {font-weight:bold;} h5 {font-size:14px; .sans;} a:link, a:visited {color:@blue; text-decoration:none;} a:hover {color:@orange; text-decoration:none;} strong {font-weight:bold; } blockquote {padding-left:20px;} div#content {width:1280px; margin:0 auto; position:relative; background-color:#FFF; .glow;} .clear {clear:both; margin:0;} header {width:1024px; margin:0 auto; h2 {font-size:22px; font-style:italic; text-align:center; padding:44px 0 15px 0;}} nav { width:656px; .border-tb; margin-left:310px; ul {.border-tb; margin:3px 10px; font-size:14px; .caps; .sans; padding: 2px 40px 0 40px; li {display:inline; margin: 0 12px; a:link, a:visited {color:@blackish; &:hover {color:@blue;}}} li.current_page_item a {color:@blue !important;}}} div#primary-content {clear:both; width:1024px; margin:0 auto; padding-bottom: 20px;} section#page-left {width:690px; margin:55px 20px 20px 0; float:left; article {margin-bottom:20px;} h2 {.sans; font-weight:bold; margin:20px 0 15px 0; color:@blue;} p.date {.smcaps; color:@gray; margin:-5px 0 0 0; } p {margin:0 0 15px 0; a:link, a:visited {color:@orange; .italix; &:hover {color:@blue;}}} } /* ------------------------------ Home --------------------------------- */ aside#featured {background:url(/images/featured-bg.png) no-repeat left top; width:1280px; height:340px; color:#FFF; font-size:20px; line-height:31px; clear: both; margin-bottom:65px; div.featured-block {width:1024px; margin:0 auto; padding:65px 0; h1 {margin-top:8px;} p {margin:20px 0 0 0; a:link, a:visited {color:@orange; .italix ; &:hover {color:@blue;}}} .attachment-featured-thumb {position: relative; float:left; .border; .drop; margin:0 20px 0 0; z-index:2; } #action { position:relative; .rounded; .drop; background-color:@orange; font-size:35px; display:block; float:left; .sans; color:#FFF; margin-left:-40px; padding:10px 10px 10px 40px; font-style:normal; z-index:1; margin-top:20px; &:hover {background-color:@blue; } span {display:block; margin-top:10px; float:left;}}}} aside#services { ul li.service-box {width:300px; height:280px; padding:10px; .rounded; .gradient; .glow; margin:10px 0 0 32px; display:block; float:left; font-size:14px; line-height:24px; p {margin:10px 0;} img.logo1 {float:left; padding:0 10px 10px 0;} img.logo2 {float:right; padding:0 10px 10px 0;} img.logo3 {float:left; padding-right:10px;} img.logo4 {float:right; padding:0 10px 10px 0;} }} .courses { img {display:none;} ul li {background:url(/images/sprite.png); max-width:200px; height:20px; background-position:-32px -532px; .sans; margin-bottom:10px; padding:3px 0 0 15px; font-size:16px;}} .archive-link {.sans; display:block; margin-top:20px;} /* ------------------------ Sidebar ---------------------- */ aside#sideBar {width:310px; float:right; ul {margin:85px 0 20px 0; } li.testimonials {text-align:right; margin-bottom:20px; padding-bottom:20px; p {font-size:27px; line-height:33px; .italix; } .t-author {width:115px; float:right; font-size:12px; color:@gray; .italix; line-height:18px; img {margin:5px 0 0 10px;}}}} /* -------------- Alt Sidebar Page ----------------- */ aside#sideBar { div.featured-block {margin: -150px 0 30px; h2 {font-size:30px; font-weight:bold; line-height:38px; .sans; color:@blue; margin:20px 0 0 0;} p {margin:0; a {.sans; font-weight:bold;}} .caption {font-size:20px; .sans; margin-top: -20px;} .attachment-featured-sidebar {.border; .drop; margin:0 0 20px 0; } }} body.page-template-no-intro-alt-sidebar-page-template-php div#content div#primary-content section#page-left, body.page-template-no-sidebar-php div#content div#primary-content section#page-left{margin:-50px 0 0 0;width:100%;} .textwidget {margin-top:20px;} /* ---------------------- Pages ---------------------------- */ aside#intro {background:url(/images/intro-bg.png) no-repeat left top; width:1280px; height:auto; font-size:20px; line-height:31px; clear: both; margin-bottom:65px; div.intro-block {width:1024px; margin:0 auto; padding:65px 0; div.left {float:left; width:100%;} div.right {float:right; width:500px;} h2 {font-size:53px; line-height:53px; .sans; color:@orange; padding: 15px 0;} p {margin:20px 0 0 0;} .caption {text-align:center; .sans;} .attachment-intro-thumb {position: relative; float:right; .border; .drop; margin:0 0 20px 0; } }} body.page div.intro-block2 {width:1024px; margin:0 auto; padding:0; div.left {float:left; width:500px; margin-top:-65px;} div.right {float:right; width:500px; margin-top:-140px;} h2 {font-size:53px; line-height:38px; .sans; color:@orange; padding: 15px 0;} p {margin:20px 0 0 0;} .caption {text-align:center; .sans; font-size:20px;} .attachment-intro-thumb {position: relative; float:right; .border; .drop; margin:0 0 20px 0; } } body.page div#content div#primary-content section#page-left ul body.page, body.single { div#content div#primary-content section#page-left article ul li {background:url(/images/sprite.png) no-repeat -32px -532px; max-width:700px; min-height:20px; margin:20px; padding:0 0 0 15px; font-size:16px;}} section#page-left ol {list-style: decimal inside none; li {padding:0 0 10px 15px;}} body.page-template-no-sidebar-php div#content div#primary-content section#page-left ul li {background:url(/images/sprite.png) no-repeat -32px -532px; max-width:700px; min-height:20px; margin:20px; padding:0 0 0 15px; } body.page, body.single { div#content div#primary-content section#page-left article ul li.outlined-list {background: none; .border; padding:15px; margin:0 0 10px 0; a:link, a:visited {color:@orange; &:hover {color:@blue;}}}} .button-right {.button; float:right; margin-top:20px; padding:5px 10px; color:#FFF !important; display:block; a:link, a:visited {color:#FFF !important; &:hover {color:#FFF;}} &:hover {background-color:@orange;}} /* -------------------------------------------- Single Post ---------------------------------------------- */ .default-page-style { div#content { aside#intro { div.intro-block div.left {width: 700px; h1 {font-size:35px; font-weight:bold; padding: 10px 0 10px; line-height:38px; }}} div#primary-content { section#page-left {margin: 0 20px 20px 0; p a:link, p a:visited {font-style:normal; color: #DE6E2C;} }} article {margin: -60px 0 0;} }} body.single { .default-page-style; p.date {margin:0 0 20px 0!important;}} body.single div#content aside#intro div.intro-block div.left h1 a:link, body.single div#content aside#intro div.intro-block div.left h1 a:visited {color:@orange!important;} body.single div#content aside#intro div.intro-block div.left h1 a:hover {color:@blue!important;} .post-nav {margin-top:20px;} section #comments {margin:20px 0; ul li {}} /* Error 404 */ body.archive {.default-page-style; section#page-left {margin: -60px 20px 20px 0 !important; article {margin: 0;} } } body.error404 {.default-page-style;} /* Sprite */ .sprite{background-image:url('/images/sprite.png');background-repeat:no-repeat} .btn_arrow {width:50px;height:50px; background-position:-26px -122px; float:right; margin: 0 0 0 20px; } #action:hover .btn_arrow {background-position:-87px -122px;} .logo{width:300px;height:122px;background-position:0 0; float:left; display:block; margin:18px 0 0 -44px; } .fb{width:70px;height:70px;background-position:0 -172px} .gp{width:70px;height:70px;background-position:-99px -172px} .t{width:70px;height:70px;background-position:-198px -370px} .rss{width:70px;height:70px;background-position:0 -469px} .book{width:38px;height:36px;background-position:-125px -483px; float:left;} .tv{background-image:url('/images/sprite.png');background-repeat:no-repeat; .sans; max-width:300px;height:34px;background-position:-206px -480px; display:block; padding: 4px 0 0 35px;} .list{width:68px;height:68px;background-position:-261px -469px} .linkedin{width:70px;height:70px;background-position:0 -370px} .rss:hover{width:70px;height:70px;background-position:-99px -370px} .fb:hover{width:70px;height:70px;background-position:-198px -172px} .gp:hover{width:70px;height:70px;background-position:0 -271px} .linkedin:hover{width:70px;height:70px;background-position:-99px -271px} .t:hover{width:70px;height:70px;background-position:-198px -271px} /* Footer */ footer {border-top: solid 60px @blackish; background-color:@gray; line-height: 25px; padding-bottom:20px; color:#FFF; font-size:14px; .sans; a:link, a:visited {color:#FFF; &:hover {color:@orange;}} section {clear:both; div { margin: -43px 0 0 30px; width: 550px; float:left; } div.left {padding-left:100px;} ul.menu {.caps; margin-top: 27px;} ul.social-icons { padding-left:200px; li {display:block; float:left; margin: -20px -10px 0 0; }} ul.social-links {clear:both; padding: 3px 30px 0 230px;}}} /* xxxxxxxxxxxxxx Plugin Content xxxxxxxxxxxxxx */ /* Newsletter Form */ #af-form-1898137445 { border-style: none !important; background-color: #FFF !important; p {display:none;}} #af-form-1898137445 .af-body input.text, #af-form-1898137445 .af-body textarea { border-color: @blackish !important; color: @blackish !important; font-family: ff-meta-serif-web-pro,sans-serif !important; font-size: 14px !important; padding:6px !important; width:297px !important; } #af-form-1898137445 .af-body label.previewLabel { color: @blackish !important; font-family: ff-meta-web-pro,sans-serif !important; font-size: 14px !important; } .af-element { padding: 0 !important; } #af-form-1898137445 .af-body { color: @blackish !important; font-family: ff-meta-serif-web-pro,sans-serif !important; font-size: 14px !important; padding-bottom: 0px !important; padding-top: 0px !important; } #af-form-1898137445 .buttonContainer input.submit { background-color: @blue !important; background-image: none !important; border: none !important; color: #FFFFFF !important; font-family: ff-meta-web-pro,sans-serif !important; font-size: 16px !important; padding: 8px 12px; margin-top:10px; .button; } #af-form-1898137445 .buttonContainer input.submit:hover { background-color: @orange !important; } #af-form-1898137445 .af-body input.text:focus, #af-form-1898137445 .af-body textarea:focus { background-color: @ltgray !important; border-color: @gray !important; }