/* -------------------------------------------------- Homepage Featurette Section -------------------------------------------------- */ div#jumbotron { margin: 0 0 27px; padding: 0 0 18px; border-bottom: 1px solid #ddd; position: relative; } div#jumbotron h6 { padding-top: 9px; margin-left: 300px; } div#jumbotron h1 { margin-left: 300px; font-size: 30px; line-height: 1; } div#jumbotron p { margin: 0 0 0 300px; font-size: 14px; line-height: 20px; } div#jumbotron div.featured { position: relative; } div#jumbotron div.more-link { margin-left: 300px; } div#jumbotron div.more-link a { font-weight: bold; font-size: 14px; line-height: 18px; } div#jumbotron div.media { width: 270px; position: absolute; top: 0; left: 0; } div#jumbotron div.media img { width: 270px; } div#jumbotron li.no-content h6, div#jumbotron li.no-content h1, div#jumbotron li.no-content p, div#jumbotron li.no-content div.more-link { margin-left: 0; } /* -------------------------------------------------- Recent Post Styles -------------------------------------------------- */ ul.recent-posts, ul.recent-posts ul, div#contentSec ul.recent-posts { margin: 0 0 9px; padding: 0; list-style: none; } ul.recent-posts li { padding: 0 0 9px; color: #777; } ul.recent-posts a, ul.recent-posts a:visited { text-decoration: none; line-height: 18px; } ul.recent-posts span a, ul.recent-posts span a:visited { font-weight: normal; color: #777; } ul.recent-posts span a:hover { color: #555; } /* Give the four main divs on the homepage their own icons */ div#contentMain div.the-latest div.one-half { width: 270px; padding: 0 0 0 35px; } div#recentlyPublished { background: url(../images/icons/24px/document.gif) no-repeat 0 14px; } div#aroundTheWeb { background: url(../images/icons/24px/binoculars.gif) no-repeat 0 14px; } div#visitorsPoll { background: url(../images/icons/24px/megafone.gif) no-repeat 0 14px; } div#yourOpinion { background: url(../images/icons/24px/chat-bubble.gif) no-repeat 0 14px; } /* -------------------------------------------------- Sidebar -------------------------------------------------- */ div#webinarSignup { background: url(../images/sidebar/webinar-signup-bg.gif) no-repeat left bottom; padding: 27px 30px; } div#webinarSignup h4 { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.25); } div#webinarSignup p { color: #90b3c9; } div#webinarSignup a { color: #fff; font-weight: bold; } div#webinarSignup a.register { display: block; height: 36px; line-height: 36px; background: url(../images/sidebar/btn-webinar-signup.gif) no-repeat 0 0; font-size: 18px; font-weight: bold; text-align: center; color: #bf2627; } div.asides { background: url(../images/sidebar/sidebar-shadow.gif) no-repeat 0 0; padding: 27px 0 0 30px; } div.aside { padding: 0 0 9px; } /* Categories */ ul.blog-topics li { color: #777; } /* Revent Comments */ ul.recent-comments li { margin: 0 0 9px; } /* Follow Us Links */ ul#followUs { } ul#followUs li { background-position: 0 3px; background-repeat: no-repeat; padding: 3px 0 3px 22px; } ul#followUs li.facebook { background-image: url(../images/icons/16px/facebook.gif); } ul#followUs li.slideshare { background-image: url(../images/icons/16px/slideshare.gif); } ul#followUs li.youtube { background-image: url(../images/icons/16px/youtube.gif); } /* Twitter in Sidebar */ div#twitter div.tweet { background: #ebf7fc url(../images/sidebar/twitter-top.gif) no-repeat 0 0; margin-right: 20px; } div#twitter div.tweet div.wrap { background: url(../images/sidebar/twitter-bottom.gif) no-repeat bottom left; padding: 18px 18px 27px; } div#twitter p { background: url(../images/sidebar/twitter-bird.gif) no-repeat 0 0; height: 45px; padding-left: 60px; } div#twitter div.tweet p { margin: 0; background: none; padding: 0; height: auto; } /* -------------------------------------------------- Post and Page Styles -------------------------------------------------- */ div.post-header { margin: 0 0 18px; } div.post-header h1, div.post-header h2 { font-size: 24px; line-height: 27px; } div.post-header h4 { font-size: 16px; margin: 2px 0 0; font-weight: normal; color: #777; } div.post-header div { margin-left: 60px; } div.post-header img { background: #fff; float: left; width: 36px; height: 36px; padding: 3px; border: 1px solid #d2e2ed; -webkit-border-radius: 3px; -moz-border-radius: 3px; } div.post { margin: 0 0 54px; } div.post p { } div.page { padding-right: 30px; } div.post-body { padding-left: 60px; } /* Edit links ---------- */ a.post-edit-link { background: rgba(35,121,175,0.3); display: block; padding: 7px 10px; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; position: absolute; top: -36px; right: -20px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0 0 3px 3px; } a.post-edit-link:hover { background: rgba(35,121,175,0.75); } div.post-header a.post-edit-link { position: relative; top: 0; left: 0; display: inline; background: none; color: inherit; font-size: 13px; padding: 0; } /* -------------------------------------------------- About Page -------------------------------------------------- */ div.why-am-matters { padding-left: 40px; background-repeat: no-repeat; background-position: 5px 0; } div.why-am-matters h3 { margin-bottom: 0; } div#conversion { background-image: url(../images/icons/24px/dollar-sign.gif); margin-top: 9px; } div#trackAds { background-image: url(../images/icons/24px/clock.gif); } div#properlyAttribute { background-image: url(../images/icons/24px/bar-graph.gif); } /* -------------------------------------------------- Contact Page -------------------------------------------------- */ div#callOrEmail div { padding: 18px 0; height: 45px; } div#callOrEmail p, div#callOrEmail h3 { margin: 0 0 0 40px; } div#callOrEmail img { float: left; margin: 0; } div.form-header { border-bottom: 1px solid #fff; margin: 0 0 18px; } div.form-header h3 { position: relative; margin: 0; padding: 0 0 8px; border-bottom: 1px solid #ddd; } div.form-header h3 small { position: absolute; right: 0; top: 11px; margin: 0; padding: 0; font-size: 13px; letter-spacing: 0; color: #c00; } form#contactForm fieldset { } form#contactForm fieldset div { margin-left: 160px; } form#contactForm label { display: block; float: left; width: 140px; padding: 5px 0 0; } form#contactForm label span { font-weight: bold; color: #c00; padding: 0 2px; } form#contactForm input.text-input { width: 160px; } form#contactForm input.medium { width: 270px; } form#contactForm textarea { width: 350px; } form#contactForm select.usa option.usa { display: block; } form#contactForm select.usa option.canada { display: none; } form#contactForm select.canada option.canada { display: block; } form#contactForm select.canada option.usa { display: none; } form#contactForm fieldset#names { height: 27px; } form#contactForm fieldset#names input.text-input { float: left; margin-right: 10px; } form#contactForm ul.options { margin-left: 160px; } form#contactForm ul.options li label { float: none; width: auto; } form#contactForm button#sendMessage { background: url(../images/btn-send-message.gif) no-repeat; overflow: hidden; width: 131px; height: 30px; margin-left: 160px; text-indent: -999em; cursor: pointer; display: block; } /* form#contactForm button#sendMessage:hover { background-position: 0 -30px; } */ /* -------------------------------------------------- Mailing List Forms -------------------------------------------------- */ div.mailing-list { background: #cce9f6 url(../images/signup-bg.gif) no-repeat 20px center; height: 27px; padding: 18px 20px 18px 60px; margin: 0 0 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } div.mailing-list label { float: left; margin-right: 10px; font-size: 14px; line-height: 26px; } div.mailing-list input { float: left; margin-right: 10px; } div.mailing-list button { background: url(../images/btn-signup.gif) no-repeat 0 0; float: left; width: 76px; height: 26px; text-indent: -999em; } div#footer div.mailing-list { background: #eee; float: right; width: 240px; height: 45px; padding: 17px 20px 18px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius: 0 0 3px 3px; } div#footer div.mailing-list label { float: none; margin: 0; font-size: 13px; line-height: 18px; } div#footer div.mailing-list input { width: 149px; margin-right: 5px; } div.mailing-list input[type=text] { display: block; background: #fff; margin: 0; padding: 3px 4px; font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; border: 1px solid #ccc; border-top-color: #999; border-left-color: #999; color: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px #fff; width: 149px; margin-right: 5px; } /* -------------------------------------------------- Poll Daddy -------------------------------------------------- */ div.PDS_Poll * { font-family: "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif !important; } div.pds-box { width: auto !important; } div.pds-box-outer { padding: 0 !important; } div.pds-question-top { font-size: 21px !important; font-weight: bold !important; line-height: 24px !important; margin: 0 0 9px !important; letter-spacing: -1px !important; color: #333 !important; } div.pds-answer { padding: 4px 0 18px 0 !important; } div.pds-answer input.pds-radiobutton { margin: 1px 6px 0 10px !important; } div.pds-answer label { padding: 0 0 9px !important; line-height: 18px !important; } div.pds-vote div.pds-votebutton-outer { padding-top: 9px !important; } div.pds-vote div.pds-votebutton-outer, div.pds-vote div.pds-votebutton-outer a, div.pds-vote div.pds-totalvotes-outer div a { font-size: 12px !important; line-height: 16px !important; color: #999 !important; } input.pds-votebutton { width: 98px !important; height: 30px !important; margin-right: 10px !important; float: left !important; background: url(../images/home/btn-vote.gif) no-repeat 0 0 !important; text-indent: -999em !important; } div.pds-vote div.pds-totalvotes-inner { display: none !important; font-size: 14px !important; line-height: 18px !important; } div.pds-answer div.pds-answer-feedback { margin: -5px 0 9px 0 !important; }