/* Theme Name: InContext Description: WordPress theme for InContext Enterprises, Inc. Version: 1.0 */ /* Styles for basic page content */ #pageBody { width:650px; float:left; clear:right; background-image:url(../../images/secondary-page-main-background.jpg); background-repeat:repeat-x; position:relative; } #pageContent { font-size:12px; font-weight:normal; padding-left:20px; line-height:18px; padding-right:10px; padding-top:10px; } #pageContent img { padding:0px; } #pageContent p { line-height:18px; color:#000000; padding-bottom:5px; padding-top:5px; } #pageContent ol { list-style-type:decimal; } #pageContent ul { list-style-type:disc; } #pageContent li { padding-left:10px; margin-left:30px; padding-bottom:2px; padding-top:2px; } #pageContent h1 { font-size:18px; font-weight:bold; color:#333333; padding-top:10px; padding-bottom:8px; } #pageContent h2 { font-size:16px; font-weight:bold; color:#333333; padding-top:10px; padding-bottom:8px; } #pageContent h3 { font-size:14px; font-weight:bold; color:#333333; margin-top:10px; margin-bottom:5px;} #pageContent p+p { padding-bottom:8px; } #pageContent hr { width:90%; margin-bottom:0px; height:1px; color:#6da0c6; text-align:left; margin-left:0px; } #pageContent hr+h3 { margin-top:15px; } #pageContent p+hr { margin-top:15px; } #pageContent p a { font-weight:normal; color:#00469B; } #pageContent .boxed { width:80%; margin:20px; background-color:#FFFFFF; border:1px; border-style:solid; border-color:#BFBDBD; padding:10px; font-size:12px; line-height:20px; font-weight:normal;} .imgrow { padding-top:20px; } .imgimg { float:left; margin-top:10px; } .imgtxt { padding-left:150px; padding-top:0px; } /* styles for the page sidebar */ #pageSidebar1 { width:260px; float:left; clear:right; margin-top:10px; margin-bottom:20px; } #pageSidebar1 h1 { padding-top:5px; padding-bottom:10px; color:#333333; font-size:16px; font-weight:bold; } #pageSidebar1 h2 { padding:0px; padding-top:5px; padding-bottom:0px; margin:0px; font-size:14px; font-weight:bold; line-height:16px; } #pageSidebar1 h2 a { padding:0px; padding-top:5px; padding-bottom:0px; margin:0px; font-size:14px; font-weight:bold; line-height:16px; } #pageSidebar1 h3 { padding:0px; padding-top:5px; padding-bottom:2px; margin:0px; font-size:12px; font-weight:bold; line-height:14px; } #pageSidebar1 h3 a { padding:0px; padding-top:5px; padding-bottom:2px; margin:0px; font-size:12px; font-weight:bold; line-height:14px; } #pageSidebar1 p { padding:0px; padding-bottom:0px; margin:0px; margin-top:15px; font-size:12px; line-height:15px;} #pageSidebar1 .largetext { padding:0px; margin:0px; font-size:14px; line-height:15px;} #pageSidebar1 .largetext+h2 { padding-top:20px; } #pageSidebar1 .quote { font-size:15px; font-weight:normal; font-style:italic; line-height:18px; margin-bottom:10px; } #pageSidebar1 .customerbyline { padding:0px; padding-bottom:2px; margin:0px; font-size:15px; font-weight:bold; line-height:15px;} #pageSidebar1 .byline { padding:0px; padding-bottom:0px; margin:0px; font-size:12px; line-height:15px;} #pageSidebar1 .viewmore { padding:0px; padding-bottom:0px; margin:0px; margin-top:12px; font-size:12px; line-height:15px;} #pageSidebar1 .docicon { padding-right:10px; vertical-align:middle; } #pageSidebar1 .doctitle { margin-left:30px; text-indent:-30px; } #pageSidebar1 hr {width:100%; margin-top:15px; margin-bottom:15px; height:1px; color:#6da0c6; text-align:left; } /* duplicated because some pages use pageSidebar1. TODO: Find them and switch them all back to pageSidebar */ #pageSidebar { width:260px; float:left; clear:right; margin-top:10px; margin-bottom:20px; } #pageSidebar h1 { padding-top:10px; padding-bottom:5px; color:#333333; font-size:16px; font-weight:bold; } #pageSidebar h2 { padding:0px; padding-top:10px; padding-bottom:0px; margin:0px; font-size:14px; font-weight:bold; line-height:16px; } #pageSidebar h2 a { padding:0px; padding-top:10px; padding-bottom:0px; margin:0px; font-size:14px; font-weight:bold; line-height:16px; } #pageSidebar h3 { padding:0px; padding-top:10px; padding-bottom:2px; margin:0px; font-size:12px; font-weight:bold; line-height:14px; } #pageSidebar h3 a { padding:0px; padding-top:10px; padding-bottom:2px; margin:0px; font-size:12px; font-weight:bold; line-height:14px; } #pageSidebar .subtitle { margin-top:0px; font-size:12px; line-height:15px; margin-bottom:12px; } #pageSidebar p { padding:0px; padding-bottom:0px; margin:0px; margin-top:10px; font-size:12px; line-height:15px;} #pageSidebar .largetext { padding:0px; margin:0px; font-size:14px; line-height:15px;} #pageSidebar .largetext+h2 { padding-top:20px; } #pageSidebar .quote { font-size:15px; font-weight:normal; line-height:18px; margin-bottom:10px; font-style:italic; } #pageSidebar .customerbyline { padding:0px; padding-bottom:2px; margin:0px; font-size:15px; font-weight:bold; line-height:15px;} #pageSidebar .byline { padding:0px; padding-bottom:0px; margin:0px; font-size:12px; line-height:15px;} #pageSidebar .viewmore { padding:0px; padding-bottom:0px; margin:0px; margin-top:12px; font-size:12px; line-height:15px;} #pageSidebar .docicon { padding-right:10px; vertical-align:middle; } #pageSidebar .doctitle { margin-left:30px; text-indent:-30px; } #pageSidebar hr {width:100%; margin-top:15px; margin-bottom:15px; height:1px; color:#6da0c6; text-align:left; } /* pageSidebar1 #pageSidebar1 p { font-size:12px; font-weight:normal; line-height:16px; padding-bottom:20px; } #pageSidebar1 hr {width:100%; margin-top:15px; margin-bottom:15px; height:1px; color:#6da0c6; text-align:left; } #pageSidebar1 { width:260px; float:left; clear:right;} */ /* #pageSidebar1 p, h1, h2, h3 {} */ /* #pageSidebar1 h1 { padding-top:5px; padding-bottom:10px; color:#333333; font-size:16px; font-weight:bold;} #pageSidebar1 h2 { padding:0px; padding-top:5px; padding-bottom:0px; margin:0px; font-size:12px; font-weight:bold; line-height:16px; } #pageSidebar1 p { padding:0px; padding-bottom:0px; margin:0px; font-size:12px; line-height:15px;} */ /* Defines building blocks of site (pageContainer, header, mainContent, footer) */ #pageTopBar {background-color:#003366; width:100%; height:15px; border:0px; margin:0px;} #pageContainer {width: 960px; margin-left:auto; margin-right:auto; position:relative;} #header {width:100%; height:auto; border:0px; margin:0px;} /* Global Styles */ body, html { height: 100%; margin: 0; padding: 0; } body {font-family:Arial, Helvetica, sans-serif;} a { text-decoration:none; color:#093d65;} a:hover {text-decoration:underline;} strong {font-weight:bold;} em {font-style:italic;} /* li {list-style-position:outside;} */ /* Main Content */ #sidebar {width:100%; float:left; clear:right; } #footer {background-image:url(../../images/footer-background.jpg); background-repeat:repeat-x; width:100%; height: 50px; border: 0px; margin:0px; clear:both;} #sidebar p { xline-height:135%; } p.register {font-weight:bold; text-align:center;} img.register {margin-top:10px;} #sidebar table {border-width:0; border-color:red; margin:0; padding:0;} #sidebar td {border-width:0; margin:0; padding:2px;} /* Header Styles */ #headerBranding {float:left; width:200px; padding-left:20px; padding-top:5px; padding-bottom:5px;} #noHome {display:none;} #secondaryPageHeader {clear:both; width:100%; height:100px; background-image:url(../../images/secondary-page-header.jpg); line-height:35px;} #secondaryPageSubHeader {background-repeat:repeat-x; margin-top:-27px;} #secondaryPageHeader h1 {font-size:28px; font-weight:bold; color:#ffffff; padding-top:25px; padding-left:20px; font-family:Verdana, Arial, Helvetica, sans-serif;} #secondaryPageSubHeaderText {top:10px; position:absolute; padding-left:20px; padding-right:20px; font-size:18px; line-height:20px;} .showFeaturedArticleImg {width:100%; height:268px;} /* Opening Paragraph */ #processOpeningParagraph {background-image:url(../../images/maincontent-header-background.jpg); height:256px; background-repeat:repeat-x; margin-top:-25px; font-size:18px; } #processOpeningParagraph h1 {top:10px; position:absolute; padding-left:20px; padding-right:20px; font-size:18px;} #processOpeningParagraphText {top:10px; position:absolute; padding-left:20px; padding-right:20px; font-size:18px; line-height:22px; font-weight:normal;} /* Main Navigation Styles */ #headerNavigation {float:right; width:auto;} #headerNavigation li {display:block; float:left; margin: 5px 0px; padding:0px 7px; border-right:1px; border-style:solid;} #headerNavigation a {font-weight:bold; font-size:14px; text-decoration:none;} #headerNavigation a:hover {font-weight:bold; font-size:14px; text-decoration:underline;} #karenLink a {color:#963C28;} li#karenLink {border:0px;} .current {text-decoration:underline;} /* Subtitle */ .subtitleYes {background-image:url(../../images/subTitleBackground.jpg); height:105px;} .subtitleNo {background-image:url(../../images/subTitleBackground-small.jpg); height:59px;} /* Our Work and Case Study Pages */ #casestudyOpeningParagraph {background-image:url(../../images/maincontent-header-background.jpg); height:auto; min-height:200px; background-repeat:repeat-x; margin-top:-25px;} #casestudyOpeningParagraph h1 {padding-top:45px; padding-left:20px; padding-right:20px; font-size:18px; line-height:20px;} #casestudyOpeningParagraph h2 {padding-top:10px; padding-left:20px; padding-right:20px; padding-bottom:20px; font-size:12px; line-height:18px; font-weight:normal;} #casestudyOpeningParagraphImg img {float:right; padding:0px; margin-top:40px; margin-right:20px; margin-left:10px; border:1px; border-color:#666666; border-style:solid;} #caseStudiesSidebar {padding-left:10px;} #caseStudiesSidebar li{font-weight:bold; font-size:12px; padding-bottom:10px;} .caseStudyCurrentItem {list-style-image:url(../../images/arrow.jpg);} #caseStudies {padding-left:65px; padding-top:10px;} /* Single Page Formatting */ #pageMaincontent { width:650px; float:left; clear:right; margin-left:0px; margin-right:20px; margin-bottom:30px; background-image:url(../../images/secondary-page-main-background.jpg); background-repeat:repeat-x; position:relative;} #pageMaincontent img {padding:0px;} #pageMaincontent p {font-size:12px;} #pageMaincontent p, h1, h2, h3, hr {padding-left:0px; padding-right:20px;} /* Secondary Page Formatting */ /* Global Styles For Secondary Pages */ #servicesContent, #blog, #processContent, #aboutContent, #caseStudyContent, #publicationsContent, #landing1Content, .post, #landing3Content, #landing1Content, #landing2Content {padding-left:20px; line-height:18px; padding-right:10px; padding-top:10px;} #servicesContent p, #processContent p, #aboutContent p, #caseStudyContent p, #publicationsContent p, #landing3Content p, #landing1Content p, #landing2Content p, #postContent p {font-size:12px; font-weight:normal; line-height:18px; color:#000000; padding-bottom:5px; padding-top:5px;} #servicesContent h2, #caseStudies h2, #blog h2, #processContent h2, #aboutContent h2, #caseStudyContent h2, #publicationsContent h2, #landing3Content h2, #landing2Content h2 {font-size:16px; font-weight:normal; color:#333333; padding-top:10px; padding-bottom:10px;} #landing1Content h2 {font-size:16px; font-weight:bold; color:#333333; padding-top:10px; padding-bottom:10px; line-height:18px;} #servicesContent h3, #caseStudies h3, #blog h3, #processContent h3, #aboutContent h3, #caseStudyContent h3, #publicationsContent h3, #landing3Content h3, #landing1Content h3, #landing2Content h3 {font-size:17px; font-weight:bold; color:#333333; margin-top:10px; margin-bottom:5px;} #servicesContent p+p, #caseStudies p+p, #blog p+p, #processContent p+p, #aboutContent p+p, #caseStudyContent p+p, #publicationsContent p+p, #landing1Content p+p, #landing3Content p+p, #landing1Content p+p, #landing2Content p+p {padding-bottom:8px;} #servicesContent hr, #caseStudies hr, #blog hr, #processContent hr, #aboutContent hr, #caseStudyContent hr, .post hr, #publicationsContent hr, #landing3Content hr, #landing1Content hr, #landing2Content hr {width:90%; margin-bottom:0px; height:1px; color:#6da0c6; text-align:left; margin-left:0px;} #servicesContent hr+h3, #caseStudies hr+h3, #blog hr+h3, #processContent hr+h3, aboutContent hr+h3, #caseStudyContent hr+h3, #publicationsContent hr+h3, #landing3Content hr+h3, #landing1Content hr+h3, #landing2Content hr+h3 {margin-top:15px;} #servicesContent p+hr, #caseStudies p+hr, #blog p+hr, #processContent p+hr, #aboutContent p+hr, #caseStudyContent p+hr, #publicationsContent p+hr, #landing3Content p+hr, #landing1Content p+hr, #landing2Content p+hr {margin-top:15px;} /* Main Content links */ #aboutContent p a, #servicesContent p a, #blog p a, #processContent p a, #caseStudyContent p a, #publicationsContent p a, #landing1Content p a, .post p a, #landing3Content p a, #landing1Content p a, #landing2Content p a \ {font-weight:normal; color:#00469B;} /* Main Content images */ #aboutContent img {float:left; margin-left:0px; margin-right:20px; margin-bottom:10px; margin-top:15px; border:#000000; border-style:solid; border-width:1px;} #caseStudyContent img, #landing1Content img {float:left; margin-left:0px; margin-right:20px; margin-bottom:8px; margin-top:8px; border:#000000; border-style:solid; border-width:1px;} /* Services - Landing page */ #servicesContent li{font-size:12px; list-style:disc; padding-left:10px; margin-left:30px; padding-bottom:2px; padding-top:2px; list-style-position:inside;} #landing1Content img {float:left; clear:left; margin-left:0px; margin-right:20px; margin-bottom:30px; margin-top:30px; border:#000000; border-style:solid; border-width:1px;} #landing1Content h2 {padding-top:20px;} #landing1Content p {padding-bottom:30px;} #landing2Content h6, #landing1Content h6, #landing3Content h6 {width:80%; margin:20px 20px 20px 20px; background-color:#FFFFFF; border:1px; border-style:solid; border-color:#BFBDBD; padding:10px; font-size:12px; line-height:20px; font-weight:normal;} /* Case Studies */ #caseStudyContent h5 { margin-left:200px;} #caseStudyContent h6 { padding-top:80px;} #caseStudyContent ul {list-style: none; margin-left: 0px; padding-left: .5em; text-indent: 0em; list-style:inside;} #caseStudyContent li {font-size:12px; font-weight:normal; list-style:disc; padding-left:10px; margin-left:30px; padding-bottom:3px; list-style-position:outside; line-height:16px; } #caseStudyContent h4 {font-size:14px; font-style:normal; padding-top:10px;} /* Quote Box In Main Content */ #csquote {margin:30px 30px 30px 30px; background-color:#FFFFFF; border:1px; border-style:solid; border-color:#BFBDBD; padding:15px;} #csquote h4 { padding:0px; font-size:16px; font-weight:normal; color:#333333; line-height:22px;} #csquote h5 { padding: 5px 0px 0px 0px; font-weight:normal; font-size:12px; margin:0px; text-align:right;} /* Additional Quote Boxes In Main Content */ .csquote {margin:30px; background-color:#FFFFFF; border:1px; border-style:solid; border-color:#BFBDBD; padding:15px;} .csquote h4 { padding:0px; font-size:16px; font-weight:normal; color:#333333; line-height:22px;} .csquote h5 { padding: 5px 0px 30px 0px; font-weight:normal; font-size:12px; margin:0px; text-align:right;} .boxquote {float:right; width:200px; border:1px; border-spacing:10px; border-style:solid; border-color:#BFBDBD; padding:15px; margin-left:10px; margin-top:10px; margin-bottom:10px; background-color:#FFFFFF; } .boxquote h4 { padding:0px; font-size:16px; font-weight:normal; color:#333333; line-height:22px;} .boxquote h5 { padding: 5px 0px 30px 0px; font-weight:normal; font-size:12px; margin:0px; text-align:right;} /* Featured Case studies on Our work landing page*/ #caseStudy {float:left; height:120px; width:230px; padding:10px; margin:15px; border:1px; border-color:#434b51; border-style:solid; padding-bottom:15px; background-color:#FFFFFF;} #caseStudy p {font-size:14px; font-weight:normal; line-height:18px; padding-top:10px;} #caseStudy img {margin:0px; padding:0px;} /* Case studies that are not featured */ #caseStudyNonFeatured {padding-left:70px; float:left;} #caseStudyNonFeatured img { width:70px; padding:10px; float:left; margin-top:30px; border:1px; border-color:#434b51; border-style:solid; background-color:#FFFFFF;} #caseStudyNonFeatured p { float:left; width:300px; padding:20px; padding-top:28px; line-height:18px;} /* Bio Popups */ .bioGrayBackground {display:block; position:absolute; width:100%; min-height:100%; background-color:#333333; z-index:100;} .bioContent {width:550px; background-color:#FFFFFF; z-index:1000; display:none; position:absolute; left:65px; margin-top:-85px; background-color:#999999; padding:10px 20px; border-style:solid; border-color:#000000; border-width:2px; background-image:url(../../images/bio-background.jpg); background-repeat:repeat-x;} #bioClose {text-align:right; float:right; border:0px; margin:0px; padding:0px;} /* pageSidebar */ /* #pageSidebar {margin-top:10px;} #pageSidebar p { font-size:12px; font-weight:normal; line-height:16px; padding-bottom:20px; } #pageSidebar hr {width:100%; margin-top:15px; margin-bottom:15px; height:1px; color:#6da0c6; text-align:left; } #pageSidebar { width:260px; float:left; clear:right;} #pageSidebar p, h1, h2, h3 {} */ #resourcesSection img { vertical-align:middle; padding-right:5px; } #resourcesSection h1 { margin-left:20px; text-indent:0px; } /* Footer Styles */ #footerContainer {margin-left:auto; margin-right:auto; width:960px; text-align:center;} #footerContainer {padding-top:15px;} #footerNavigation ul {text-align:right;} #footerNavigation li {display:block; float:left; margin: 0px 5px;} #footerNavigation {margin-right:10px;} #footerEmail {margin: 0px 10px;} #footerCopyright {margin: 0px 10px;} #footer {font-size:12px;} /* Contact Form Styles */ .wpcf7-validates-as-required {width: 120px;} .wpcf7-validates-as-email {width:100px;} span.wpcf7-list-item { display: block; } .wpcf7-validation-errors {display:none; color:#FF0000; font-weight:bold;} .wpcf7-not-valid-tip-no-ajax {display:block; clear:left; color:#FF0000; font-size:12px; padding-bottom:15px;} /* #contactUs {width:100%; clear:both; } #contactUs h2 {font-size:14px; font-weight:normal; margin:0px; padding-bottom:5px; padding-top:10px; margin-left:0px; padding-left:0px;} #contactUs a { font-size:14px; font-weight:bold; line-height:40px;} */ #contactUsHome {width:675px; clear:both; padding-left:0px; margin-left:0px;} #contactUsHome h1 {font-size:18px; font-weight:normal; padding-bottom:20px; margin-left:0px; padding-left:0px;} #contactUsHome h2 {font-size:14px; margin:0px; padding-bottom:10px; margin-left:0px; padding-left:0px;} #contactUsHome a { font-size:12px; font-weight:bold; color:#434b51; line-height:40px;} .contactUsPopBG {background-image:url(../../images/bio-background.jpg); background-repeat:repeat-x;} .contactUsPopBG h1, h2 {text-align:left;} .contactUsPopBG h1 {font-size:18px; font-weight:bold; padding:10px 0px;} .contactUsPopBG h2 {font-size:14px;} .contactUsPopBG td {padding:5px;} /* Newsletter Signup */ #contactNewsletter {padding-top:8px; color:#093d65; font-size:16px; font-weight:bold;} #contactNewsletter2 {color:#093d65; font-size:16px; font-weight:bold;} #newsletterSignUp { margin-bottom:0px;} .newsletterSignUp {font-size:12px;} #newsletterSignUp p { padding-top:10px;} #newsletterSignUp textarea {} #wpcf7-f1-w1-o1 {padding:0px; margin:0px;} .wpcf7 {padding:0px; margin:0px;} /* Home Page Formatting */ #homepageMaincontent {width:685px; float:left; clear:right; margin-left:10px;} /* Featured Article */ #homepageFeaturedArticleBanner { width:958px; height:200px; float:left; clear:both; position:relative; border-color:#000000; border-left:1px; border-top:1px; border-right:1px; border-bottom:0px; border-style:solid; background-color:#000000; } #homepageFeaturedArticleBannerText {float:right; /*clear:both;*/ margin-top:-180px; margin-left:10px; width:200px; text-align:right;} #homepageFeaturedArticleBannerText h1 {font-size:16px; font-weight:bold; line-height:20px; margin-right:0px; text-align:right;} #homepageFeaturedArticleBannerText h2 {font-size:14px; font-weight:bold; line-height:20px; margin-right:0px; text-align:right;} #homepageFeaturedArticleBannerText p {font-size:12px; margin-right:20px; text-align:right;} /* Slogan */ #homepageSloganContainer { background-image:url(../../images/slogan-background.jpg); clear:both; height:166px; width:100%; border:0px padding:0px,0px,0px,0px; margin:0px; } #homepageSloganText {color:#FFFFFF; padding:30px 100px 40px 100px;} #homepageSloganText h1 {font-size:28px; font-weight:bold; padding-bottom:10px;} #homepageSloganText p {font-size:16px; line-height:22px;} /* Reveal, Invent, Learn */ /* Will be obsolete when the 4-col homepage goes live */ #homepageThreeCols {background-image:url(../../images/services-background.jpg); background-repeat:repeat-x; height:182px;} #homepageThreeCols div {display:block; float:left; vertical-align:top; margin-top:10px; padding:10px; padding-left:25px; width:190px;} #homepageThreeCols h1 {font-size:20px; font-weight:bold; margin-top:0px; padding-bottom:10px; padding-left:0px; margin-left:-5px;} #homepageThreeCols ul {line-height:22px; list-style: none; margin-left: 0; text-indent: 0em;} #homepageThreeCols li { list-style-image:url(../../images/bullet.gif); font-size:14px; margin-left:10px;} #col1, #col2 {border-right:1px; border-style:solid; border-color:#999999; height:70%;} /* Innovation | Modern Design | User-Centered Design | Agile Development */ .inno-inno { color:#7bc3ec; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .inno-in { color:#fa573c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .inno-cool { color:#9bf12c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } #homepageFourCols { width:685px; height:238px; } #homepageFourCols div { display:block; float:left; vertical-align:top; padding:0px; } #homepageFourCols .home1 { background-repeat:no-repeat; width:171px; height:198px; } #homepageFourCols .home2 { background-repeat:no-repeat; width:171px; height:198px; } #homepageFourCols .home3 { background-repeat:no-repeat; width:171px; height:198px; } #homepageFourCols .home4 { background-image:url(images/homebg_04.png); background-repeat:no-repeat; width:172px; height:198px; } #homepageFourCols .home5 { width:685px; height:40px; background-image:url(images/homebg_05.png); background-repeat:no-repeat; margin:0; padding:0; } #homepageFourCols .homeunsel1 { background-image:url(images/homebg_01.png); } #homepageFourCols .homeunsel2 { background-image:url(images/homebg_02.png); } #homepageFourCols .homeunsel3 { background-image:url(images/homebg_03.png); } #homepageFourCols .homeunsel4 { background-image:url(images/homebg_04.png); } #homepageFourCols .homesel1 { background-image:url(images/homebg_01_h.png); } #homepageFourCols .homesel2 { background-image:url(images/homebg_02_h.png); } #homepageFourCols .homesel3 { background-image:url(images/homebg_03_h.png); } #homepageFourCols .homesel4 { background-image:url(images/homebg_04_h.png); } #homepageFourCols h1 { font-size:23px; /* font-size:19px; */ font-weight:normal; margin:25px 10px 20px 15px; color:#0095ca; } #homepageFourCols a { color:#0095ca; } #homepageFourCols .homesel1 a { color:#093d65; } #homepageFourCols .homesel2 a { color:#093d65; } #homepageFourCols .homesel3 a { color:#093d65; } #homepageFourCols .homesel4 a { color:#093d65; } /* #homepageFourCols a:hover { color:#093d65; } */ #homepageFourCols p { font-size:12px; color:#666666; line-height:140%; margin:0 10px 0 15px; } #homepageFourCols h2 { font-size:13px; font-weight:bold; color:#333333; text-align:center; clear:both; margin-top:12px; } #homepageBlurb { background-image:url(images/homeblurbbg.png); background-repeat:repeat-x; width:635px; height:215px; padding:35px 20px 15px 30px; } #homepageBlurb h1 { font-size:15px; font-weight:bold; color:#333333; margin:0; } #homepageBlurb p { font-size:14px; font-weight:normal; color:#333333; margin-top:5px; } #homepageBlurb hr { color:#333333; margin:3ex 0 4ex 0; } #hpteaser { margin-top:3ex; } #hpteaser .hpteaser_text { float:right; width:260px; font-size:13px; margin-top:0; margin-left:2em; } #hpteaser .hpbyline { font-size:12px; } #hpteaser .hpteaser_img { float:right; margin-top:1ex; } /* How we work with you, Companies we partner with */ /* Will be obsolete when the 4-col homepage goes live */ #homepageCaseStudiesClient h1 {font-size:17px; font-weight:bold; padding-top:15px; padding-bottom:8px; clear:both;} #homepageCaseStudiesClient h2 {font-size:15px; font-weight:bold; padding-top:15px; padding-bottom:8px; clear:both;} #homepageCaseStudiesClient ul h1 {padding-top:15px;} #homepageCaseStudiesClient h1+p, #homepageCaseStudiesClient h1+ul{ padding-top:0px;} #homepageCaseStudiesClient p {font-size:14px; font-weight:normal; vertical-align:top; border:0px; padding:0px; padding-top:0px; margin:0px;} #homepageCaseStudiesClient { background-image:url(../../images/case-studies-background.jpg); background-repeat:repeat-x; height:350px; margin-top:-10px; padding-top:0px; border:none; padding-left:50px; padding-right:20px; line-height:18px; } #homepageCaseStudiesClient li {display:block; float:left; margin:0px 30px 10px 0px; padding:0px;} #homepageCaseStudiesClient h4 {padding-top:10px; padding-bottom:10px; font-size:14px; font-weight:normal; color:#434B51;} #homepageCaseStudiesClient h5 {font-size:14px; font-weight:normal; color:#434B51;} #homepageCaseStudiesClient ul hr {float:left; clear:both; width:95%; margin-top:23px; margin-bottom:0px; height:1px; color:#999999;} /* Homepage Featured Case Studies */ #homepageCaseStudies { vertical-align:top; margin-top:0px; padding-top:0px;} #homepageCaseStudies img {padding-right:10px; width:80px; } #homepageCaseStudies a {font-size:12px;} #homepageCaseStudies a:hover {text-decoration:underline;} #homepageCaseStudy { float:left; width:200px; display:block; margin:0px;} #homepageCaseStudy1, #homepageCaseStudy2 {float:right; width:50%;} #homepageCaseStudyPic1, #homepageCaseStudyPic2 {float:left; padding:0px; margin:0px;} #homepageCaseStudyPic1 img, #homepageCaseStudyPic2 img {width:80px; margin-top:8px; border-width:1px; border-color:#000000; border-style:solid;} #homepageCaseStudyText1, #homepageCaseStudyText2 {float:left; margin:0px; width:215px; padding-left:10px; line-height:16px; color:#434B51;} #homepageCaseStudyText1 p, #homepageCaseStudyText2 p {width:200px;} #homepageCaseStudyText1 h1, #homepageCaseStudyText2 h1 {font-size:14px; font-weight:bold; padding:0px; padding-bottom:5px; padding-top:5px; margin:0px;} /* Homepage Contact Us */ #homepageContactUs { background-image:url(../../images/call-us-background.jpg); background-repeat:repeat-x; height:52px; font-size:14px; text-align:center; margin-top:40px; clear:both; } #homepageContactUs p {padding:20px;} /* Homepage Sidebar */ #homepageSidebar {width:265px; clear:left; float:left;} #homepageSidebar hr { width:90%; height:1px; color:#6da0c6; text-align:left; margin-right:30px; } /* Homepage Blog entries */ #homepageBlogEntries ul+li {padding-bottom:10px;} #homepageBlogEntries h1 {padding-bottom:0px; margin-bottom:0px;} #homepageBlogEntries h2, /* #BookContainer a, */ #homepageSidebar a {font-size:13px; font-weight:bold; color:#093d65; padding:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; line-height:17px;} #homepageBlogEntries h3 {font-size:12px; margin:0px; margin-top:5px; } #homepageBlogEntries .dateline { color:#093d65; } #homepageBlogEntries h4 {padding-top:12px;} #homepageBlogEntries hr { width:90%; height:1px; color:#6da0c6; text-align:left; margin-right:30px; margin-top:20px;} /* Secondary Pages Sidebar headings */ #featuredArticles h1, /* #contactUs h1, */ #clientList ul h1, #homepageSidebar h1, #relatedArticles h4, #blogPostsSidebar h1, #relatedInfo h1, #newsletterSignUp h1, #landingList h2 { padding-top:5px; padding-bottom:10px; color:#333333; font-size:16px; font-weight:bold;} #cdtoolsInfo h1 { padding-top:15px; padding-bottom:15px; color:#333333; font-size:16px; font-weight:bold;} #newsletterSignUp h1 {padding-top:15px;} /* Secondary Pages Sidebar Links */ #Books a, #Twitter a, #featuredArticles a, #blog h4 a, #homepageBlogEntries h4 a {font-size:14px; font-weight:normal;} .readMore {clear:both; font-size:14px; font-weight:normal;padding-top:10px;} /* Books Component */ #Books {} #BookImg {float:left; clear:left; display:block; width:auto; margin-right:10px; } #BookContainer {width:100%; position:relative; margin-bottom:20px; margin-top:10px;} #BookContainer h2 {font-size:14px; font-weight:bold; margin:0px 0px 5px 0px;} #BookContainer h3 {font-size:12px; font-weight:normal; margin:0px; padding:0px; color:#000000; line-height:15px; } #BookContainer h2+h3 {padding-bottom:10px;} #BookContainer h4 {font-size:12px;} #BookContainer a:hover {text-decoration:underline;} /* Twitter component */ /* #Twitter { margin-top:20px; } #Twitter p {margin-top:10px; margin-bottom:10px; border-width:0px; padding:0px; vertical-align:middle; } #Twitter table {margin-top:10px; margin-bottom:10px; border-width:0px; padding:0px; vertical-align:middle; } #Twitter tr { } #Twitter td { border-width:0px; padding:0px; } #Twitter img {position:relative; top:.7ex;} */ /* Featured and Related Articles Component */ #featuredArticles { margin-bottom:20px;} #featuredArticles h2, #relatedArticles h1, #relatedInfo h2, #landingList h1 {padding:0px; padding-top:5px; padding-bottom:0px; margin:0px; font-size:12px; font-weight:bold; line-height:16px; } #featuredArticles h3 {padding:0px; padding-bottom:10px; margin:0px; font-size:12px; font-weight:normal; line-height:15px;} #relatedArticles h2, #relatedArticles h3 {padding:0px; padding-bottom:10px; margin:0px; font-size:12px; line-height:15px;} #featuredArticles p {padding:0px; margin:0px; padding-bottom:20px; line-height:18px;} /* Sidebar spacing */ #relatedArticles, #links, /* #contactUs, #Books, */ #clientList, #caseStudiesSidebar, #managementTeamSidebar, #homepageBlogEntries, #newsletterSignup, #customerQuotes, #blogPostsSidebar {margin-top:20px; margin-bottom:20px;} /* About US Locations */ #aboutContent hr { width:100%;} #bostonContainer, #chicagoContainer { padding-bottom:40px; height:325px; padding-top:20px;} #locationBoston {float:left; width:280px;} #locationChicago {float:left; width:280px;} #locationChicago form {font-size:12px;} #map, #map2 {float:left; clear:right; border-width:1px; border-color:#000000; border-style:solid;} .startingAddress {text-align:left; float:right; width:325px; margin:10px;} #locationContainer {width:100%;} #locationContainer h1 {font-weight:normal; padding-bottom:0px; font-size:18px;} #locationBoston h2, #locationChicago h2, #locationBoston h3, #locationChicago h3, #locationBoston h5, #locationChicago h5, #locationBoston h6, #locationChicago h6 {font-size:14px; color:#000000; font-weight:normal; padding:0px; margin:0px;} #locationBoston h1, #locationChicago h1 {font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px;} #locationBoston h2, #locationChicago h2 { font-style:italic; padding-bottom:3px;} #locationBoston h5, #locationChicago h5 {padding-bottom:10px; padding-top:0px;} #locationBoston form { margin-top:80px;font-size:14px; font-weight:normal; } #locationChicago form { margin-top:105px;font-size:14px; font-weight:normal;} #enter h4 {font-size:14px; color:#000000; font-weight:bold; padding:0px; margin:0px; padding-bottom:8px;} #enter h5 {font-size:14px; color:#000000; font-weight:normal; padding:0px; margin:0px; padding-bottom:5px;} /* Contextual Design Page */ .toggler {cursor:pointer; font-weight:bold; color:#000000; font-size:16px; font-family:Arial, sans-serif; } .toggler:hover { background-color:#ffcc33;} .element { margin:20px;} #accordion {font-size:14px;} /* Services Related Case Studies */ #relatedCaseStudies { margin-top:30px;} #relatedCaseStudies img { float:left; padding:10px; border:1px; border-color:#434b51; border-style:solid; width:100px; height:50px;} #relatedCaseStudies p {font-size:12px; padding-left:110px; color:#434b51;} /*Sidebar Links Component (Reveal, Invent, Learn links) */ #links { color:#434b51;} #links h1 {font-size:14px; font-weight:bold; margin-left:0px; padding-left:0px;} #links h2 {font-size:12px; font-weight:normal; margin:0px; margin-left:0px; padding-left:0px;} /* Our Work Client List */ #clientList {clear:right; width:100%; margin-top:0px; } #clientList ul {font-size:12px; padding-bottom:5px;} #clientList li {line-height:16px;} #clientList ul h2 {font-size:12px; font-weight:bold; padding-bottom:5px; padding-top:10px; line-height:14px;} /* Our Perspective Page */ #blog p {font-size:12px; padding:0px; margin:0px;} #blog h1 { clear:left; font-size:14px; font-weight:bold; padding:0px; padding-top:20px; padding-bottom:5px; margin:0px;} /* title */ #blog h2 {font-size:12px; font-weight:normal; padding:0px; margin:0px; padding-bottom:10px;} /*author*/ #blog h3 { float:left; font-size:18px; font-weight:bold; padding:0px; padding-bottom:10px; margin:0px;} /*Our Blog*/ #blog h4 { float:right;} /*read more link*/ /* All Posts (articles, blogs and publications) */ .post p {font-family:Verdana, Arial, Helvetica, sans-serif;} .post p a {color:#00469B;} .post ol {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-top:10px; } .post ol li {margin-left:35px; list-style-type:decimal; padding-bottom:5px; line-height:18px;} .post ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-top:10px; list-style: none; margin-left: 0; padding-left: .5em; text-indent: 0em;} .post ul li {margin-left:35px; list-style-type:disc; padding-bottom:5px;} .entry p {padding-top:10px; padding-bottom:20px; font-family:Arial, Helvetica, sans-serif;} .post h1 {font-size:16px; font-weight:bold; line-height:26px;margin-top:20px;} .post h2 {font-size:14px; font-weight:bold; color:#666; padding:10px 0 10px 0;} /*author*/ .post h2+h2 {font-size:12px; padding-top:0;} /*Illustrator*/ .post h3 {font-size:14px; font-weight:bold; margin-top:10px; margin-bottom:10px; line-height:18px;} /*post title*/ .post h4 {padding:0px; padding-top:10px; padding-bottom:10px; margin:0px; font-size:14px; font-weight:bold; color:#666; font-style:italic;} .post h5 {padding-bottom:5px; font-size:14px; color:#666; font-weight:normal;} /*author*/ .post h6 {font-size:12px; font-weight:normal; padding-bottom:15px; padding-left:30px; padding-top:5px;} .post small {font-size:12px; font-style:normal; padding:0;} /*post date*/ .pagetitle {font-size:18px; padding-top:20px; padding-bottom:5px; padding-left:20px;} .navigation {padding-bottom:20px; padding-left:20px;} .wp-caption-text {font-weight:bold;} .references {margin-left:50px;} .post img {padding: 5px 15px 5px 0; float:left;} #postContent .callout {float:right; width:175px; margin:10px 15px 10px 15px; padding:20px; border:1px solid; border-color:#999; font-weight:bold; font-size:14px; line-height:22px; font-style:italic; color:#444;} /*use to create callout box inset into the text*/ #postContent {margin: 10px 20px 0 20px;} #postContent h1 {font-size:18px; color:#000;} #postContent h2 {color:#333; font-weight:normal; padding-top:5px; padding-bottom:20px;} #postContent h3 {padding-top:10px} #postContent blockquote {padding:0 60px 10px 40px;} /* Tables used in some blog posts */ .border {border: 1px solid black;} .post table {margin: 30px 0 0 0; padding:0; border-width:0;} .post td {margin:0; padding:0 0 25px 0; border-width:0; vertical-align:top;} table.postimage {margin:20px 0 20px 0; padding:20px; border-width:0; background-color: #eee;} .postimage img {border: 1px solid grey;} .postimage td {margin:0; padding:10px; border-width:0;} .post td p {margin:0; padding:0;} /* Articles "What to consider" box */ #sideBox {width:200px; float:right; border:solid; border-width:1px; padding:10px; margin:10px; background-color:#FFFFFF;} #sideBox p {padding-right:0px; padding-bottom:10px;} #sideBox h4 {font-size:16px; font-weight:bold; font-style:normal; color:#000000;} #sideBox ol {font-size:12px; line-height:15px; padding-top:10px;} #sideBox ol li { margin-left:0px; list-style-type:decimal; padding-bottom:15px; line-height:18px;} #sideBox ul {font-size:12px; line-height:16px; padding-top:10px; padding-left:18px; } #sideBox ul li { margin-left:0px; list-style-type:disc; padding-bottom:15px;} /* About Us */ #karenSidebarBio, #hughSidebarBio { margin-top:10px; margin-bottom:30px; font-size:12px;} #karenSidebarBio h1, #hughSidebarBio h1 { margin-top:10px; padding-bottom:5px; color:#093d65; /* font-size:12px; */ font-weight:bold;} #karenSidebarBio h2, #hughSidebarBio h2 { /* font-size:12px; */ font-weight:bold;} #karenSidebarBio img, #hughSidebarBio img { margin-right:10px; /* float:left; */ border:#000000; border-style:solid; border-width:1px;} #managementTeamSidebar { font-size:12px; width:100%; line-height:15px;} #managementTeamSidebar h1 {margin:0px; font-weight:normal; } #managementTeamSidebar h2 {margin:0px; padding-bottom: 20px; font-weight:normal;} /* Articles with tables */ table, tr, td {border-style:solid; border-width:1px; border-color:#999999; padding:10px; font-size:12px;} table {margin-top:20px; margin-bottom:20px;} td ul li {font-size:12px; list-style: none; margin-left: 0; padding-left: 0em; text-indent: 0em;} /* Calendar entry styles */ #calendar p {line-height:17px; margin-top:5px; margin-bottom:10px;} #calendar {padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;} #calendar .date {font-weight:bold; margin-top:20px; margin-bottom:5px;} #calendar .location {font-weight:normal;} #calendar .entry_title {font-weight:bold; margin-top:0px; margin-bottom:0px;} #calendar .entry_link {font-weight:normal; margin-top:0px; margin-bottom:0px;} #calendar .presenter {font-weight:normal; margin-top:0px; margin-bottom:0px;} /* Blog comments */ #author {width:300px; margin-left:10px;} #email {width:300px; margin-left:12px;} #url { width:300px; margin-left:5px;} #comment {width:400px; margin: 5px 0px;} /* RSS feed section */ #rssFeed { margin-top:15px; } #rssFeed a:hover {text-decoration:none;} /* #contactInputName {width:400px; margin:5px 0px;} #contactInputTitle {width:400px; margin:5px 0px;} #contactInputCompany {width:400px; margin:5px 0px;} #contactInputEmail {width:400px; margin:5px 0px;} #contactInputPhone {width:400px; margin:5px 0px;} #contactInputComments {width:500px; margin:5px 0px;} .wpcf7-list-item {padding: 6px 0px;} #contactUs h2 {font-size:14px; font-weight:bold; margin: 25px 0px 5px 0px;} #contactUs table, tr, td {border:0;} table#contactUs {border:none;} .contactMethodText {vertical-align:top;} */ /* Contact Form Formatting */ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 0em 0em 0em 0em; padding: 0.5em 0em .5em 0em; } div.wpcf7-mail-sent-ok { font-size:14px; font-weight:bold; color:#CC0000; line-height:18px; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 .watermark { color: #888; } .wpcf7-text {width:160px;}