body { margin: 0; padding: 0; background-color: #fff; text-align: center; font-family: Verdana; font-size: 62.5%; color: #525151; line-height: 1.5em; } /*********************************/ /* Global Page Layout */ /*********************************/ #contentwrapper { width: 100%; min-height: 509px; height: 509px; background: #fff; text-align: center; padding-bottom: 10px; } #innerwrapper { width: 724px; text-align: left; margin: auto; padding-top: 25px; } #content { width: 480px; float: left; font-size: 1.1em; } #footer { width: 480px; clear: both; color: #525151; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; } .clear { clear: both; line-height: 1px; max-height: 1px; height: 1px; font-size: 1px; } a { color: #f78f1e; text-decoration: none; } #content a:hover { text-decoration: underline; } a img { border: none; } b { font-weight: bold; } /************************/ /* Home Page Exceptions */ /************************/ #home #content { width: 487px; padding-bottom: 0px; } #home #content p {width: 450px;} #home #footer, #imagefooter { width: 724px; } #home #promo { margin-top: 0; width: 237px; } #imagefooter { clear: both; border-top: 1px solid #717171; padding-top: 20px; } #footer { clear: both; padding-top: 20px; background: transparent url(http://www.threelawsofperformance.com/assets/images/layout/dotted_line.gif) repeat-x top left;} #imagefooter div { float: left; width: 362px; } #imagefooter div img, #imagefooter div p { float: left; margin-bottom: 20px; } #imagefooter div p { padding: 24px 0 0 12px; } #imagefooter div p b, #rightcontent p b { color: #fff; } #rightcontent { width: 325px; float: right; text-align: right; margin-bottom: 20px; } /*************************************/ /* Main Navigation Layout & Behavior */ /*************************************/ #navwrapper { width: 100%; text-align: center; background: #fff url(http://www.threelawsofperformance.com/assets/images/layout/body_new.gif) repeat-x top; padding: 0; } #mainnav { width: 724px; margin: auto; text-align: left; } #logolink { text-decoration: none; margin: 0 0 0 68px; padding: 0; height: 164px; } #mainnav ul, #mainnav ul li { list-style: none; margin: 0; padding: 0; } #mainnav ul { margin-top: 0;} #mainnav ul li { padding-top: 5px; display: inline; float: left; } #mainnav ul li a { display: inline-block; width: auto; margin-right: 85px; text-decoration: none; font-family: Helvetica Neue, arial; font-size: 18px; color: #9a9a9a; line-height: 20px;} #mainnav ul li.last a { margin-right: 0; } #mainnav ul li a:hover, #home #mainnav ul li a.aboutthebook, #authors #mainnav ul li a.abouttheauthors, #reviews #mainnav ul li a.earlyreviews, #excerpts #mainnav ul li a.excerpts, #preordernow #mainnav ul li a.preordernow { color: #1b1b1b;} #mainnav ul li a.selected {color: #1b1b1b;} #mainnav ul li a {/*border-left: 11px solid #C2C3C4;*/ padding-left: 15px; background: transparent url(http://www.threelawsofperformance.com/assets/images/navigation/gray_dot.gif) no-repeat 0 5px;} #mainnav ul li a:hover {/*border-left: 11px solid #FF6600;*/ padding-left: 15px; background: transparent url(http://www.threelawsofperformance.com/assets/images/navigation/orange_dot.gif) no-repeat 0 5px;} #mainnav ul li a.selected {/*border-left: 11px solid #FF6600;*/ padding-left: 15px; background: transparent url(http://www.threelawsofperformance.com/assets/images/navigation/orange_dot.gif) no-repeat 0 5px;} #mainnav ul li a.aboutthebook { background-image: url(http://www.threelawsofperformance.com/assets/images/navigation/aboutthebook.gif); } #mainnav ul li a.abouttheauthors { background-image: url(http://www.threelawsofperformance.com/assets/images/navigation/abouttheauthors.gif); } #mainnav ul li a.earlyreviews { background-image: url(http://www.threelawsofperformance.com/assets/images/navigation/earlyreviews.gif); } #mainnav ul li a.excerpts { background-image: url(http://www.threelawsofperformance.com/assets/images/navigation/excerpts.gif); } #mainnav ul li a.preordernow { background-image: url(http://www.threelawsofperformance.com/assets/images/navigation/preordernow.gif); } /***************************************/ /* Graphical Page Titles and Subtitles */ /***************************************/ h1 { margin: 0; } h2 { margin-top: 5px; } /* body#home h1.pagetitle img { height: 17px; width: 291px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/home_title.png'); } body#home h1.pagetitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/home_title.png); } body#home h2.subtitle img { height: 33px; width: 199px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/home_subtitle.png'); } body#home h2.subtitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/home_subtitle.png); } body#authors h1.pagetitle img { height: 19px; width: 195px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/authors_title.png'); } body#authors h1.pagetitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/authors_title.png); } body#authors div.zaffron h2.subtitle img { height: 19px; width: 138px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/authors_zaffron_subtitle.png'); } body#authors div.zaffron h2.subtitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/authors_zaffron_subtitle.png); } body#authors div.logan h2.subtitle img { height: 24px; width: 128px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/authors_logan_subtitle.png'); } body#authors div.logan h2.subtitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/authors_logan_subtitle.png); } body#excerpts h1.pagetitle img { height: 24px; width: 97px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/excerpts_title.png'); } body#excerpts h1.pagetitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/excerpts_title.png); } body#excerpts h2.subtitle img { height: 83px; width: 416px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/excerpts_subtitle.png'); } body#excerpts h2.subtitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/excerpts_subtitle.png); } body#reviews h1.pagetitle img { height: 24px; width: 150px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/titles/reviews_title.png'); } body#reviews h1.pagetitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/titles/reviews_title.png); } */ div#header h1#title { font-size:2.2em; margin:0; text-align:left; color: #F9880D; line-height: 1.1em; } h1#title a { color:#F9880D; text-decoration: none; } h1#title a:hover {text-decoration: none;} /***********************/ /* Content Area Layout */ /***********************/ #content p { line-height: 1.5em; } /*** Authors Page ***/ #content div.zaffron img, #content div.logan img { float: left; margin-bottom: 15px; margin-right: 15px; } #content div.zaffron h2, #content div.logan h2 { float: left; margin-left: 25px; margin-bottom: 0; } #content div.zaffron h2 { margin-top: 116px; } #content div.logan h2 { margin-top: 113px; } #content div.zaffron { padding-top: 20px; } #content div.logan { padding-top: 20px; background: transparent url(http://www.threelawsofperformance.com/assets/images/layout/dotted_line.gif) repeat-x top left; } #content div.zaffron p.firstp, #content div.logan p.firstp { margin-top: 0; } /*** Excerpts Page ***/ h3.sectionintro { font-weight: bold; padding-top: 15px; font-size: 1em; background: transparent url(http://www.threelawsofperformance.com/assets/images/layout/dotted_line.gif) repeat-x top left; } /*** Reviews Page ***/ div.review { margin-top: 17px; padding-top: 6px; background: transparent url(http://www.threelawsofperformance.com/assets/images/layout/dotted_line.gif) repeat-x top left;} p.quotation { padding-left: 15px; text-indent: -15px; } /*************/ /* Promo Box */ /*************/ #promo { float: right; width: 195px; padding-bottom: 0; margin-bottom: 0; margin-top: 41px; text-align: center; margin-bottom: 20px; } /* #promo h2.promotitle { background-color: #3f3f3f; padding: 8px 0 5px 0; margin: 0; border-bottom: 1px solid #878787; text-align: center; } #promo h2.promotitle img { height: 14px; width: 171px; margin: auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/content/preordertoday.png'); } #promo h2.promotitle[class] img { background: url(http://www.threelawsofperformance.com/assets/images/content/preordertoday.png); } */ #promo p { font-size: 1.2em; text-align: center; margin: 0; padding-bottom: 0px; } /* #promo p.highlight { color: #fff; font-weight: bold; padding-bottom: 4px; } #promo p span { font-size: 1.5em; background-color: #1b1b1b; padding: 1px 3px 1px 3px; } #promo a img { height: 24px; width: 165px; margin: auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../assets/images/content/preorderbutton.png'); } #promo a[class] img { background: url(http://www.threelawsofperformance.com/assets/images/content/preorderbutton.png); } */ #boxes {text-align: left;} #boxes .box1 {width: 184px; border: 1px solid #ccc; padding: 0px; margin: 10px 0px 10px 5px;} #boxes .box1 .inside {border: 2px solid #fff; background: #E3E3E3; width: 164px; padding: 10px 8px 0px 8px;} #boxes .box1 .inside p.title {text-align: left; font: 16px arial; font-weight: bold; color: #474747; line-height: 18px;} #boxes .box1 .inside p.desc {text-align: left; font: 12px arial; color: #313131; line-height: 17px;} #boxes .box1 .inside a {font: 12px arial; font-weight: bold; color: #FC8504; line-height: 18px; text-decoration: none;} #boxes .box2 {width: 168px; border: 1px solid #ccc; padding: 10px 8px 0px 8px; margin: 0px 0px 10px 5px;} #boxes .box2 span.title {font: 15px arial; font-weight: bold; line-height: 16px;} #boxes .box2 span.desc {font: 10px arial; color: #585757; line-height: 16px;} #boxes .box2 span.heading {color: #585757; font: 10px arial; line-height: 17px; font-weight: bold;} #boxes .box2 div.input {margin: 5px 0 0 0; padding: 0px; text-align: center;} #home #boxes .box2 {background: #E3E3E3; margin: 15px 0px 10px 51px;} #home .box1, #home .box2 {display: none;} #contact {width: 299px; border: 2px solid #fff; margin: 0px;} #contact p.heading {font: 11px arial; font-weight: bold; text-align: right; margin: 0px; padding: 0px;} .homeform {float: right; width: 168px; border: 1px solid #ccc; padding: 10px 8px 0px 8px; margin: 0px 0px 10px 9px;} .homeform span.title {font: 14px arial; font-weight: bold; line-height: 15px;} .homeform span.desc {font: 10px arial; color: #585757; line-height: 16px;} .homeform span.heading {color: #585757; font: 10px arial; line-height: 17px; font-weight: bold;} .homeform div.input {margin: 5px 0 0 0; padding: 0px; text-align: center;} /*****************/ /* Media Section */ /*****************/ .media #innerwrapper { padding-top: 46px; } .media #leftnav { float: left; width: 105px; margin-right: 25px; font-size: 1.2em; line-height: 1.5em; } .media .landing #leftnav { margin-right: 16px; } #leftnav h2 a {text-decoration: none;} .media #leftnav h2 { margin-top: 0; margin-bottom: 18px; color: #f78f1e; font-weight: bold; font-size: 2em; } .media #leftnav ul { margin: 0; padding: 0; } .media #leftnav ul li { list-style: none; } .media #leftnav ul li a.current { color: #000; } .media #leftnav ul li#leftnavpress { margin-top: 1em; } .media #leftnav ul li#leftnavpress a { background-color: #f4f4f4; padding: 2px 4px; border: 1px solid #cdcdcd; } .media #leftnav ul li#leftnavpress { margin-top: 1em; } .media #content { width: 383px; } .media .wide #content { width: 590px; margin-bottom: 1em; } .media .landing #content { width: 603px; } .media #content h1 { padding-top: 5px; font-size: 1.5em; } .media #presscontact { margin-top: 0.5em; } .media #promo { width: 186px; margin-top: 0; } .media #promo #boxes .box2 { margin: 0; } .wide #footer, #footer.wide { margin-top: 1em; width: 724px; } div.interview { margin: 1em auto; } div.interview img { float: left; } span.articlename { font-weight: bold; } span.articledate, span.mediatype { font-style: normal; } div.interview div.content { width: 263px; margin-left: 120px; } div.interview div.content p { margin: 0; } .media div#landingtop div#video { width: 395px; float: left; margin-right: 10px; } .media div#landingtop div#video p.caption { margin: 0; } .media div#landingtop div#bookcallout { float:left; margin-left:30px; width:196px; } .media div#landingbottom { background: transparent url("../images/layout/dotted_line_vertical.gif") repeat-y top left; margin-left:120px; } .media div#landingbottom h3 { margin: 0; } .media div#landingbottom div#column1, .media div#landingbottom div#column2, .media div#landingbottom div#column3 { float: left; width: 175px; margin-right: 45px; margin-top: 1em; } .media div#landingbottom div#column3 { margin-right: 0; width: 150px; } div.divider { background: transparent url(http://www.threelawsofperformance.com/assets/images/layout/dotted_line.gif) repeat-x top left; height: 2px; } .media #content div#first.review { background-image: none; margin-top: 0; } div#dc {font: 17px verdana; color: #999; line-height:26px; border: 1px solid #999; margin: 10px 0 0 0; padding: 0 0 0 10px;} div#dc span {color: #F9880D;} /* #promo #buybookbox {background: transparent url('/assets/images/content/buy_book_box.gif') no-repeat top left; width: 186px; height: 93px; text-align: center; margin: 0 auto; color: #6a6868;} #promo #buybookbox #buybooktext {padding-top: 52px;} #promo #buybookbox #buybooktext a {color: #000; font-weight: bold; font-size: 1.2em; line-height: 1.4em;} #promo #buybookbox #buybooktext a:hover, #promo #buybookbox #buybooktext a:active {text-decoration: underline;} */ #promo img#bookphoto {display: block; margin: 0 auto; padding: 0; border: 1px solid #dbdbdb; border-bottom: none;} #promo #buybookbox {background: transparent url('/assets/images/content/buy_book_box.gif') no-repeat top left; width: 186px; height: 93px; text-align: center; margin: 0 auto; color: #6a6868;} #promo #buybookbox #buybooktext {padding-top: 52px;} #promo #buybookbox #buybooktext a {color: #000; font-weight: bold; font-size: 1.2em; line-height: 1.4em;} #promo #buybookbox #buybooktext a:hover, #promo #buybookbox #buybooktext a:active {text-decoration: underline;}