/* family41_modules_screen.css Copyright 2008, Focus on the Family Version 1.1 Created: 5/6/08 Modified: 1/14/10 Modification history: 9/21/09: Added #bookmarks styles 1/14/10: Changes to support Super Bowl */ /* overrides of main stylesheet */ .sbBox .moreLink, #article .moreLink { float:right; margin:5px 0 0 0; } #editorialWell #sideBar .sbBox .content a.moreLink, #editorialWell #article a.moreLink { color:#0d3c44; text-decoration:none; font-weight:bold; } #editorialWell #article a:hover.moreLink, #editorialWell #sideBar .sbBox .content a:hover.moreLink { color:#A27E44; } #editorialWell .byline a { color:#666; } #editorialWell #subcats { width:521px; overflow:hidden; margin:10px 0 0 -15px; padding:0; } #article h2 { font-size:1.3em; font-weight:bold; } /* main layout divs */ #article { margin:4px 0 15px 0; width:506px; padding:15px; float:left; overflow:hidden; background:url(/images/backgrounds/article_tile.png) repeat-y; } #sideBar { width:200px; float:left; overflow:hidden; margin:4px 0 0 15px; } /* left nav styles */ ul#subCat, ul#currentModule { margin:0; padding:0; } ul#subCat li a, ul#currentModule li a { text-transform:none; } ul#subCat li a { background:#97a430; border-bottom-color:#515616; border-right-color:#51571b; border-left-color:#bdc47e; border-top-color:#bdc37b; } ul#subCat li a:hover { color:#97a430; } ul#subCat li a.selected, ul#subCat li a.selected:hover { line-height:13px; background:#0a809c url(/images/backgrounds/modulenav_bg.gif) 0 8px no-repeat; border:1px solid #0a809c; border-left:none; border-right:2px solid #0a809c; } ul#currentModule li a, ul#currentModule li a.selected { color:#0d3c44; text-decoration:underline; background:#cccccc; border:1px solid #cccccc; } ul#currentModule li a:hover, ul#currentModule li a:hover.selected { color:#0d3c44; background:#cccccc; text-decoration:none; border:1px solid #cccccc; } ul#currentModule li a.selected, ul#currentModule li a:hover.selected { text-decoration:none; color:#666; } /* article styles */ #editorialWell h2.index { overflow:hidden; margin:0; height: 63px; width: 743px; font-size: 2.9em; font-weight:bold; color: #fff; padding: 15px 0 0 15px; background:url(/images/backgrounds/bg_life_challenges.png) no-repeat; } #editorialWell h2.marriage { background:url(/images/backgrounds/bg_marriage.png) no-repeat; } #editorialWell h2.parenting { background:url(/images/backgrounds/bg_parenting.png) no-repeat; } #editorialWell h2.faith, #editorialWell h2.entertainment, #editorialWell h2.socialissues, #editorialWell h2.midlife, #editorialWell h2.lifechallenges { background:url(/images/backgrounds/bg_life_challenges.png) no-repeat; } #editorialWell #article h4.partNumber { font-size:13px; color:#0d3c44; } #article h1 { font-size:2.8em; font-weight:bold; color:#0d3c44; margin:15px 0 0 0; } #article h1 a { color:#0d3c44; text-decoration:none; font-style:italic; } #article h1 a:hover { text-decoration:underline; } #article h3.subcatTitle { width:317px; height:53px; padding:15px 204px 0 15px; color:#4B4B4B; font-size:1.5em; font-weight:normal; margin:-15px -15px 0 -15px; } #article h3.comCon { background:#c7b199 url(/images/subcattitles/comcon_bg.jpg) right no-repeat; } #article h3.faithInLife { background:#c7b199 url(/images/subcattitles/title_faith.gif) right no-repeat; } #article h3.faith { background:#c7b199 url(/images/subcattitles/title_faith.gif) right no-repeat; } #article h3.lifechallenges { background:#c7b199 url(/images/subcattitles/title_lifechallenges.gif) right no-repeat; } #article h3.entertainment { background:#c7b199 url(/images/subcattitles/title_entertainment.gif) right no-repeat; } #article h3.marriage { background:#c7b199 url(/images/subcattitles/title_marriage.jpg) right no-repeat; } #article h3.marriageChallenges { background:#c7b199 url(/images/subcattitles/title_marriage_challenges.jpg) right no-repeat; } #article h3.marriageCommunication { background:#c7b199 url(/images/subcattitles/title_marriage_Communication.jpg) right no-repeat; } #article h3.marriageDailyLiving { background:#c7b199 url(/images/subcattitles/title_marriage_daily_living.jpg) right no-repeat; } #article h3.marriageDivorce { background:#c7b199 url(/images/subcattitles/title_marriage_divorce_infidelity.jpg) right no-repeat; } #article h3.marriageEarlyYears { background:#c7b199 url(/images/subcattitles/title_marriage_early_years.jpg) right no-repeat; } #article h3.marriageFacingCrisis { background:#c7b199 url(/images/subcattitles/title_marriage_facing_crisis.jpg) right no-repeat; } #article h3.marriageFinance { background:#c7b199 url(/images/subcattitles/title_marriage_finance.jpg) right no-repeat; } #article h3.marriageGodsDesign { background:#c7b199 url(/images/subcattitles/title_marriage_gods_design.jpg) right no-repeat; } #article h3.marriageIntimacy { background:#c7b199 url(/images/subcattitles/title_marriage_intimacy.jpg) right no-repeat; } #article h3.marriageMilitary { background:#c7b199 url(/images/subcattitles/title_marriage_military.jpg) right no-repeat; } #article h3.marriagePreparation { background:#c7b199 url(/images/subcattitles/title_marriage_preparation.jpg) right no-repeat; } #article h3.marriageStrengthen { background:#c7b199 url(/images/subcattitles/title_marriage_strengthen.jpg) right no-repeat; } #article h3.socialIssues { background:#c7b199 url(/images/subcattitles/title_socialissues_lawandcourts.jpg) right no-repeat; } #article h3.socialIssuesAbstinence { background:#c7b199 url(/images/subcattitles/title_socialissues_abstinence.jpg) right no-repeat; } #article h3.socialIssuesEducation { background:#c7b199 url(/images/subcattitles/title_socialissues_education.jpg) right no-repeat; } #article h3.socialIssuesGambling { background:#c7b199 url(/images/subcattitles/title_socialissues_gambling.jpg) right no-repeat; } #article h3.socialIssuesMarriage { background:#c7b199 url(/images/subcattitles/title_socialissues_marriage_family.jpg) right no-repeat; } #article h3.socialIssuesPornography { background:#c7b199 url(/images/subcattitles/title_socialissues_pornography.jpg) right no-repeat; } #article h3.socialIssuesSexualIdentity { background:#c7b199 url(/images/subcattitles/title_socialissues_sexual_identity.jpg) right no-repeat; } #article h3.socialIssuesSOHL { background:#c7b199 url(/images/subcattitles/title_socialissues_sohl.jpg) right no-repeat; } #article h3.parenting { background:#c7b199 url(/images/subcattitles/title_parenting.jpg) right no-repeat; } #article h3.parentingReviews { background:#c7b199 url(/images/subcattitles/title_parenting_book_reviews.jpg) right no-repeat; } #article h3.parentingChallenges { background:#c7b199 url(/images/subcattitles/title_parenting_challenges.jpg) right no-repeat; } #article h3.parentingSpiritualGrowthforKids { background:#c7b199 url(/images/subcattitles/title_parenting_christ_followers.jpg) right no-repeat; } #article h3.parentingBiblicalDiscipline { background:#c7b199 url(/images/subcattitles/title_parenting_biblical_discipline.jpg) right no-repeat; } #article h3.parentingProtectingYourFamily { background:#c7b199 url(/images/subcattitles/title_parenting_protecting_your_family.jpg) right no-repeat; } #article h3.parentingAdoptiveFamilies { background:#c7b199 url(/images/subcattitles/title_parenting_adoptive_families.jpg) right no-repeat; } #article h3.parentingSchoolAge { background:#c7b199 url(/images/subcattitles/title_parenting_school_age.jpg) right no-repeat; } #article h3.parentingSexuality { background:#c7b199 url(/images/subcattitles/title_parenting_sexuality.jpg) right no-repeat; } #article h3.parentingSingleParenting { background:#c7b199 url(/images/subcattitles/title_parenting_single_parenting.jpg) right no-repeat; } #article h3.parentingTeens { background:#c7b199 url(/images/subcattitles/title_parenting_teens.jpg) right no-repeat; } #article h3.parentingHealth { background:#c7b199 url(/images/subcattitles/title_parenting_health.jpg) right no-repeat; } #article h3.parentingSchooling { background:#c7b199 url(/images/subcattitles/title_parenting_schooling.jpg) right no-repeat; } #article h3.parentingStages { background:#c7b199 url(/images/subcattitles/title_parenting_stages.jpg) right no-repeat; } #article h3.parentingDevelopment { background:#c7b199 url(/images/subcattitles/title_parenting_development.jpg) right no-repeat; } #article h3.parentingRelating { background:#c7b199 url(/images/subcattitles/title_parenting_relating.jpg) right no-repeat; } #article h3.parentingSpecialSituations { background:#c7b199 url(/images/subcattitles/title_parenting_specialsituations.jpg) right no-repeat; } #article h3.parentingEmotions { background:#c7b199 url(/images/subcattitles/title_yourchildsemotions.jpg) right no-repeat; } #article h3.midlifeAdult { background:#c7b199 url(/images/subcattitles/title_midlife_adult.jpg) right no-repeat; } #article h3.midlifeGrandparenting { background:#c7b199 url(/images/subcattitles/title_midlife_grandparenting.jpg) right no-repeat; } #article h3.midlifeIssues { background:#c7b199 url(/images/subcattitles/title_midlife_issues.jpg) right no-repeat; } #article h3.midlifeMarriage { background:#c7b199 url(/images/subcattitles/title_midlife_marriage.jpg) right no-repeat; } #article h3.midlifeQuestions { background:#c7b199 url(/images/subcattitles/title_midlife_questions.jpg) right no-repeat; } #article h2.subHed { color:#4b4b4b; margin:5px 0; font-size:1.2em; font-weight:normal; } #article h4 { font-size:14px; color:#4b4b4b; } #article li { line-height:13px; margin:0 0 3px 0; } #article li a { color:#0d3c44; } #article .headlineBlock { margin:0 0 15px 0; } #moduleToc { width:190px; float:right; border:1px solid #4b4b4b; padding:10px 0 0 0; border-top:none; border-right:none; margin:0 0 10px 10px; } #moduleToc h4 { color:#000; font-weight:bold; font-size:1em; margin:1px 0 0 10px; float:left; } #moduleToc ul { width:41px; margin:0; padding:0; float:right; list-style:none; background:url(/images/backgrounds/toc_bg.gif) no-repeat; } #moduleToc ul li { float:left; width:20px; height:15px; padding:0; margin:0; } #moduleToc ul a { width:19px; height:15px; display:block; text-indent:-9999px; font-size:1px; margin:0; background:url(/images/backgrounds/toc_bg.gif) 0 -15px no-repeat; } #moduleToc ul a:hover { background:url(/images/backgrounds/toc_bg.gif) 0 -30px no-repeat; } #moduleToc ul a.last { float:right; margin:0 0 0 2px; background:url(/images/backgrounds/toc_bg.gif) -22px -15px no-repeat; } #moduleToc ul a:hover.last { float:right; margin:0 0 0 2px; background:url(/images/backgrounds/toc_bg.gif) -22px -30px no-repeat; } #moduleToc ol { font-size:1.1em; margin:20px 0; padding:0 0 0 35px; color:#0d3c44; font-weight:bold; } #moduleToc ol li { margin:0 0 7px 0; line-height:14px; } #moduleToc ol a { color:#0d3c44; text-decoration:none; } #moduleToc ol a:hover { color:#A27E44; } #moduleToc ol li.current { color:#999; } #nextPrev { font-size:1.1em; float:left; width:210px; margin:15px 0 0 0; } #nextPrev p { margin:0 0 10px 0; line-height:13px; } #nextPrev a { font-weight:bold; color:#0d3c44; text-decoration:none; display:block; } #nextPrev a:hover { color:#A27E44; } #nextPrev a.next { text-align:right; background:url(/images/backgrounds/next_arrow.gif) bottom right no-repeat; padding:0 23px 0 0; } #nextPrev a.prev { background:url(/images/backgrounds/previous_arrow.gif) no-repeat; padding:0 0 0 23px; } #nextPrev a:hover.next { text-align:right; background:url(/images/backgrounds/next_arrow_hover.gif) bottom right no-repeat; padding:0 23px 0 0; } #nextPrev a:hover.prev { background:url(/images/backgrounds/previous_arrow_hover.gif) no-repeat; padding:0 0 0 23px; } #article li { padding-bottom:10px; line-height:1.5; } /* bookmarks styles */ #bookmarks { width:170px; overflow:hidden; } #moduleToc #bookmarks ul { list-style:none; padding:10px 0 0 15px; float:none; width:160px; background:none; } #moduleToc #bookmarks li { float:left; clear:none; display:inline; margin:0; width:30px; height:30px; padding:0 10px 10px 0; } #moduleToc #bookmarks a { display:block; outline:none; width:30px; height:30px; font-size:1px; text-indent:-9999px; background-image:url(/images/backgrounds/bookmarks2.gif); background-position:0 0; background-repeat:no-repeat; } #moduleToc #bookmarks a#faceBook:hover { background-position:0 -30px; } #moduleToc #bookmarks a#twitter { background-position:-30px 0; } #moduleToc #bookmarks a#twitter:hover { background-position:-30px -30px; } #moduleToc #bookmarks #twitter span { display:none; } #moduleToc #bookmarks a#mySpace { background-position:-60px 0; } #moduleToc #bookmarks a#mySpace:hover { background-position:-60px -30px; } #moduleToc #bookmarks a#delicious { background-position:-90px 0; } #moduleToc #bookmarks a#delicious:hover { background-position:-90px -30px; } #moduleToc #bookmarks a#google { background-position:-120px 0; } #moduleToc #bookmarks a#google:hover { background-position:-120px -30px; } #moduleToc #bookmarks a#digg { background-position:-150px 0; } #moduleToc #bookmarks a#digg:hover { background-position:-150px -30px; } #moduleToc #bookmarks a#stumbleUpon { background-position:-180px 0; } #moduleToc #bookmarks a#stumbleUpon:hover { background-position:-180px -30px; } #moduleToc #bookmarks a#yahoo { background-position:-210px 0; } a#yahoo:hover { background-position:-210px -30px; } #moduleToc #bookmarks ul#shareOne { padding:10px 0 0 22px; } #moduleToc #bookmarks ul#shareOne li { width:40px; height:42px; padding:0 0 0 20px; } #moduleToc #bookmarks a#printArticleTOC { width:40px; height:42px; background-position:-248px -8px; } #moduleToc #bookmarks a#printArticleTOC:hover { background-position:-288px -8px; } #moduleToc #bookmarks a#sendArticleTOC { width:40px; height:42px; background-position:-333px -8px; } #moduleToc #bookmarks a#sendArticleTOC:hover { background-position:-383px -8px; } #bookmarksBottom { clear:both; overflow:hidden; text-align:center; } #bookmarksBottom ul { list-style:none; padding:10px 0 0 10px; width:320px; overflow:hidden; margin:0 auto; float:none; background:none; } #bookmarksBottom li { float:left; clear:none; display:inline; margin:0; width:30px; height:30px; padding:0 10px 10px 0; } #bookmarksBottom a { display:block; width:30px; height:30px; font-size:1px; text-indent:-9999px; background-image:url(/images/backgrounds/bookmarks2.gif); background-position:0 0; background-repeat:no-repeat; outline:none; } a#faceBookBottom:hover { background-position:0 -30px; } a#twitterBottom { background-position:-30px 0; } a#twitterBottom:hover { background-position:-30px -30px; } #twitterBottom span { display:none; } a#mySpaceBottom { background-position:-60px 0; } a#mySpaceBottom:hover { background-position:-60px -30px; } a#deliciousBottom { background-position:-90px 0; } a#deliciousBottom:hover { background-position:-90px -30px; } a#googleBottom { background-position:-120px 0; } a#googleBottom:hover { background-position:-120px -30px; } a#diggBottom { background-position:-150px 0; } a#digg:hover { background-position:-150px -30px; } a#stumbleUponBottom { background-position:-180px 0; } a#stumbleUponBottom:hover { background-position:-180px -30px; } a#yahooBottom { background-position:-210px 0; } a#yahooBottom:hover { background-position:-210px -30px; } #userrated, #rating { width:120px; float:right; margin:15px 0 0 0; text-transform:uppercase; color:#0d3c44; font-weight:bold; text-align:center; } #userrated, #rating { display:none; } #userrated ul, #rating ul { list-style:none; margin:5px 0 0 10px; padding:0; } #userrated li, #rating li { float:left; margin:0 0 0 5px; } #userrated a, #rating a { display:block; width:14px; height:15px; background-image:url(/images/backgrounds/starsprites.gif); background-repeat:no-repeat; text-indent:-9999px; font-size:1px; } #userrated a { cursor:default; } #rating a.rated { background-position:-110px -6px; } #rating a.half { background-position:-49px -75px; } #rating a.unrated { background-position:-72px -51px; } #rating a:hover { background-position:-90px -28px; } #userrated a.unrated, #userrated a:hover.unrated { background-position:-90px -28px; } #userrated a.rated, #userrated a:hover.rated { background-position:-33px -96px; } #userrated a.half, #userrated a:hover.half { background-position:-17px -115px; } /* sidebar styles */ .sbBox { margin:0 0 15px 0; } #sideBar .sbBox h2 { text-align:center; display:block; width:180px; padding:10px; height:17px; overflow:hidden; font-size:1.2em; font-weight:bold; color:#fff; margin:0; background:url(/images/backgrounds/subtitle_bg.gif) no-repeat; } .sbBox ul { list-style:none; margin:0; padding:0; } .sbBox li { padding:0 0 0 14px; background:url(/images/backgrounds/sprites.gif) -262px -232px no-repeat; margin:0 0 3px 0; } .sbBox li a { color:#0d3c44; line-height:13px; text-decoration:none; } .sbBox li a:hover { text-decoration:none; } .sbBox .content { width:180px;padding:10px; background:url(/images/backgrounds/article_tile.png) repeat-y; } .sbBox img { float:left; margin:0 5px 5px 0; } #sideBar .sbBox h3 a { color:#0d3c44; font-size:.6em; text-decoration:none; font-weight:bold; } #sideBar .sbBox h3 a:hover { color:#A27E44; } #sideBar .sbBox p { line-height:13px; margin:0; } .sbBox .white { background:url(/images/backgrounds/divider.png) repeat-x; margin:10px 0; } #sideBar .sbBox .content a { color:#0d3c44; text-decoration:none; font-weight:bold; } #sideBar .sbBox .content a:hover { color:#A27E44; } .widgets { text-align:right; overflow:hidden; float:left; width:146px; } #article .widgets a { font-weight:bold; color:#49352c; text-decoration:none; } #article .widgets a:hover { color:#A27E44; } #article .widgets ul { width:96px; list-style:none; height:37px; background-image:url(/images/backgrounds/widgetsprite.png); background-repeat:no-repeat; margin:0 10px 0 0; padding:10px 40px 0 0; } #article .widgets ul li { margin:0; padding:0; } .widgets ul.printArticle { background-position:-10px 0; } .widgets ul.sendArticle { background-position:-10px -40px; } .widgets ul.comment { background-position:-10px -80px; } /* subcat styles */ .subcat { width:245px; padding:0 0 15px 15px; overflow:hidden; float:left; } #subcats .subcat h2 a { text-align:center; display:block; width:235px; height:32px; padding:5px; background:url(/images/backgrounds/subtitle_bg.gif) no-repeat; color:#fff; font-size:14px; line-height:16px; text-decoration:none; } #subcats .subcat h2 a:hover { text-decoration:underline; } .subcat .content { height:186px; background: url(/images/backgrounds/subcat_bg.gif) no-repeat; overflow:hidden; } #subcats .subcat .content ul { margin:7px 5px 5px 5px; padding:0 0 0 17px; height:154px; overflow:hidden; color:#fff; } #subcats .subcat li { line-height:13px; margin:0 0 3px 0; } #article #subcats .subcat .content ul li a, #article #subcats .subcat .content .seeAll a { color:#fff; text-decoration:none; font-weight:normal; font-size:1em; } #article #subcats .subcat .content ul li a:hover, #article #subcats .subcat .content .seeAll a:hover { text-decoration:underline; } #article #subcats .subcat .content .seeAll { margin:0 5px; font-size:.9em; font-weight:bold; text-transform: uppercase; } #article .seeAll { margin:15px 0 10px 15px; } #article .seeAll a {color:#0d3c44; font-size:14px; font-weight:bold; text-decoration:none; } #article .seeAll a:hover { color:#A27E44; } .widgets { text-align:right; overflow:hidden; float:left; width:146px; text-transform:uppercase; } #editorialWell #article .widgets ul li a { color:#0d3c44; text-decoration:none; } #editorialWell #article .widgets ul li a:hover { color:#A27E44; } #article .widgets ul { width:96px; list-style:none; height:37px; background-color:transparent; background-image:url(/images/backgrounds/widgetsprite.png); background-repeat:no-repeat; margin:0 10px 0 0; padding:10px 40px 0 0; } .widgets li { margin:0 0 5px 0; } .widgets ul.printArticle { background-position:-10px 0; } .widgets ul.sendArticle { background-position:-10px -40px; } .widgets ul.comment { background-position:-10px -80px; }