/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ div.headline_area { background:#00CC66; } background: #3175e7; border: 0.4em solid #4987ef; background: #468eff url("http://www.now-creative.com/images/2009_background5.jpg") repeat-x; for custom box> padding: 0 0.5em 1.1em 0.8em; */ body.custom { background: #66c2ff url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_background6.jpg") repeat-x; } .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.8em; background: #4cb3f5; border: 0.4em solid #69c1f7; } .custom #page { background: #fff url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_pagebackground.jpg") bottom no-repeat; } .custom #header { border:none; padding-left: 30em; margin-bottom: 0.8em; clear: both; height:9em; background:url("http://www.now-creative.com/images/2009_logo6.jpg") no-repeat; } .custom #header #logo {font-size: 1.8em; padding-top: 0.7em;} .custom #header #logo a, .custom #header #logo a:visited {color:#000000;} .custom #header #logo a:hover { color: #2361a1; } .custom #header #tagline {font-size: 1.6em; font-weight:bold; color:#ffffff;} .custom #content { margin-left: -1em; } .custom ul#tabs li {background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_btnback2.jpg") repeat-x; } .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat { padding-bottom: 0.1em; background: #fff; border-bottom: 0; } .custom ul#tabs li a { display: block; line-height: 1em; color:#111; text-transform: uppercase; letter-spacing: 2px; } .custom ul#tabs li a:hover { color:#111; text-decoration: underline; } .custom ul#tabs li.current_page_item a, ul#tabs li.current-cat a { cursor: default; color:#0099FF; } .custom ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; } .custom ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; } .custom ul#tabs li.rss a { padding-right: 16px; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/icon-rss.gif") 100% 50% no-repeat; } .custom #custom_box { padding: 0 0.5em 1.1em 0.8em; background: #fff; border-bottom: 1px solid #ddd; } .custom .sidebar h3 { color:#2a96e2; background-color:#eeeeee; font-size:1.1em; font-weight:bold; } .custom ul.sidebar_list { list-style: none; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_backside.jpg") repeat; } .custom #footer { margin-top:2.5em; padding-bottom: 2em; padding-top: 1.5em; padding-right: 0.8em; background: url("http://www.now-creative.com/images/2009_footer.jpg") no-repeat; } .custom #footer p {font-size:0.9em;} div.headline_area { background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_backside.jpg") repeat-x; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; border-bottom:solid #e5e4e4 8px; } .custom #content h1 { color:#0099FF; font-size:2.4em; } .custom #content h2 { color:#0099FF; font-size:2.4em; line-height:1.3em; } .custom #content h3 { color:#0099FF; font-size:1.6em; } .custom #content h3.quote { color:#2361a1; font-size:1.1em; font-weight:600; } .custom #content h3.logins { color:#0099FF; font-size:1.4em; padding-left:0.8em; margin-bottom:0em; padding-bottom:0em; } .custom #content h3.logins2 { color:#0099FF; font-size:1.4em; padding-left:0.8em; margin-bottom:0em; margin-top:2em; padding-bottom:0em; } .custom .format_text { padding-left: 1em; } .custom .format_text p.jobseekers { color:#0099FF; padding-top:2em; padding-right:2em; padding-bottom:2em; padding-left:7.5em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/jobseekers.jpg") no-repeat; font-weight:bold; } .custom .format_text p.employers { color:#0099FF; padding-top:2em; padding-right:2em; padding-bottom:2em; padding-left:7.5em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/employers.jpg") no-repeat; font-weight:bold; } .custom .format_text p.partners { color:#0099FF; padding-top:2em; padding-right:2em; padding-bottom:2em; padding-left:7.5em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/partners.jpg") no-repeat; font-weight:bold; } /* homepage */ .custom .format_text p.statement { color:#000000; font-size:1.4em; line-height:1.4em; padding-bottom:1.1em; background: url("") bottom right no-repeat; font-weight:200; } .custom .format_text p.ticks { margin: 0 0 0 0; padding: 0 0 0 1.9em; color:#018a07; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet_arrow.jpg") 0 0 no-repeat; } .custom .format_text p.individualsintro {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; line-height:1.2em; color:#0099FF;} .custom .format_text p a { padding: 0 0 0 1.5em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet.png") 0 0 no-repeat; } .custom .format_text p a:hover { padding: 0 0 0 1.5em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet.png") 0 0 no-repeat; } .custom .format_text p a.none { padding: 0 0 0 0; background: url("") 0 0 no-repeat; } .custom .format_text p a:hover.none { padding: 0 0 0 0; background: url("") 0 0 no-repeat; } .custom .format_text p a.pdf { padding: 0 0 0.8em 1.6em; line-height:2em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/pdf_icon.jpg") 0 0 no-repeat; } .custom .format_text p a:hover.pdf { padding: 0 0 0.8em 1.6em; line-height:2em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/pdf_icon.jpg") 0 0 no-repeat; } .custom .format_text h4 a { padding: 0 0 0 1.5em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet.png") 0 0 no-repeat; } .custom .format_text h4 a:hover { padding: 0 0 0 1.5em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet.png") 0 0 no-repeat; } .custom .format_text .to_comments a { padding: 0 0 0 0; background: url("") 0 0 no-repeat; } .custom .format_text .to_comments a:hover { padding: 0 0 0 0; background: url("") 0 0 no-repeat; } .custom .linkbackground .landinglink a { padding: 0 0 0 0; background: url("") 0 0 no-repeat; } .custom .linkbackground .landinglink a:hover { padding: 0 0 0 0; background: url("") 0 0 no-repeat; } /* This is the style for the container */ div.loginsidebar { width: 200px; margin: 0 0 2.5em 0; padding: 0 0 0 0; } div.loginsidebar h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size: 1em; line-height:1.8em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0 0; padding: 0 0 0 0.1em; color:#2a96e2; background-color:#eeeeee; } div.loginsidebar p { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-size: 1em; letter-spacing: normal; line-height:1.6em; } div.clients { width:188px; height:170px; margin:0 0 1em 1.8em; text-align:center; } div.clients2 { width:188px; height:170px; margin:0 1.8em 1em 0; text-align:center; float:right;} /* This is the comments on sidebar */ .commentssidebar {width:207px; height:575px; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009pm_commentsonsidebar.jpg") no-repeat;} .commentssidebar p {font-family:Georgia, serif; font-size:0.9em; color:#0099FF; padding-top:4em; padding-left:1em; padding-right:1em; font-weight:bold; } /* landingpage links */ .linkbackground { float:left; width:147px; height:174px; margin-top:0.7em; margin-right:0.7em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/landinglink_background2.jpg") top no-repeat; } p.landinglink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.2em; color:#1287d1; padding: 0.7em 0.2em 0.2em 0.5em; } p.landinglink a {color:#1287d1; text-decoration:none; } p.landinglink a:hover { text-decoration:underline; } img.landingimages { margin: 0.9em 0.2em 0.2em 0; width: 135px; border-style:none; } /* product links */ .productbackground { width:468px; margin-top:1em; height:232px; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/businessbackground.jpg") top no-repeat; } .productbackground2 { width:468px; margin-top:1em; height:232px; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/individualsbackground.jpg") top no-repeat; } .productbackground3 { width:468px; margin-top:1em; height:232px; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/partnersbackground.jpg") top no-repeat; } p.productlink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1em; color:#FFFFFF; padding: 1.7em 0.2em 0.2em 0.8em; } p.productlink2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; line-height:1em; color:#FFFFFF; padding: 2.1em 1.8em 0.2em 11em; } p.productlink a {color:#2361a1; font-size:1.2em; font-weight:bold; text-decoration:underline; background:url("") top no-repeat; } p.productlink a:hover { text-decoration:underline; color:#000000; } p.productlink3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1em; color:#FFFFFF; margin: 3.8em 1.8em 0.2em 36em; } p.productlink3 a {color:#2361a1; font-size:1.1em; text-decoration:underline; padding: 0 0 0 1.6em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet.png") 0 0 no-repeat; } p.productlink3 a:hover { text-decoration:underline; color:#000000; } p.productlink4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1em; color:#FFFFFF; margin: 8.5em 1.8em 0.2em 36em; } p.productlink4 a {color:#2361a1; font-size:1.1em; text-decoration:underline; padding: 0 0 0 1.6em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet.png") 0 0 no-repeat; } p.productlink4 a:hover { text-decoration:underline; color:#000000; } /* testimonials */ .testimonialsbackground { width:471px; height:366px; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_testimonialbackground.jpg") top no-repeat; } .testimonialsbackground2 { width:471px; height:213px; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_testimonialsbackground2.jpg") top no-repeat; } .testimonialsbackground3 { width:471px; height:262px; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_testimonialsbackground3.jpg") top no-repeat; } p.testimonials {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.4em; color:#000000; padding: 3em 1.7em 0.2em 1.2em; } p.testimonials a.hidebullet {color:#2361a1; font-size:1.1em; font-weight:bold; padding-left:0em; text-decoration:none; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/hidebullet.jpg") top no-repeat; } p.testimonials a:hover.hidebullet { text-decoration:underline; color:#000000; padding-left:0em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/hidebullet.jpg") top no-repeat; } p.testimonials img {float:left; border: 4px #FFFFFF solid; margin-right:1em; margin-bottom:1.3em; } /* business products */ .businessproducts { float:left; width:132px; height:226px; border-right: dotted #999999 thin; margin-top:1.2em; margin-right:1em; padding-right:0.8em; } img.businessimages { margin-left:1em;} p.business {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.6em; color:#FFFFFF; padding: 0em 0.2em 0.2em 0em; text-align:center; } p.business2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; line-height:1em; color:#FFFFFF; padding: 2.5em 1.8em 0.2em 11em; } p.business a {color:#2361a1; font-size:1.2em; font-weight:bold; text-decoration:underline; } /* partner page products */ .partnerproducts { float:left; width:210px; height:280px; border-right: dotted #999999 thin; margin-top:0.6em; margin-right:1em; padding-right:0.8em; } img.partnerimagesimages { margin-left:1em;} p.partner {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.6em; color:#FFFFFF; padding: 0em 0.2em 0.2em 0em; text-align:center; } p.partner2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; line-height:1em; color:#FFFFFF; padding: 2.5em 1.8em 0.2em 11em; } p.partner a {color:#2361a1; font-size:1.2em; font-weight:bold; text-decoration:underline; } .contactcentreproducts { width:461px; height:160px; margin-top:1.2em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/forbusiness_contactcentrepics.jpg") top no-repeat; } .recagencyproducts { width:461px; height:160px; margin-top:1.2em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/forbusiness_reagencypic.jpg") top no-repeat; } .smeproducts { width:461px; height:252px; margin-top:1.2em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/forbusiness_recpic.jpg") top no-repeat; } .execproducts { width:461px; height:252px; margin-top:1.2em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/forbusiness_recpic.jpg") top no-repeat; } .salesrecproducts { width:461px; height:160px; margin-top:1.2em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/forbusiness_salespic.jpg") top no-repeat; } .fleetproducts { width:461px; height:160px; margin-top:1.2em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/forbusiness_fleetpic.jpg") top no-repeat; } p.contactcentre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.6em; color:#000000; padding: 0em 0.2em 0.2em 23.5em; } p.contactcentre2 {width:220px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.6em; color:#000000; padding: 0em 0.2em 0.2em 1.5em; } p.contactcentre a {color:#2361a1; font-size:1.2em; font-weight:bold; text-decoration:underline; } p.contactcentre2 a {color:#2361a1; font-size:1.2em; font-weight:bold; text-decoration:underline; } /* signup button */ .signupbutton { width:161px; height:47px; margin-top:0em; margin-left:20.9em; } .calltoaction { width:323px; height:47px; margin-left:5.6em; } .calltoaction img { margin-top:0em; margin-left:0em;} p.calltoaction {width:400px; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; color:#FF0066; margin: 0em 0.2em 0.9em 4.5em; } .calltoaction a {background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/hidebullet.jpg") top no-repeat; } .calltoaction a:hover {background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/hidebullet.jpg") top no-repeat; } /* coming soon jobseeker products */ .comingsoonproducts { width:461px; height:219px; margin-top:1.2em; padding-left:0em; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009pm_comingsoonbackground.jpg") top no-repeat; } p.comingsoon {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; line-height:1.2em; color:#2361a1; padding: 4em 0.2em 0.2em 0em; } p.comingsoon2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; line-height:1em; color:#FFFFFF; padding: 2.5em 1.8em 0.2em 11em; } p.comingsoon a {color:#2361a1; font-size:1.2em; font-weight:bold; text-decoration:underline; } img.comingsoon {float:left; width: 196px; margin-top:0.1em; border-style:none;} /*---:[ login boxes ]:---*/ .login1 { width: 230px; height:282px; float:right; padding:0 0 0 0; background:url('http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009pm_loginbackground.jpg') no-repeat; } .login1 h2 { width: 190px; height:18px; margin:0 0 0 0; padding:1.4em 0.5em 0 1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1.1em; color:#000000;} .login1 p { width: 100px; height:50px; margin:0 0 0 0; padding:0.5em 0.5em 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; line-height:0.6em; color:#666666;} .login1 form { margin:0 0 0 0; padding:1.5em 0 0 1em; } .login2 { width: 230px; height:282px; padding:0 0 0 0; background:url('http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009pm_loginbackground.jpg') no-repeat; } .login2 h2 { width: 190px; height:18px; margin:0 0 0 0; padding:1.4em 0.5em 0 1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.4em; color:#000000;} .login2 p { width: 100px; height:50px; margin:0 0 0 0; padding:0.5em 0.5em 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; line-height:0.6em; color:#666666;} .login2 form { margin:0 0 0 0; padding:1.5em 0 0 1em; } /*---:[ tags ]:---*/ .custom .format_text .post_tags { margin-top:4em; padding:8px; font-size:1em; color: #666; background:url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/2009_backside.jpg") top repeat-x; } .custom .format_text .post_tags a { font-size:1em; text-decoration:none; padding: 0 0 0 1.6em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet2.png") 0 0 no-repeat; } .custom .format_text .post_tags a:hover { text-decoration: underline; font-size:1em; padding: 0 0 0 1.6em; background: url("http://www.peoplemaps.com/main/wp-content/themes/thesis/images/bullet2.png") 0 0 no-repeat; } .sharestar {width:450px; height:60px; padding:14px 8px 8px 8px; margin-top:-0.8em; } .sharestar p {line-height:0.9em; color:#339900;} /*---:[ comments ]:---*/ .custom .comments_intro p {color:#0099FF; font-size:1.5em; margin-top:-1.5em; padding-bottom:0.6em;} .custom #respond p { color:#0099FF; font-size:1.6em; font-weight:700; } input.form_submit:hover { color:#0099FF; }