/* 2009.06.29 DH2 Design Communications Written by Jason Hinebaugh IPS Lean Community Version 1.0 /css/lean.css This stylesheet is dependent on /css/screen.css CONTENTS ---------------------------------------------------------------------- 1. PRIMARY CONTENT 2. SIDEBARS 3. BRANDING 4. NAVIGATION ---------------------------------------------------------------------- */ /*X X XXX XXX XX XXX XXX X XXX XXX X XXX XXX X XXX XXX XXXXX XXX 1. PRIMARY CONTENT ---------------------------------------------------------------------- */ div#contentWrapper.three_column div#contentPrimary {width:380px;} #contentPrimary.feed div {padding-bottom: 8px; margin-bottom: 24px; border-bottom: 1px dashed black;} #contentPrimary div.last {border-bottom: none;} #contentPrimary a {text-decoration: none; line-height: 1.5em;} #contentPrimary a.title {font-size: 18px; color: black;} #contentPrimary a.title:hover{color: rgb(225,27,36);} #contentPrimary a.more {white-space: nowrap;} #contentPrimary a.more:hover {color: black;} #contentPrimary span.byline {font-size: 10px; line-height: 18px; margin-bottom: 12px; white-space: nowrap;} #contentPrimary p {margin: 8px 0 8px 0;} body.lean a{color: rgb(225,27,36);} body.lean a:hover{color: black;} body.lean a:visited{color: rgb(225,27,36);} #contentPrimary div.iq_question {margin-bottom: 2em;} #contentPrimary div.iq_question p {clear: both; margin-bottom: .5em;} div.iq_question input {float: left; clear: left; margin-left: 2em; margin-right: 1em; position: relative; top: -.25em;} div.iq_question span {float: left; clear: none; margin-left: .5em; line-height: 1.5em;} div.iq_question span.question_text {width: 350px;} div.iq_question span.choice_text {width: 300px;} div.iq_question span.choice_score {margin-left: 2em;} div.iq_question .clear {float: none; clear: both;} div.iq_question .right {color: green;} div.iq_question .wrong {color: red;} /*X XXX XXX XXX X X XXX XXX X XXX XXX X XXX XXX X XXX XXX XXXXX XXX 2. SIDEBARS ---------------*/ div.sidebar {width: 206px; font-size: 12px; min-height: 580px; border: 1px dashed #e76c6f; border-top: none; border-bottom: none;} div.sidebar a.title {font-weight: bold; font-size: 12px; line-height: 14px; color: black; text-decoration: none;} div.sidebar a.title:hover{color: rgb(225,27,36);} div.sidebar a {text-decoration: none;} div.sidebar a.more {font-size: 12px; color: rgb(225,27,36);} div.sidebar a.more:hover {color: black;} div.sidebar div {font-size: 10px; margin-bottom: 1em;} div.sidebar div span.byline {display: block; margin-top: .5em; margin-bottom: .5em;} div.sidebar div span.excerpt {font-size: 12px; line-height: 18px;} #leftSide {float: left; margin: 0 27px 27px 0px; padding-right: 19px; min-height: 580px; border-left:none; } #rightSide {float: right; border-right: none; margin: 0 0 27px 27px; padding-left: 19px; } #leftSide h1, #rightSide h1{ color: #E13A3E; font-size: 24px; margin-bottom: 16px; } /*X XXXXX XXX XXX X XXX XXX XX XXX XXX X XXX XXX X XXX XXX XXXX XXX 3. BRANDING ---------------------------------------------------------------------- */ div#branding h1 a {background-image: url(/images/logo_lean.png);} div#branding h2 {float: right; clear: right; margin: 0 35px 0 0; color: white; font-size: 11px;} div#branding h2 a, div#branding h2 a:visited, div#branding h2 a:active {color: white; text-decoration: none;} #testimonial {float: left; width: 890px; min-height: 172px; margin-bottom: 47px; background: url(/images/callout_bg.jpg) top left no-repeat;} #testimonial div {float: right; clear: right; width: 350px; margin: 12px 36px 12px 36px; font-family: "Hoefler Text", "Hoefler", "Times New Roman", serif; font-size: 14px; line-height: 18px; color: white;} #testimonial div.heading {text-transform: uppercase; margin-top: 24px; margin-bottom: 6px;} #testimonial div.heading a {color: rgb(255,194,93); text-decoration: none;} #testimonial div.copy {font-style: italic; margin-top: 6px; margin-bottom: 24px;} #login {width: 320px; float: right; clear: right;} #login input, #login label {float: left; width: 100px; margin: 6px 12px 0 0; padding: 0;} #login label {color: white; text-transform: none; padding: 2px;} #login input.register_now {width: 72px; height: 19px; background: url(/images/buttons/register_now.png) top left no-repeat; border: none; margin: none; cursor: pointer;} #login input.register_now:hover {background-position: -72px;} #login input.sign_in {width: 49px; height: 19px; background: url(/images/buttons/sign_in.png) top left no-repeat; border: none; margin: none; cursor: pointer;} #login input.sign_in:hover {background-position: -49px;} #login input.sign_out {width: 49px; height: 19px; background: url(/images/buttons/sign_out.png) top left no-repeat; border: none; margin: 0; margin-left: 1.5em; margin-top: .5em; cursor: pointer; float: right; clear: none;} #login input.sign_out:hover {background-position: -49px;} /*X X XXX XXX XX XXX XXX X X XXX XXX XXXXX XXX XXX X XXX XXX X XXX 4. NAVIGATION ---------------------------------------------------------------------- */ ul#mainNav {margin: 0 auto; width: 510px; } /* full width is 620px */ li.lean_news a {background: url(../images/navigation/lean_news.gif) top left no-repeat; width: 96px;} li.lean_news a:hover, .sec_lean_news ul#mainNav li.what_we_do a {background-position: -96px 0px;} li.your_two_cents a {background: url(../images/navigation/your_two_cents.gif) top left no-repeat; width: 125px;} li.your_two_cents a:hover, .sec_your_two_cents ul#mainNav li.your_two_cents a {background-position: -125px 0px;} li.test_your_lean_iq a {background: url(../images/navigation/test_your_lean_iq.gif) top left no-repeat; width: 135px;} li.test_your_lean_iq a:hover, .sec_test_your_lean_iq ul#mainNav li.test_your_lean_iq a {background-position: -135px 0px;} li.lean_reading a {background: url(../images/navigation/lean_reading.gif) top left no-repeat; width: 110px;} li.lean_reading a:hover, .sec_lean_reading ul#mainNav li.lean_reading a {background-position: -110px 0px;} li.ask_a_lean_mentor a {background: url(../images/navigation/ask_a_lean_mentor.gif) top left no-repeat; width: 130px;} li.ask_a_lean_mentor a:hover, .ask_a_lean_mentor ul#mainNav li.ask_a_lean_mentor a {background-position: -130px 0px;} ul#subscribe_buttons {margin: 20px 0 0 0;} ul#subscribe_buttons li {height: 50px; margin: 0 12px 0 0; list-style-position: inside;} ul#subscribe_buttons li.twitter {list-style-type: square; list-style-image: url("/images/icon_twitter.gif");} ul#subscribe_buttons li.rss {list-style-type: square; list-style-image: url("/images/icon_rss.gif");} ul#subscribe_buttons li.email {list-style-type: square; list-style-image: url("/images/icon_email.gif");} ul#subscribe_buttons li a {position: relative; top: 1.5em; vertical-align: top;} li.rss_feed {background: url(http://www.dh2.com/ips/lean/images/buttons/rss_feed.png) top left no-repeat; width: 80px;} li.rss_feed:hover {background-position: -80px 0;} li.email_signup {background: url(http://www.dh2.com/ips/lean/images/buttons/email_signup.png) top left no-repeat; width: 77px;} li.email_signup:hover {background-position: -77px 0;} ul#hdrNav li.contact {border-right: none; margin-right:}