/* =General Elements ----------------------------------------------- */ html{background-color:#000;} body {background:url('../images/bg-home.jpg') top center no-repeat fixed; font:12px Arial, Helvetica, sans-serif; color:#fff; color:rgba(255,255,255,1);} body#home{background:url('../images/bg-home.jpg') top center no-repeat fixed;} body#about,body#leadership,body#icom{background:url('../images/bg-about.jpg') top center no-repeat fixed;} body#services{background:url('../images/bg-services.jpg') top center no-repeat fixed;} body#work{background:url('../images/bg-work.jpg') top center no-repeat fixed;} body#clients{background:url('../images/bg-clients.jpg') top center no-repeat fixed;} body#blog{background:url('../images/bg-blog.jpg') top center no-repeat fixed;} body#contact{background:url('../images/bg-contact.jpg') top center no-repeat fixed;} img {border:0;} acronym, abbr {font-variant:small-caps; letter-spacing:.2em; cursor:help;} strong {font-weight:bold;} em {font-style:italic;} code {display:block; font-family:Monaco, monospace; font-size:110%; line-height:1.4em; text-align:left; margin:1.4em 1.6em;} p {padding-bottom:1em;} blockquote{ margin: 1em 2em 2em 2em; padding: .5em 1em; border-left: 5px solid #222; line-height:1.5em; quotes:"\201C""\201D""\2018""\2019"; font-style:italic; } blockquote p{margin:0; padding:0;} blockquote p span{display:block; text-align:right; font-size:.8em; font-weight:bold; font-style:normal; margin:1em 0;} a {text-decoration:none; color:#fff;} a:link {} a:visited {} a:hover {text-decoration:underline;} a:active {} /* =Utility Styles ----------------------------------------------- */ .hide {position:absolute; left:-999em; width:99em;} .moreinfo {cursor:help; border-bottom:.1em dotted #999;} .runleft {float:left; margin:0 .5em .7em 0;} .runright {float:right; margin:0 0 .7em .5em;} /* =Layout ----------------------------------------------- */ #wrap {width:960px; margin:0 auto; overflow:hidden; clear:both;} /* =Header and Global Navigation ----------------------------------------------- */ #header {height:75px; background:url('../images/top-bar.png') top left repeat-x;} #header #header-info{width:960px; margin:0 auto;position:relative;} #header h1#logo{width:306px; float:left;} #header #logo a{display:block;width:306px;height:96px;text-indent:-2000px;overflow:hidden;background:url('../images/logo.png') no-repeat;position:relative;top:0;left:-10px;} a.pill{display:block; height:25px; float:right; background:url('../images/bg-pill-left.png') top left no-repeat;} a.pill span{display:block; height:25px; margin-left:15px; padding-right:15px; background:url('../images/bg-pill-right.png') top right no-repeat; padding-top:2px; font-weight:bold; color:#363636; text-shadow:1px 1px 1px #fff; font-size:11px; } a.pill:hover, a.pill:hover span{color:#111; text-decoration:none;} a.pill:active{background-image:url('../images/bg-pill-pressed-left.png');} a.pill:active span{background-image:url('../images/bg-pill-pressed-right.png');} .pill.active{opacity:1 !important;} .pill.active span{color:#111;} /* Global Nav*/ #header #global-nav {display:block; float:left; width:597px; height:68px; overflow:hidden; position:relative; left:60px; top:0;} #header #global-nav li {display:block; float:left; overflow:hidden; padding:0;} #header #global-nav li a {display:block; height:68px; width:74px; text-indent:-9999em; background:url('../images/nav.gif') no-repeat 0px 0px !important;} #header #global-nav li a#home-link{width:75px; background-position:0 0px !important;} #header #global-nav li a#home-link:hover, #header #global-nav li a#home-link.active{background-position:0 -68px !important;} #header #global-nav li a#home-link:active{background-position:0 -136px !important; position:relative; top:2px;} #header #global-nav li a#about-link{background-position:-80px 0px !important; width:78px;} #header #global-nav li a#about-link:hover, #header #global-nav li a#about-link.active{background-position:-80px -68px !important;} #header #global-nav li a#about-link:active{background-position:-80px -136px !important; position:relative; top:2px;} #header #global-nav li a#services-link{background-position:-165px 0px !important; width:100px;} #header #global-nav li a#services-link:hover, #header #global-nav li a#services-link.active{background-position:-165px -68px !important;} #header #global-nav li a#services-link:active{background-position:-165px -136px !important; position:relative; top:2px;} #header #global-nav li a#work-link{background-position:-265px 0px !important; width:80px;} #header #global-nav li a#work-link:hover, #header #global-nav li a#work-link.active{background-position:-265px -68px !important;} #header #global-nav li a#work-link:active{background-position:-265px -136px !important; position:relative; top:2px;} #header #global-nav li a#clients-link{background-position:-353px 0px !important; width:80px;} #header #global-nav li a#clients-link:hover, #header #global-nav li a#clients-link.active{background-position:-353px -68px !important;} #header #global-nav li a#clients-link:active{background-position:-353px -136px !important; position:relative; top:2px;} #header #global-nav li a#blog-link{background-position:-440px 0px !important; width:71px; margin-left:5px;} #header #global-nav li a#blog-link:hover, #header #global-nav li a#blog-link.active{background-position:-440px -68px !important;} #header #global-nav li a#blog-link:active{background-position:-440px -136px !important; position:relative; top:2px;} #header #global-nav li a#contact-link{background-position:-512px 0px !important; width:100px;} #header #global-nav li a#contact-link:hover, #header #global-nav li a#contact-link.active{background-position:-512px -68px !important;} #header #global-nav li a#contact-link:active{background-position:-512px -136px !important; position:relative; top:2px;} /* =Content ----------------------------------------------- */ #content {margin-top:40px; text-shadow:1px 1px 1px rgba(0,0,0,.8); overflow:hidden;} #content h2{display:block; font-size:33px; letter-spacing:-1px; margin-bottom:40px; padding-bottom:13px;} #content h2 a{color:#fff;background:transparent url(../images/bg-active-heading.gif) repeat-x scroll left bottom; padding-bottom:15px;} #content h2 a:hover{text-decoration:none;} #sub-content{background:url('../images/bg-subcontent.png'); overflow:hidden; margin-bottom:80px;} #sub-content .sub-mask{position:relative;} #sub-content .sub-mask .panel{width:560px; position:absolute; margin-right:70px; clear:both; overflow:hidden;} #sub-content .sub-mask .panel h3{font-size:23px; letter-spacing:0px; margin-bottom:20px;} #sub-content .left{float:left; width:570px; padding:50px 45px; line-height:2em; position:relative; } #sub-content .left p{font-size:17px; color:#ccc;} #sub-content .left p strong{font-size:20px; letter-spacing:0px; display:block; padding-bottom:.6em; line-height:1.3em; color:#eee;} #sub-content .left a {text-decoration:underline;} body#leadership #sub-content .left a {text-decoration:none;} #sub-content .left ul{} #sub-content .left ul li, #sub-content .left dl dt, #sub-content .left dl dd{font-size:14px;} #sub-content .left ul li:before{content:'+ ';} .current-page-title{font-size:12px; letter-spacing:0px; margin-left:15px; text-transform:capitalize !important;} #sub-content .right{float:left; width:294px; background:url('../images/bg-subdivider.png') 0px 60px no-repeat; padding-left:4px; min-height:500px;} #sub-content .right h4{font-size:20px; padding:50px 20px 0; letter-spacing:0px;} #sub-content .right h4 span{border-bottom:2px solid red;} #sub-content .right ul{margin-left:2px; margin:20px 0 80px;} #sub-content .right ul li{border-top:2px solid #000; border-bottom:1px solid #2d2d2d; color:#ccc; color:rgba(255,255,255,.8); margin-left:-2px;} #sub-content .right ul li.first-child{border-top:0;} #sub-content .right ul li.last-child{border-bottom:0;} #sub-content .right ul li a{display:block; color:#ccc; padding:20px 0 20px 60px; font-size:16px; letter-spacing:0px; background:url('../images/icon-arrow-inactive.png') 20px 50% no-repeat;} #sub-content .right ul li a.active{color:#fff; padding-left:60px; font-size:16px; font-weight:bold; background:url('../images/icon-arrow-active.png') 20px 50% no-repeat;} #sub-content .right ul li a:hover{color:#fff; padding-left:60px; font-size:16px; text-decoration:none;} #sub-content .full{padding:40px; overflow:hidden;} #sub-content .full h3{font-size:18px;} #sub-heading-wrap{overflow:hidden; position:relative;} #sub-heading-wrap h2{float:left;} #top-subnav{position:absolute; top:20px; right:0;} #top-subnav li{float:left; margin-left:20px;} #top-subnav .pill span{padding-top:6px;} /* Home Content*/ #home #content{margin-top:15px;} #featured-projects{width:630px; height:440px; margin-top:12px; float:left; position:relative;} #featured-projects .project{position:absolute; top:0; left:0; visibility:hidden;} #featured-projects #project-navigation{width: 265px; height: 38px; overflow: hidden; background: url('../images/bg-home-project-nav.gif') no-repeat; position:absolute; bottom:45px; left:137px;} #featured-projects #project-navigation ul li{float:left; margin:0; padding:0; list-style:none;} #featured-projects #project-navigation ul li a{display:block; width:33px; height:38px; text-indent:-9999em;} a[href="#project-1"].active, a[href="#project-1"]:hover{background:url('../images/bg-home-project-nav.gif') 0 -38px no-repeat;} a[href="#project-2"].active, a[href="#project-2"]:hover{background:url('../images/bg-home-project-nav.gif') -33px -38px no-repeat;} a[href="#project-3"].active, a[href="#project-3"]:hover{background:url('../images/bg-home-project-nav.gif') -66px -38px no-repeat;} a[href="#project-4"].active, a[href="#project-4"]:hover{background:url('../images/bg-home-project-nav.gif') -99px -38px no-repeat;} a[href="#project-5"].active, a[href="#project-5"]:hover{background:url('../images/bg-home-project-nav.gif') -132px -38px no-repeat;} a[href="#project-6"].active, a[href="#project-6"]:hover{background:url('../images/bg-home-project-nav.gif') -165px -38px no-repeat;} a[href="#project-7"].active, a[href="#project-7"]:hover{background:url('../images/bg-home-project-nav.gif') -198px -38px no-repeat;} a[href="#project-8"].active, a[href="#project-8"]:hover{background:url('../images/bg-home-project-nav.gif') -231px -38px no-repeat;} #featured-projects .project .iphone{position: absolute; right: -52px; top: 157px;} #featured-projects .project img{ box-shadow:5px 5px 15px rgba(0,0,0,.5); -moz-box-shadow:5px 5px 15px rgba(0,0,0,.5); -webkit-box-shadow:5px 5px 15px rgba(0,0,0,.5); } #featured-projects #project-1 img{margin-left:40px;} #featured-projects #project-2 img, #featured-projects #project-5 img{margin-left:125px;} #featured-projects #project-3 img{margin-left:113px;} #featured-projects #project-6 img{margin-left:130px;} #home-sidebar{width:323px; float:left; margin-left:0px;} #home-sidebar .widget{width:300px; float:right; margin-bottom:20px; overflow:hidden;} #home-sidebar .widget-header{background:url('../images/bg-widget-header.gif') repeat; padding:15px 20px; overflow:hidden; position:relative;} #home-sidebar .widget-header h3{font-size:16px; letter-spacing:0px;} #home-sidebar .widget-header li{float:left;} #home-sidebar .widget-header a.icon{float:right; padding:5px 0; position:absolute; top:13px; right:20px; color:#eee; color:rgba(255,255,255,.8);} #home-sidebar .widget-header a.icon.rss{padding-right:25px; background:url('../images/icon-rss.gif') center right no-repeat; text-decoration:underline;} #home-sidebar .widget-header a.go{padding-right:25px; background:url('../images/icon-go.gif') center right no-repeat; text-decoration:underline;} a.readmore{text-decoration:underline;} #home-sidebar .widget-content{background:url('../images/bg-widget-content.png') center top repeat-y; padding:0px 35px; line-height:1.4em; overflow:hidden;} #home-sidebar .widget-content li{border-top:1px solid #1d1d1d; border-bottom:1px solid #111111; padding:12px 0; color:#ccc; color:rgba(255,255,255,.8);} #home-sidebar .widget-content li.first-child{border-top:0;} #home-sidebar .widget-content li.last-child{border-bottom:0;} #home-sidebar .widget-content a{color:#fff; font-weight:bold;} #home-sidebar .widget-content a.pill{display:block; height:25px; float:right; background:url('../images/bg-pill-left.png') top left no-repeat; margin:5px 0 20px 0;} #home-sidebar .widget-content a.pill span{display:block; height:25px; margin-left:15px; padding-right:15px; background:url('../images/bg-pill-right.png') top right no-repeat; padding-top:4px; color:#363636; text-shadow:1px 1px 1px #fff; font-size:11px; letter-spacing:-.5px;} #home-sidebar #featured-clients .widget-content{padding: 5px 30px 10px 32px; overflow:hidden;} #home-sidebar #featured-clients .widget-content-inner{background: url('../images/bg-logos-divider.png') center center no-repeat; overflow:hidden;} #home-sidebar #featured-clients img{margin:0 5px 0px 1px; float:left;} #home-lower-content{float:left; clear:both; background:url('../images/bg-widget.png') center top repeat; margin-bottom:80px; padding:40px 0 20px 0; overflow:hidden; height:360px;} #home-intro-blurb{width:560px; padding:0 40px; float:left;} #home-intro-blurb h3{height:61px; font-size:30px; font-weight:100; background:url('../images/home-red-bar.png') 0 0 no-repeat; letter-spacing:0px; padding:10px 20px; text-shadow:1px 1px 1px #000; margin-left:-2px;} #home-intro-blurb p{font-size:16px; line-height:1.5em; color:#dbdbdb;} #home-intro-blurb ul{margin-top:15px;} #home-intro-blurb li{float:left;} #home-intro-blurb li a{padding:15px 0; display:block; margin-left:40px; color:#fff; font-size:16px;} #home-intro-blurb li a#btn-view-work{display: block; width: 194px; height: 0; font-size: 1em; padding-top: 56px; text-indent: -2000px; overflow: hidden; background: url('../images/btn-view-our-work.png') no-repeat; margin-left:0;} #home-intro-blurb li.last-child a{text-decoration:underline;} #home-lower-links{float:left; margin-left:20px; width:280px; background:url('../images/home-lower-side.png') center left no-repeat;} #home-lower-links ul{} #home-lower-links li a img{float:left; padding-right:15px;} #home-lower-links ul li{border-bottom:1px solid #1d1d1d; border-bottom:1px solid #111111; padding:25px 0; color:#ccc; color:rgba(255,255,255,.8);} #home-lower-links ul li.first-child{border-top:0;} #home-lower-links ul li.last-child{border-bottom:0;} #home-lower-links ul li a{color:#dbdbdb; font-size:16px; font-weight:bold; letter-spacing:0px; display:block; margin-left:20px;} #home #agency-news .widget-content li{font-size:12px;} #home #agency-news .widget-content li span{font-weight:600; color:#efefef;} /* About */ #about #content .right ul{margin-top:33px;} #about #content .right ul li{border-top-color:#121212;} body#leadership #content .left{height:900px;} #leadership .bio{position:relative;} #leadership .bio h3{margin:0 0 5px 0 !important;} #leadership .bio p{font-size:15px;} #leadership .bio p strong{font-size:18px; font-weight:normal; letter-spacing:0; padding-bottom:3px;} #leadership .bio a.pill{position:absolute; top:20px; right:0;} #leadership .bio a.pill span{padding-top:0 !important;} #leadership .bio img{float:left; margin:0 20px 20px 0;} #leadership .bio-photo{margin-right:20px; margin-bottom:500px; width:235px; float:left;} #leadership .left .thumb{float:left; text-align:center; margin:15px 26px; width:124px; height:200px;} #leadership .left .thumb p{font-size:12px;letter-spacing:-1px;letter-spacing:-1px !important;} #leadership .left .thumb p strong{font-size:16px; padding-bottom:0;letter-spacing:-1px !important;} #leadership .left .thumb a:hover, #about .left .thumb a:hover *{text-decoration:none !important;} #leadership .left .thumb a span{position:relative; top:-5px; line-height:12px; } #about #content .left{height:400px;} #leadership .panel{width:580px !important; padding-bottom:30px; visibility:hidden;} #icom .left{height:1400px;} #icom .left ul{width:50%; float:left; margin:-20px 0 20px;} #icom .left p{clear:both;} /* Services */ #services #content .right ul{margin-top:40px;} #services #content .panel ul{margin-left:20px; margin-right:40px; float:left;} #services #content .panel dl dt{ margin:15px 0 5px 0; font-size:17px; font-weight:bold; color:#ddd;} #services #content .panel dl dd{ margin: 0 0 0 0px; font-size:14px; color:#ccc; line-height:22px;} #services #interactive ul{margin-right:5px !important;} #services #global-marketing dl dt{text-decoration:underline;} #services .panel{} #services #content .left{min-height:500px;} /* Work */ #work .projects img{} #work #content .left{height:625px;} #work #sub-content .left ul li:before{content:'';} #work #content .left a.pill{position:absolute; top:0; left:450px;} #work a.pill span{padding-top:0 !important;} #work .panel {visibility:hidden;background:url('../images/ajax-loader.gif') 50% 30% no-repeat;} #work #sub-content .sub-mask{width:600px; height:690px; overflow:hidden;} #work .inner{position:relative; left:0;} #work .projects{float:left; margin-right:50px; height:640px; overflow:hidden; width:600px;} #work .projects .inner{width:550px;} #work .case-study{float:left; width:600px;} #work .project-nav{width:200px; margin:0 auto; position:relative; left:15%;} #work .project-nav li{float:left;} #work .project-nav a { display:block; width: 28px; height: 28px; text-indent: -2000px; overflow: hidden; background: url('../images/circles.gif') 0 -28px no-repeat; } #work .project-nav .active{background-position:0 0;} #work .piece{float:left; margin-right:55px; width:565px; text-align:center; margin-top:15px; vertical-align:middle;} #work .piece div{margin:0px 15px;} #work .piece img{} #work .piece canvas{} #work .mask{width:5000px;} #work #aquilex .piece1 div {margin-left:141px;} #work #aquilex .piece2 div {margin-left:30px;} #work #aquilex .piece3 div {margin-left:96px;} #work #aquilex .project-nav{left:8%;} #work #autotrader .piece1 div{margin-left:143px;} #work #autotrader .piece2 div{margin-left:143px;} #work #autotrader .piece3 div{margin-left:28px;} #work #autotrader .piece4 div{margin-left:53px;} #work #autotrader .piece5 div{margin-left:33px;} #work #autotrader .project-nav{left:30px;} #work #avivia .project-nav{left:2%;} #work #avivia .piece1 div{margin-left:127px;} #work #avivia .piece2 div{margin-left:189px;} #work #avivia .piece3 div{margin-left:-23px; margin-right:23px;} #work #avivia .piece4 div{margin-left:19px;} #work #avivia .piece5 div{margin-left:103px;} #work #avivia .piece6 div{margin-left:117px;} #work #kodak-dental-systems .project-nav{left:10%;} #work #kodak-dental-systems .piece1 span {display:block; margin-left:26px;} #work #kodak-dental-systems .piece2 div {margin-left:5px;} #work #mitsubishi .piece1 div{margin-left:145px;} #work #mitsubishi .piece2 div{margin-left:53px;} #work #mitsubishi .piece3 img{margin-top:125px;} #work #mitsubishi .project-nav{left:6%;} #work #movius .piece1 div{margin-left:150px;} #work #movius .piece3 div{margin-left:27px;} #work #movius .piece4 div{margin-left:48px;} #work #movius .project-nav{left:6%;} #work #porsche .project-nav{left:6%;} #work #raymond-james .project-nav{left:5%;} #work #raymond-james .piece4 div{margin-left:30px;} /*#work #avivia-health .piece2{position:relative; left:20px;} #work #avivia-health .piece5{position:relative; left:40px;} #work #cnl-financial-group .piece1{position:relative; left:80px;} #work #movius .piece4{position:relative; left:25px;} #work #movius .piece5{position:relative; left:131px;} #work #triad-advisors .piece1{position:relative; left:20px;} #work #triad-advisors .piece2{position:relative; left:119px;} */ /* Clients */ #clients #sub-content{clear:both;} #clients #sub-content .full{padding-right:0; clear:both;} #clients #sub-content .full img{margin:50px 60px 0 0; display:block; float:left;} #clients #sub-content .full .last-logo img {margin-right:0;} #clients .panel ul{float:left; margin-right:50px;} #current-clients{} /* Blog Pages*/ #blog-content{width:675px; float:left; margin-bottom:80px; margin-right:35px;} #post-content .post{margin-bottom:1.5em; float:left;} .post-info{float:left; width:75px; background:url('../images/bg-blog-blurb-out.png') 100% 20px no-repeat;} .post-content{float:left; width:600px;} .post-content .post-header{padding:22px 30px; font-size:20px; font-weight:bold; border-bottom:1px solid #333; letter-spacing:0px; background:url('../images/bg-blog-panel.png');} .post-content .post-entry{border-top:2px solid #111; padding:25px 30px; background:url('../images/bg-blog-panel.png'); margin:0 20px; color:#a9a9a9;} .post-content .post-entry p{font-size:15px; line-height:21px;} .post-content .post-entry p strong{color:#fff;} .post-content .post-entry ul, .post-content .post-entry ol{padding-bottom:1em;} .post-content .post-entry li{font-size:15px; margin-left:40px; list-style:circle; margin-bottom:10px;} .post-content .post-entry a{text-decoration:underline;} .more-link, .post-meta{font-style:normal !important;} .post-meta{background:#050505; padding:15px 20px; overflow:hidden;} .post-meta li.last-child{float:right;} .post-meta li{float:left; font-size:11px; margin-right:15px;} .post-meta li a{text-decoration:underline;} .post-meta .icon-comment{padding-left:20px; background:url('../images/icon-blog-comment.png') no-repeat;} .post-meta .icon-share{padding-left:20px; background:url('../images/icon-blog-share.png') no-repeat;} .post .date{background:#1a1a1a; border:1px solid #000; width:50px; float:right; height:50px; text-align:center; clear:left; float:left; margin-top:15px;} .post .date .day{color:#c42a2a; font-family:Georgia; font-size:25px; font-weight:bold; display:block;} .post .date .month{} #previous-entries{clear:left; padding:0px 0; overflow:hidden;} #previous-entries h3, #comments h3{font-size:18px; margin:30px 0;} #previous-entries.archives h3{margin-top:0;} #previous-entries h3 span, #comments h3 span{border-bottom:1px solid #b40c02; padding-bottom:5px;} /*Blog Content*/ .wp-caption{} .post-content .post-entry p.wp-caption-text{font-size:11px; text-align:center; font-style:italic;} .alignleft{float:left; margin:0 2em 2em 0; overflow:hidden;} .alignright{float:right; margin:0 0 2em 2em; overflow:hidden;} .wp-caption img{border:5px solid #111;} #blog div.post-meta{padding-right:0 !important;} #blog div.post-meta li{position:relative; top:3px;} #blog div.post-meta .last-child *{vertical-align:middle !important; top:0;} #load-more{ background:#555; background: rgba(50, 50, 50, 0.496094); border: 1px solid #444; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; clear: both; display: block; font-size: 1.4em; margin-left: 75px; padding: 1.3em 2em; text-align: center; box-shadow:inset 0 0 1em #333; -moz-box-shadow:inset 0 0 1em #333; -webkit-box-shadow:inset 0 0 1em #333; } #load-more:hover{ text-decoration:none; } #load-more:active{ text-decoration:none; background: rgba(0, 0, 0, 0.496094); box-shadow:inset 0 0 1em #111; -moz-box-shadow:inset 0 0 1em #111; -webkit-box-shadow:inset 0 0 1em #111; } /*Blog Comments*/ #blog #comments ol.commentlist{margin-right:55px;} #blog #comments ol.commentlist li.comment{clear:left;margin-bottom:30px;} #blog #comments ol.commentlist li.comment .comment-text{float:left; width:488px; border-top:2px solid #111; padding:15px 30px; background:url('../images/bg-blog-panel.png');} #blog #comments ol.commentlist li.comment .vcard{width:72px; background:url('../images/bg-blog-post-slim-blurb-out.png') center right no-repeat; float:left;} #blog #comments ol.commentlist li.comment .vcard .fn, ol.commentlist li.comment .vcard .says{display:none;} #blog #comments ol.commentlist li.comment div p{clear:both; padding:20px 0;} #blog #comments ol.commentlist div.reply{clear:both;} #comments ol.commentlist li.comment .comment-meta{clear:both; text-align:right; padding:15px 0; font-size:11px;} #blog #comments ol.commentlist li.pingback{padding-left:75px; color:#999; margin-bottom:60px;} #blog #comments ol.commentlist li.comment div p.says{padding-bottom:0; font-size:14px; font-style:italic;} #blog #comments ol.commentlist li.comment div div.text p{padding-top:10px; line-height:19px; color:#aaa;} /*Comment Form*/ #blog #comments{float:left; width:675px; clear:both; background:none;} #blog #comments h3{margin:30px 0 30px;} #blog #respond{clear:both; padding-left:72px;} #blog #comments fieldset{padding:20px 30px;} #blog #comments legend{text-indent:-9999em; height:1px; display:block;} #blog #comments label{display:block; font-weight:bold; margin-bottom:5px;} #blog #comments input, #comments textarea{background:url('../images/bg-contact-panels.png'); border:1px solid #393939; width:540px; padding:5px 3px; color:#ccc; font-size:13px; margin-bottom:15px;} #blog #comments select{width:100%; opacity:.6; padding:5px 0;} #blog #comments li{margin-bottom:20px;} #blog #comments input.btn{width:auto; float:right; border:0; background-image:none;} #blog #comments label.error{font-size:11px; font-style:italic; color:red; opacity:.8; padding:8px 5px 0;} #mce-error-response{font-size:11px; color:red; opacity:.8;} #blog #comments #respond h3{margin:15px 0;} #blog a.more-link{display:block; height:25px; background:url('../images/bg-pill-left.png') top left no-repeat; text-decoration:none; margin-top:15px;} #blog a.more-link span{display:block; height:25px; margin-left:15px; background:url('../images/bg-pill-right.png') -75px 0 no-repeat; padding-top:2px; font-weight:bold; color:#363636; text-shadow:1px 1px 1px #fff; font-size:11px; } #blog a.more-link:hover{text-decoration:none; text-shadow:2px 1px 0 #fff !important;} #commentform .btn{margin-right:50px;} /*Slim Posts*/ .slim-post{} .slim-post .slim-avatar{width:72px; background:url('../images/bg-blog-post-slim-blurb-out.png') center right no-repeat; float:left;} .slim-post .slim-entry{background:url('../images/bg-blog-post-slim.png') bottom left; width:560px; float:left; padding:8px 20px; margin-bottom:20px;} .slim-post .slim-entry a{font-size:18px; font-weight:100; position:relative; top:16px;} .slim-post .slim-date{background:#1a1a1a; border:1px solid #000; width:50px; float:right; height:50px; text-align:center;} .slim-post .slim-date .day{color:#c42a2a; font-family:Georgia; font-size:25px; font-weight:bold; display:block;} .slim-post .slim-date .month{} #blog-sidebar{float:left; width:250px;} #blog-sidebar .widget{width:250px; margin-bottom:20px; overflow:hidden;} #blog-sidebar .widget-header{background:url('../images/bg-widget-header.gif'); padding:15px 20px; overflow:hidden; position:relative;} #blog-sidebar .widget-header h4{font-size:15px; letter-spacing:0px; margin:0;} #blog-sidebar .widget-header li{float:left;} #blog-sidebar .widget-header a.icon{float:right; padding:5px 0; position:absolute; top:13px; right:20px; color:#eee; color:rgba(255,255,255,.8);} #blog-sidebar .widget-header a.icon.rss{padding-right:25px; background:url('../images/icon-rss.gif') center right no-repeat;} #blog-sidebar .widget-header a.icon.go{} #blog-sidebar .widget-content{background:url('../images/bg-widget-content.png') center top repeat-y; padding:20px; line-height:1.4em; overflow:hidden; margin:0 10px; font-size:12px; font-weight:normal;} #blog-sidebar .widget-content li{border-top:1px solid #19191a; border-bottom:1px solid #000; padding:6px 0; color:#ccc; color:rgba(255,255,255,.8); background:url('../images/icon-blog-plus.png') center right no-repeat;} #blog-sidebar .widget-content li.first-child{border-top:0;} #blog-sidebar .widget-content li.last-child{border-bottom:0;} #blog-sidebar .widget-content a{color:#eee;} #blog .panel{background:url('../images/bg-blog-panel.png') center top repeat; padding:40px !important; clear:both; overflow:hidden; } #blog-sidebar #searchform label.screen-reader-text, #blog-sidebar #searchform #searchsubmit{display:none;} #blog-sidebar input{ background:#000; border:1px solid #333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:95%; padding:5px; color:#ccc; } /* Contact */ #contact #content {font-size:14px;} #contact #blurbs{width:340px; float:left; margin-right:107px; position:relative;} #contact .blurb{background:url('../images/bg-contact-panels.png'); padding:20px; margin:0 0 120px 0; clear:left;overflow:hidden} #contact .blurb p{padding:0;} #contact .blurb img{float:left; position:absolute; top:0;} #contact .blurb span{float:left;} #contact .blurb a{text-decoration:underline;} #contact .blurb h3{font-size:22px; margin-bottom:5px;} #contact .blurb#bob{margin-top:50px; padding-left:150px;} #contact .blurb#bob img{top:0px; left:-5px;} #contact .blurb#jeff{ padding-left:150px;} #contact .blurb#jeff img{top:227px; left:-5px;} #contact .blurb#intro{font-size:13px !important; line-height:18px; margin-top:-30px;} #contact .blurb#intro strong{font-size:18px; display:block; padding-bottom:5px;} #contact form{float:left; width:506px; background:#000; background:rgba(0,0,0,.2); padding-top:1.5em;} #contact form form{clear:both;} #contact form fieldset{padding:20px 30px;} #contact form legend{text-indent:-9999em; height:1px; display:block;} #contact form label{display:block; margin-bottom:10px; font-weight:bold;} #contact form input, #contact form textarea{background:url('../images/bg-contact-panels.png'); border:1px solid #393939; padding:.9em 1em; color:#ccc; font-size:13px;width:416px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #contact form select{width:100%; opacity:.6; padding:5px 0;} #contact form li{margin-bottom:20px;} #contact form input.btn{width:auto; float:right; border:0; background-image:none; margin-right:20px;} #contact label.error, .mce_inline_error{font-size:11px; font-style:italic; color:red; opacity:.8; padding:8px 5px 0;} #contact form#newsletter-form input.btn{margin-right:0;} #contact-form h3{padding:30px 30px 0; font-size:12px;} #contact-form h3 strong{display:block; font-size:16px; color:#eee;} #newsletter-form strong.note-required{float:right; margin-right:6px; font-size:24px;} #contact-form strong.note-required{float:right; margin-right:42px; font-size:24px;} .indicate-required{font-style:italic; color:#eee;} #mce-responses{margin: 15px 0pt; padding: 15px 0pt; font-style: italic; font-size: 12px; text-align: center;} #contact form#mc-embedded-subscribe-form input.btn { width: 120px; height: 40px; text-indent: -2000px; overflow: hidden; background: url('../images/btn-contact-submit.png') no-repeat; } div.success-response h3{padding: 15px 15px 15px 25px; font-size: 12px;} div.success-response img{float:left; padding-right:15px; padding-top:5px;} div.success-response strong{display:block; font-size:16px; margin-bottom:5px;} #intro.blurb .pill{text-decoration:none;} #intro.blurb p.lower{margin-top:10px; padding-top:10px; border-top:1px solid #181818;} #intro.blurb p.lower span{display:block; float:left; width:48%; border-right:1px solid #222;} #intro.blurb p.lower span.right{display:block; float:left; width:47%; text-indent: 20px; border-right:0;} #intro.blurb p.lower span strong{font-size:14px; margin-top:5px;} /* Drop down styles*/ div.selectbox-wrapper{position:absolute;width:400px;background-color:#111; margin:0px;margin-top:-10px;padding:0px;text-align:left;max-height:200px;overflow:auto;} /*Drop down list styles*/ div.selectbox-wrapper ul{list-style-type:none;margin:0px;padding:0px;} /* Selected item in dropdown list*/ div.selectbox-wrapper ul li.selected{background-color:#333;} /* Hover state for dropdown list */ div.selectbox-wrapper ul li.current{background-color:#555;} /* Drop down list items style*/ div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0 !important;padding:2px;cursor:pointer; text-indent:15px;} /* Look and feel of select box */ #contact form input.selectbox{margin:0px 5px 10px 0px; padding-left:2px;font-size:1em; border:0 !important; width:446px; padding:.9em 1em; display :block;text-align:left;background:url('../images/bg-select.png') no-repeat center left;cursor:pointer;border:1px solid #D1E4F6;color:#ccc;} /* =Footer and Redundant Navigation ----------------------------------------------- */ #footer {clear:both; background:url('../images/bg-footer.gif'); border-top:1px solid #1a1a1a;} #footer-widgets{width:960px; margin:0 auto; padding:40px 0 40px 0; overflow:hidden; border-bottom:1px solid #000;} #footer-widgets .widget{width:33%; float:left; width:300px;} #footer-widgets .widget h4{font-size:20px; letter-spacing:0px; margin-bottom:1em; text-shadow:1px 1px 1px rgba(0,0,0,.8);} #footer-widgets #recent-entries{width:37%;} #footer-widgets #recent-entries ul{ padding-right:50px; margin:0 0 1em 0;} #footer-widgets #recent-entries ul li{display:block; margin-left:10px; list-style:none; padding:0; background:url('../images/icon-blogpost.gif') center right no-repeat;} #footer-widgets #recent-entries ul li a{display:block; color:#b2b2b2; padding:13px 0; background:url('../images/li-highlight.gif') left bottom no-repeat; text-shadow:1px 1px 1px rgba(0,0,0,.6);} #footer-widgets #where-in-the-world{width:36%;} #footer-widgets #latest-ramblings{width:27%;} #footer-widgets #latest-ramblings li{list-style:none; margin:0; padding:0; float:left; display:block; margin-right:10px; margin-top:10px;} #footer-widgets #latest-ramblings li a{background:#c0c0c0; padding:5px 9px; font-size:10px; text-transform:uppercase; color:#333; font-weight:bold; text-shadow:1px 1px 1px rgba(255,255,255,1); -webkit-border-radius:5px; -moz-border-radius:5px; } .avatar{float:left; margin-right:10px;} .avatar img{border:2px solid #111;} #footer-widgets .bubble{width:239px; background:url('../images/bubble-bg.gif'); position:relative; margin-bottom:20px;} #footer-widgets .bubble .bubble-top{height:16px; background:url('../images/bubble-top.gif'); position:relative; top:0;} #footer-widgets .bubble .bubble-content{padding:10px 20px 13px 20px; font-size:14px; line-height:18px; color:#ddd; text-shadow:1px 1px 1px rgba(0,0,0,.6);} #footer-widgets .bubble .bubble-content a{color:#ae7700;} #footer-widgets .bubble .bubble-content .postedon{font-size:10px; display:block; font-style:italic; position:relative; top:10px;} #footer-widgets .bubble .bubble-content a:hover{text-decoration:none;} #footer-widgets .bubble .bubble-bottom{height:34px; background:url('../images/bubble-bottom.gif');} #bottom{background:url('../images/bg-footer.jpg') repeat; padding:2em 0 2em 0; border-top:1px solid #1a1a1a; color:#aaa;overflow:hidden;} #bottom-inner{width:960px; margin:0 auto;} #copyright a{color:#fff !important; text-shadow:1px 1px 1px rgba(0,0,0,1);} #copyright p{opacity:.7;} #footer-nav{margin-bottom:3px; overflow:hidden;} #footer-nav ul li{float:left; padding-right:10px;} #footer-nav a{color:#bbb;} #social{float:right; margin-right:22px;} #social li{float:left; padding-left:10px;} #social a{display:block;} #utility{float:left; margin-left:10px;} #copyright{clear:both; font-size:11px;} /*Effects/CSS3*/ /*#current-clients img{opacity:.5;}*/ .thumb{opacity:.5;} /*Code Highlighting..*/ .syntaxhighlighter{ box-shadow:inset 0 0 10px #000000; -moz-box-shadow:inset 0 0 10px #000000; -webkit-box-shadow:inset 0 0 10px #000000;} /* Gutter line numbers */ .syntaxhighlighter .line .number{color:#B9BDB6 !important;} /* Add border to the lines */ .syntaxhighlighter .line .content{border-left:3px solid #435A5F !important;color:#B9BDB6 !important;} .syntaxhighlighter.printing .line .content{border:0 !important;} /* First line */ .syntaxhighlighter .line.alt1{background-color:#000 !important; background-color:rgba(0,0,0,.1) !important;} /* Second line */ .syntaxhighlighter .line.alt2{background-color:#111 !important; background-color:rgba(17,17,17,.6) !important;} /* Highlighed line number */ .syntaxhighlighter .line.highlighted .number{background-color:#435A5F !important;color:#fff !important;} /* Highlighed line */ .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2{background-color:#435A5F !important;} .syntaxhighlighter .toolbar{background-color:#1B2426 !important;} .syntaxhighlighter .toolbar a{color:#646763 !important;} .syntaxhighlighter .toolbar a:hover{color:#E0E8FF !important;} /************************************ * Actual syntax highlighter colors. ************************************/ .syntaxhighlighter .plain, .syntaxhighlighter .plain a{color:#B9BDB6 !important;} .syntaxhighlighter .comments, .syntaxhighlighter .comments a{color:#878A85 !important;} .syntaxhighlighter .string, .syntaxhighlighter .string a{color:#5CE638 !important;} .syntaxhighlighter .keyword{color:#5BA1CF !important;} .syntaxhighlighter .preprocessor{color:#435A5F !important;} .syntaxhighlighter .variable{color:#FFAA3E !important;} .syntaxhighlighter .value{color:#090 !important;} .syntaxhighlighter .functions{color:#FFAA3E !important;} .syntaxhighlighter .constants{color:#E0E8FF !important;} .syntaxhighlighter .script{background-color:#435A5F !important;} .syntaxhighlighter .color1, .syntaxhighlighter .color1 a{color:#E0E8FF !important;} .syntaxhighlighter .color2, .syntaxhighlighter .color2 a{color:#FFFFFF !important;} .syntaxhighlighter .color3, .syntaxhighlighter .color3 a{color:#FFAA3E !important;}