/* Theme Name: KP Thrive Theme URI: http://wordpress.org/ Description: New theme for Thrive Version: 1 Author: Campbell-Ewald Author URI: http://www.campbell-ewald.com/ Tags: blue */ /* ====================================================== Basic site styles ====================================================== */ .bn { border:0; } .fl { float:left; } .fr { float:right; } .cl { clear:left; } .clear { clear: both; } .replace { left:-9999px; position:absolute; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ body { font-family: Arial, Helvetica, sans-serif; font-size:75%; color: #666666; background:#fff; margin:0; padding:0; text-align:center; } /* ====================================================== Site structure (layout) ====================================================== */ div#container { width:900px; margin:0 auto; padding:0; text-align:left; } div#header { position:relative; height:189px; background-image:url(/wp-content/themes/thrive/images/pic/mastheads/homepage-1-masthead.jpg); background-position:top left; background-repeat: no-repeat; } body#exercise-fitness div#header, body.exercise-fitness div#header { background-image: url(/wp-content/themes/thrive/images/pic/mastheads/fitness-exercise-masthead.jpg); } body#cooking-eating div#header, body.cooking-eating div#header { background-image: url(/wp-content/themes/thrive/images/pic/mastheads/cooking-eating-masthead.jpg); } body#mind-body-spirit div#header, body.mind-body-spirit div#header { background-image: url(/wp-content/themes/thrive/images/pic/mastheads/mind-body-spirit-masthead.jpg); } body#healthy-kids div#header, body.healthy-kids div#header { background-image: url(/wp-content/themes/thrive/images/pic/mastheads/healthy-kids-masthead.jpg); } body#state-of-health div#header, body.state-of-health div#header { background-image: url(/wp-content/themes/thrive/images/pic/mastheads/state-of-health-masthead.jpg); } body#thriving-communities div#header, body.thriving-communities div#header { background-image: url(/wp-content/themes/thrive/images/pic/mastheads/thriving-communities-masthead.jpg); } body#about-thrive div#header, body.about-thrive div#header { background-image: url(/wp-content/themes/thrive/images/pic/mastheads/about-thrive-masthead.jpg); } div#content { width:480px; float:left; background:#DEF2FE; padding:30px 0 0 0; margin:0 0 18px 20px; } div.post, div.page { width:430px; margin:0 auto 30px; padding:0 0 27px 0; border-bottom:1px solid #c9c9c9; } body.single div.post { border-bottom:none; } div#footer { margin:18px 0; clear:both; line-height:1.5; } div#facebox div#header, div#facebox div#sidebar-left, div#facebox div#sidebar-right, div#facebox div#footer { display:none; } div#facebox div#container { width:490px; } div#facebox div#content { margin:0; padding:0; } /* ====================================================== Navigation ====================================================== */ ul#nav { position:absolute; left:0; bottom:0; margin:0; padding:0; margin:9px 0 0; list-style:none; width:900px;} ul#nav li { float:left; border-right:1px solid #fff; } ul#nav li.last { border-right:none; background: url(/wp-content/themes/thrive/images/gui/nav/rounded-green.gif) top right no-repeat; } ul#nav li.last a { background: url(/wp-content/themes/thrive/images/gui/nav/rounded-green.gif) top right no-repeat; } ul#nav li a { background:#7FB741; font-weight:bold; float: left; margin:0; padding:9px 8px 0; display: block; height:24px; color:#fff; font-size:13px; text-decoration:none; } ul#nav li.last a:hover { background: url(/wp-content/themes/thrive/images/gui/nav/rounded-orange.gif) top right no-repeat; } ul#nav li a:hover, body#exercise-fitness ul#nav li a.exercise-fitness, body.exercise-fitness ul#nav li a.exercise-fitness, body#cooking-eating ul#nav li a.cooking-eating, body.cooking-eating ul#nav li a.cooking-eating, body#mind-body-spirit ul#nav li a.mind-body-spirit, body.mind-body-spirit ul#nav li a.mind-body-spirit, body#healthy-kids ul#nav li a.healthy-kids, body.healthy-kids ul#nav li a.healthy-kids, body#state-of-health ul#nav li a.state-of-health, body.state-of-health ul#nav li a.state-of-health, body#thriving-communities ul#nav li a.thriving-communities, body.thriving-communities ul#nav li a.thriving-communities { background:#DA6426;} body#about-thrive ul#nav li.last a.about, body.about-thrive ul#nav li.last a.about { background: url(/wp-content/themes/thrive/images/gui/nav/rounded-orange.gif) top right no-repeat; } ul.navigation { width:430px; margin:0 auto 15px !important; padding:0 !important; } ul.navigation li { list-style:none !important; } body.home ul.navigation li a, body.archive ul.navigation li a { display:block; padding:6px; background:#7EB840; border:1px solid #6FA732; color:#fff; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; } body.home ul.navigation li a:hover, body.archive ul.navigation li a:hover { background-color:#D96325; border-color:#BF5217; } /* ====================================================== Headers ====================================================== */ h1, h2, h3, h4 { } h2 { margin:0.5em 0 0 0;} h2 a { color:#d96325 !important; font-size:114%; font-weight:bold; /*text-transform:uppercase;*/ text-decoration:none !important;} h2.pagetitle { margin:0 0 1em 24px;} h3#comments { margin:0 0 18px 18px; color:#0078ae;} div.content h2.pagetitle { margin:0 0 0 24px;} h2.widgettitle { display:none; } body#about-thrive h2.pagetitle { display:none; } div#content h3 { margin:21px 0 9px 0;} div.sidebar h3.thrive-is { height:44px; width:110px; background: url(/wp-content/themes/thrive/images/ir/thrive-is.gif) top left no-repeat;} div.sidebar h3.doctors-corner { height:43px; width:162px; background: url(/wp-content/themes/thrive/images/ir/doctors-corner.gif) top left no-repeat;} div.sidebar h3.recent-posts-in-category { height:67px; width:162px; background: url(/wp-content/themes/thrive/images/ir/recent-posts-in-category.gif) top left no-repeat; } div.sidebar h3.did-you-know { height:43px; width:162px; background: url(/wp-content/themes/thrive/images/ir/did-you-know.gif) top left no-repeat; } div.sidebar h3.recent-headlines { height:43px; width:162px; background: url(/wp-content/themes/thrive/images/ir/recent-headlines.gif) top left no-repeat; } div.sidebar h3.popular-topics { height:43px; width:162px; background: url(/wp-content/themes/thrive/images/ir/popular-topics.gif) top left no-repeat; } div.sidebar h3.subjects { height:24px; width:162px; background: url(/wp-content/themes/thrive/images/ir/subjects.gif) top left no-repeat; } div.sidebar h3.follow-us { padding-top:24px; background: url(/wp-content/themes/thrive/images/ir/follow-us.gif) top left no-repeat; } div.sidebar h3.spotlight { padding-top:24px; background: url(/wp-content/themes/thrive/images/ir/spotlight.gif) top left no-repeat; } div.sidebar h3.upcoming-events { padding-top:43px; background: url(/wp-content/themes/thrive/images/ir/upcoming-events.gif) top left no-repeat; } div.sidebar h3.tools-and-activities { padding-top:43px; background: url(/wp-content/themes/thrive/images/ir/tools-activities.gif) top left no-repeat; } div.sidebar h3.games { padding-top:24px; background: url(/wp-content/themes/thrive/images/ir/games.gif) top left no-repeat; } div.sidebar h3.shop-kp { padding-top:25px; background: url(/wp-content/themes/thrive/images/ir/shop-kp.gif) top left no-repeat; } /* ====================================================== Paragraphs ====================================================== */ div#content { font-size:117%; } p { line-height: 1.5; margin-bottom: 1em; } p.date { margin:0; font-size:85.7%; } p.tags { margin:30px 0 0; font-size:85.7%; text-transform:lowercase; } div#text-header { margin-top:1em; } div#footer p { text-align:center; } /* ====================================================== List Styles ====================================================== */ div#content ul { margin: 24px 0 24px 30px; padding:0; } div#content ul li { list-style-type: none; margin:0 0 9px 0; list-style-type:square; } div#content ol { margin: 0 0 15px 0; list-style-type: decimal; padding:0; } div#content ul.commentlist { margin: 0 0 15px 0; list-style-type: none; padding:0; } div#content ul.commentlist li { margin-bottom:27px; border-bottom:1px solid #bababa; padding-bottom:18px; } div#content ol li { list-style-type: decimal; } div#content li { margin-bottom: 5px; /*font-size: 1.3em;*/ line-height: 1.4em; } div#content ul li ul { margin:0;} div.sidebar ul, div.sidebar ol , div.sidebar dl { list-style:none; padding:0; margin:0; } div.sidebar ul li { list-style:none;} /* Upcoming Events */ div.sidebar div.execphpwidget div.calendar { width:160px; } div.sidebar div.execphpwidget div.calendar h3 { margin-bottom:0; } div.sidebar div.execphpwidget div.calendar ul { background-image:url(/wp-content/themes/thrive/images/gui/icons/calendar.gif); background-repeat:no-repeat; padding-top:95px; } div.sidebar div.execphpwidget ul.january { background-position:0px 10px; } div.sidebar div.execphpwidget ul.february { background-position:-162px 10px; } div.sidebar div.execphpwidget ul.march { background-position:-324px 10px; } div.sidebar div.execphpwidget ul.april { background-position:-486px 10px; } div.sidebar div.execphpwidget ul.may { background-position:-648px 10px; } div.sidebar div.execphpwidget ul.june { background-position:-810px 10px; } div.sidebar div.execphpwidget ul.july { background-position:-972px 10px; } div.sidebar div.execphpwidget ul.august { background-position:-1134px 10px; } div.sidebar div.execphpwidget ul.september { background-position:-1296px 10px; } div.sidebar div.execphpwidget ul.october { background-position:-1458px 10px; } div.sidebar div.execphpwidget ul.november { background-position:-1620px 10px; } div.sidebar div.execphpwidget ul.december { background-position:-1782px 10px; } div.sidebar ul.tools li { margin-bottom:5px; } div.sidebar ul.tools li a, div.sidebar ul.games li a { padding:0 0 135px 0; display:block; background-position:0 2em; background-repeat:no-repeat; font-weight:bold; } div.sidebar ul.tools li.lifestyle-programs a { background-position:0 1em; background-image:url(/wp-content/themes/thrive/images/pic/tools-activities/lifestyle-programs.jpg); } div.sidebar ul.tools li.brain-teaser a { background-position:0 1em; background-image:url(/wp-content/themes/thrive/images/pic/tools-activities/brain-teaser.jpg); } div.sidebar ul.tools li.calorie-tool a { background-position:0 1.5em; background-image:url(/wp-content/themes/thrive/images/pic/tools-activities/calorie-tool.jpg); } div.sidebar ul.tools li.yoga-widget a { background-position:0 1em; background-image:url(/wp-content/themes/thrive/images/pic/tools-activities/yoga-widget.jpg); } div.sidebar ul.games li.snacktown a { background-image:url(/wp-content/themes/thrive/images/pic/games/snacktown-smackdown.gif); } div.sidebar ul.games li.soccer a { background-image:url(/wp-content/themes/thrive/images/pic/games/soccer.gif); } div.sidebar ul.games li.calcium-hunter a { background-image:url(/wp-content/themes/thrive/images/pic/games/calcium-hunter.gif); } #text-6 h2.widgettitle, #text-7 h2.widgettitle, #text-8 h2.widgettitle { display:none; } div.widget dl, div.widget dt, div.widget dd { padding:0; margin:0; } div.sidebar div.section div#news ul li, div.sidebar div.section div#thrive ul li, div.sidebar div#recent-posts ul li { margin:0 0 9px 0;} div#footer ul { margin: 0 auto; list-style:none; padding:0; width:750px; text-align:center; } div#footer ul li { display:inline; margin:0; padding: 0 5px 0 5px; border-right: 1px solid #4a5c8e; line-height:2.3; font-size:109%; } div#footer ul li a { color:#606060; } div#footer ul li.last { border-right:none; } div#footer ul.utility-links { margin:30px auto; } div#footer ul.utility-links li a { color:#0078ae; font-weight:bold;} div#footer ul.kp-links { } div#footer ul.kp-links li a { text-decoration:underline; } /* ====================================================== Link Styles ====================================================== */ a:link, a:visited, a:active { color: #026c9c; text-decoration: none; outline:none !important; text-decoration:underline; } a:hover { color: #666; text-decoration:underline; } p a { } ul.follow li a { padding:5px 0 5px 30px; background-position:0 50%; background-repeat:no-repeat; display:block; } ul.follow li { padding:3px 0 3px 0; } a.rss { background-image:url(/wp-content/themes/thrive/images/gui/icons/rss.gif); } a.twitter { background-image:url(/wp-content/themes/thrive/images/gui/icons/twitter.gif); } a.facebook { background-image:url(/wp-content/themes/thrive/images/gui/icons/facebook.gif); } a.youtube { background-image:url(/wp-content/themes/thrive/images/gui/icons/youtube.gif); } a.pandora { background-image:url(/wp-content/themes/thrive/images/gui/icons/pandora.gif); } ul.follow li a.facebook-bubble { padding:50px 0 0 0; background-image:url(/wp-content/themes/thrive/images/gui/icons/facebook.jpg); } ul.blogroll li a { display:block; font-weight:bold; } ul.blogroll li { margin-bottom:0.5em; } p a.more-link { text-align:right; float:right; margin:12px 0 0 0;} a.logo-footer { display:block; height:63px; width:478px; margin:0 auto; background: url(/wp-content/themes/thrive/images/branding/logo-footer.gif) top left no-repeat; } a.how { background-image:url(/wp-content/themes/thrive/images/pic/how-did.gif); background-position:0 0; background-repeat:no-repeat; display:block; width:160px; height:60px; } a.how:hover { background-position:0 -60px; } body#how a.how { display:none; } a#buy-now { display:block; background-image: url(/wp-content/themes/thrive/images/gui/buy-now.jpg); background-position: 0 0; background-repeat: no-repeat; width:98px; height:31px; } a#buy-now:hover { background-position: 0 -31px; } a.button { padding:6px; background:#7EB840; border:1px solid #6FA732; color:#ffffff; text-decoration:none; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; } a.button:hover { background-color:#D96325; border-color:#BF5217; } /* ====================================================== Images Styles ====================================================== */ a img { border:none !important; } div#content img { display: block; margin-bottom:1em; } div#content div.sticky img { padding:1px; margin:0.5em 0 0.5em 0; } div#content img.alignleft { float: left; display: inline; margin: 5px 15px 10px 0; } div#content img[align $='left'] { float: left; display: inline; margin: 5px 15px 10px 0; } div#content img.alignright { float: right; display: inline; margin: 0 0 10px 15px; } div#content img[align $='right'] { float: right; display: inline; margin: 5px 0 10px 15px; } body.home img.size-thumbnail { float:left; margin:0 12px 12px 0;} div#content img.excerpt-thumbnail { margin: 20px 15px 10px 0; } div#header a.logo { display:block; height:55px; width:420px; float:left; background: url(/wp-content/themes/thrive/images/branding/logo.png) top left no-repeat; margin:45px 0 0 18px; } body#cooking-eating div#header a.logo, body.cooking-eating div#header a.logo, body#mind-body-spirit div#header a.logo, body.mind-body-spirit div#header a.logo, body#healthy-kids div#header a.logo, body.healthy-kids div#header a.logo, body#state-of-health div#header a.logo, body.state-of-health div#header a.logo, body#exercise-fitness div#header a.logo, body.exercise-fitness div#header a.logo { background: url(/wp-content/themes/thrive/images/branding/logo-teal.png) top left no-repeat;} /* ====================================================== Sidebar Styles ====================================================== */ div.sidebar { margin-top:2em; } div.sidebar ul li { list-style:none;} div#sidebar-left, div#sidebar-right { width:170px; float:left; } div.section, div.widget { margin:0 0 30px 0;} div#sidebar-right { margin-left:20px; } ul.tabNav { list-style: none; margin: 0; padding: 0; } ul.tabNav li { display: inline; } ul.tabNav li a { padding: 3px 5px; background-color: #fff; color: #7db643; border:1px solid #7db643; text-decoration: none; } ul.tabNav li a.selected, ul.tabNav li a:hover { background-color: #7db643; color: #fff; padding-top: 3px; } ul.tabNav li a:focus { outline: 0; } div.tabs div.tabs-section { margin-top:1em; } div.tabs div.tabs-section h2 { margin-top: 0; } div#description { margin-top:1em; } div#spotlight-nav { margin-bottom:1em; } div#spotlight-nav a { border:1px solid #7db643; color:#7db643; padding:3px 5px 3px 5px; margin-right:3px; } div#spotlight-nav a.activeSlide { background-color:#7db643; color:#fff; } /* ====================================================== Comment Styles ====================================================== */ .comments-link { float:right; color:#ad0f02;} div#comments { margin:30px auto; width:430px; } div#comments .commentlist li.alt { /*background: #F5F5F5;*/ } div#comments .commentlist { margin: 0; padding: 0; } div#comments .commentlist li { margin: 0 0 9px 0; padding: 0; list-style: none; font-size: 12px; background: #D4E7F7; /*border: 1px solid #7DB7E8;*/ padding:15px 0 9px 15px; border-bottom:3px solid #98CAF4; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div#comments .commentlist h3 { margin: 0; } div#comments .commentlist p { margin: 15px 15px 15px 0; font-size: 12px; line-height: 1.4em; color:#545454; } #commentform p { margin: 0; } #commentform p small { font-size:11px; } .nocomments { margin: 0; padding: 0; } .commentmetadata { margin: 0 0 15px; display: block; } div#comments .commentmetadata a:link, div#comments .commentmetadata a:visited, div#comments .commentmetadata a:active { color: #146DB8; } div#comments .commentmetadata a:hover, div#comments .comment-author a:hover { background: transparent; } div#comments .avatar { float: right; display: inline; margin: 0 10px 0 0; padding: 3px; border: 1px solid #333; } div#comments .comment-author { font-size: 11px; text-transform: lowercase; } div#comments .comment-author cite { font-size: 1.4em; font-weight:bold; } div#comments .comment-author a:link, div#comments .comment-author a:visited, div#comments .comment-author a:active, div#comments .comment-author a:hover { text-transform: none; color:#146DB8; font-weight:bold; } #commentform { margin: 0; padding-bottom: 20px; } #commentform label { font-size: 12px; } #commentform label span { font-size: 11px; } #commentform input, #commentform textarea { padding: 5px; font: 12px Arial, Helvetica, Geneva, sans-serif; border: 1px solid #D1E2EF; } #commentform input:focus, #commentform textarea:focus { border: 1px solid #ccc; } #commentform input#author, #commentform input#email, #commentform input#url { width: 200px; margin-right: 5px; } input#acp-preview { margin:12px 0;} #commentform textarea { width:98%; margin-bottom: 5px; } #commentform p.subscribe-to-comments { float: left; display: inline; margin-top: -25px; } #commentform p.subscribe-to-comments input { margin-left: 5px; } #commentform #submit { display: block; outline:none; background:#7EB840; border:1px solid #6fa732; float:right; margin:12px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#fff; } #commentform #submit:hover { cursor: pointer; } /* ====================================================== Form Styles ====================================================== */ div#header form#searchform { float:right; margin:75px 30px 0 0; border:none; padding:0 !important; clear:right;} div#header form#searchform input { border:1px solid #ccc !important; padding:3px !important; } div#header form#searchform input#s { color:#666 !important;} div#header form#searchform input#searchsubmit { background: #52abd5; border:none !important; color:#fff !important;} form#searchform dl.search-field label { display:none; } button { border:none;} form.wpcf7-form input, form.wpcf7-form textarea { border:1px solid #bababa; width:400px; padding:6px 0; } form.wpcf7-form input[type=checkbox] { width:auto; border:none; margin-top:1em; } form.wpcf7-form input#contact-send { height:29px; width:93px; text-indent:-9999px; padding-top:30px; outline:none; border:none; float:right; } div.wpcf7 { display:inline-block;} span.wpcf7-form-control-wrap, span.captcha-10 { float:left;} span.captcha-452 input, span.captcha-10 input { width:290px !important; } form.wpcf7-form textarea { margin-bottom:21px; } input.submit-thrive { width:200px !important; margin:15px 0; padding:6px; background:#7EB840; border:1px solid #6FA732; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; color:#fff; } div.post form#searchform { margin-top:1em; } /* ====================================================== Misc. Styles ====================================================== */ div.share { clear:both; margin:1em 0 1em 0; font-size:85.7%; } small { margin:0 0 18px 0; display:block;} .left { float: left; display: inline; } .right { float: right; display: inline; } .fbconnect_share { border:none !important; } #unitip { position: absolute; z-index: 1000; top: -1000px; color: #fff; font: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif; display: none; } #unitippoint, #unitipmid, #unitipcap { position: relative; top: 0px; left: 0px; width: 145px; display: block; } #unitippoint { background: url(/wp-content/themes/thrive/images/gui/TipPoint.png) no-repeat; height: 19px; overflow: hidden; } #unitipmid { background: url(/wp-content/themes/thrive/images/gui/TipMid.png) repeat; width: 115px; height: auto; padding: 5px 15px; } #unitipcap { background: url(/wp-content/themes/thrive/images/gui/TipCap.png) no-repeat; height: 7px; overflow: hidden; } .fbmap { width:850px; } /* Next Steps */ div#next-steps { background:url(/wp-content/themes/thrive/images/bg/next-steps-bg.jpg) no-repeat 0 100%; padding-bottom:30px; } div#next-steps div { background-repeat:repeat-y; background-position:0 0; } div#next-steps .header { background-repeat:no-repeat; background-position:0 0; padding:30px 30px 0 30px; margin:0; cursor:pointer; } div#next-steps .hover { background-position:-480px 0; } div#next-steps div.selected .hover { background-position:-960px 0; } div#share .header { background-image:url(/wp-content/themes/thrive/images/bg/next-steps-share-header.jpg); } div#story .header { background-image:url(/wp-content/themes/thrive/images/bg/next-steps-story-header.jpg); } div#member .header { background-image:url(/wp-content/themes/thrive/images/bg/next-steps-member-header.jpg); } div#share { background-image:url(/wp-content/themes/thrive/images/bg/next-steps-share-bg.jpg); color:#4d6c96; } div#story { background-image:url(/wp-content/themes/thrive/images/bg/next-steps-story-bg.jpg); color:#fff; } div#member { background-image:url(/wp-content/themes/thrive/images/bg/next-steps-member-bg.jpg); color:#fff; } div#next-steps div.content { } div#next-steps div.content div.content-container { padding:10px 30px 1em 30px; } div#share div.col1 { width:235px; float:left; padding-right:15px; background:url(/wp-content/themes/thrive/images/bg/next-steps-divider.jpg) repeat-y 100% 0; } div#share div.col2 { margin-left:260px; } div#share div.col1 ol, div#share div.col2 ol { text-transform:lowercase; } div#share div.col1 ol li, div#share div.col2 ol li { list-style:none; } div#share a { padding:7px 0 15px 50px; display:block; text-decoration:none; color:#4d6c96; } div#share ol.social li { background-position:0 0; background-repeat:no-repeat; float:left; margin-right:5px; width:111px; } div#share li.twitter { background-image:url(/wp-content/themes/thrive/images/gui/next-steps/twitter.gif); } div#share li.facebook { background-image:url(/wp-content/themes/thrive/images/gui/next-steps/facebook.gif); } div#share li.delicious { background-image:url(/wp-content/themes/thrive/images/gui/next-steps/delicious.gif); } div#share li.digg { background-image:url(/wp-content/themes/thrive/images/gui/next-steps/digg.gif); } div#share li.rss { background-image:url(/wp-content/themes/thrive/images/gui/next-steps/rss.gif); } div#member a { color:#fff; } div#content div.promo-tile { width:455px; margin:0 auto 30px; } div#sidebar-left div.promo-tile { width:170px; margin:0 0 15px 0; } /*body#healthy-kids div#sidebar-left div.promo-tile { display:none;}*/ #yoga-widget, #brain-teaser-widget, #fitness-calculator-widget { margin:15px 0;}