/* 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:rgb(37,100,107); 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 { background:url(/family/images/backgrounds/bg_marriage_mid.png) repeat; width:514px; overflow:hidden; margin:0 5px 0 0; padding-left:3px; } #article h2 { font-size:1.3em; font-weight:bold; } /* main layout divs */ #article { margin:1px 0 0 0; width:506px; padding:15px 15px 0 15px; float:left; overflow:hidden; background:url(/family/images/backgrounds/article_tile.png) repeat-y; } *html #article { margin:0 0 15px 0; width:506px; padding:15px; float:left; overflow:hidden; background:url(/family/images/backgrounds/article_tile.png) repeat-y; } #sideBar { width:200px; float:left; overflow:hidden; margin:4px 0 0 12px; } /* 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(/family/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(/family/images/backgrounds/bg_life_challenges.png) no-repeat; } #editorialWell h2.marriage { background:url(/family/images/backgrounds/bg_marriage.png) no-repeat; } #editorialWell h2.parenting { background:url(/family/images/backgrounds/bg_parenting.png) no-repeat; } #editorialWell h2.faith, #editorialWell h2.entertainment, #editorialWell h2.socialissues, #editorialWell h2.midlife, #editorialWell h2.lifechallenges { background:url(/family/images/backgrounds/bg_life_challenges.png) no-repeat; } #editorialWell #article h4.partNumber { font-size:13px; color:#0d3c44; } #crumb { position:absolute; color:#2E5A4D;font-size:1.3em; background-color:#cae388; margin:-16px 0 20px -15px; text-transform:uppercase;font-family:Arial Narrow;font-weight:bold;padding:8px 7px 8px 8px; height:20px;text-align:center; } *html #crumb { position:absolute; color:#2E5A4D;font-size:1.3em; background-color:#cae388; margin:-16px 0 20px -15px; text-transform:uppercase;font-family:Arial Narrow;font-weight:bold;padding:8px 7px 8px 5px; height:20px;text-align:center; } .channelH1{ font-size:2.5em; font-weight:bolder; color:#80b5c3; margin:50px 0 0 0; } .ariticleH1{ font-size:2.5em; font-weight:bolder; color:#80b5c3; margin:-10px 0 0 0; clear:left;} #article h1 a { font-weight:bold; text-decoration:none; font-size:1.0em;font-family:Arial, Helvetica, sans-serif; color:#80b5c3; } #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(/family/images/subcattitles/comcon_bg.jpg) right no-repeat; } #article h3.faithInLife { background:#c7b199 url(/family/images/subcattitles/title_faith.gif) right no-repeat; } #article h3.faith { background:#c7b199 url(/family/images/subcattitles/title_faith.gif) right no-repeat; } #article h3.lifechallenges { background:#c7b199 url(/family/images/subcattitles/title_lifechallenges.gif) right no-repeat; } #article h3.entertainment { background:#c7b199 url(/family/images/subcattitles/title_entertainment.gif) right no-repeat; } #article h3.marriage { background:#c7b199 url(/family/images/subcattitles/title_marriage.jpg) right no-repeat; } #article h3.marriageChallenges { background:#c7b199 url(/family/images/subcattitles/title_marriage_challenges.jpg) right no-repeat; } #article h3.marriageCommunication { background:#c7b199 url(/family/images/subcattitles/title_marriage_Communication.jpg) right no-repeat; } #article h3.marriageDailyLiving { background:#c7b199 url(/family/images/subcattitles/title_marriage_daily_living.jpg) right no-repeat; } #article h3.marriageDivorce { background:#c7b199 url(/family/images/subcattitles/title_marriage_divorce_infidelity.jpg) right no-repeat; } #article h3.marriageEarlyYears { background:#c7b199 url(/family/images/subcattitles/title_marriage_early_years.jpg) right no-repeat; } #article h3.marriageFacingCrisis { background:#c7b199 url(/family/images/subcattitles/title_marriage_facing_crisis.jpg) right no-repeat; } #article h3.marriageFinance { background:#c7b199 url(/family/images/subcattitles/title_marriage_finance.jpg) right no-repeat; } #article h3.marriageGodsDesign { background:#c7b199 url(/family/images/subcattitles/title_marriage_gods_design.jpg) right no-repeat; } #article h3.marriageIntimacy { background:#c7b199 url(/family/images/subcattitles/title_marriage_intimacy.jpg) right no-repeat; } #article h3.marriageMilitary { background:#c7b199 url(/family/images/subcattitles/title_marriage_military.jpg) right no-repeat; } #article h3.marriagePreparation { background:#c7b199 url(/family/images/subcattitles/title_marriage_preparation.jpg) right no-repeat; } #article h3.marriageStrengthen { background:#c7b199 url(/family/images/subcattitles/title_marriage_strengthen.jpg) right no-repeat; } #article h3.socialIssues { background:#c7b199 url(/family/images/subcattitles/title_socialissues_lawandcourts.jpg) right no-repeat; } #article h3.socialIssuesAbstinence { background:#c7b199 url(/family/images/subcattitles/title_socialissues_abstinence.jpg) right no-repeat; } #article h3.socialIssuesEducation { background:#c7b199 url(/family/images/subcattitles/title_socialissues_education.jpg) right no-repeat; } #article h3.socialIssuesGambling { background:#c7b199 url(/family/images/subcattitles/title_socialissues_gambling.jpg) right no-repeat; } #article h3.socialIssuesMarriage { background:#c7b199 url(/family/images/subcattitles/title_socialissues_marriage_family.jpg) right no-repeat; } #article h3.socialIssuesPornography { background:#c7b199 url(/family/images/subcattitles/title_socialissues_pornography.jpg) right no-repeat; } #article h3.socialIssuesSexualIdentity { background:#c7b199 url(/family/images/subcattitles/title_socialissues_sexual_identity.jpg) right no-repeat; } #article h3.socialIssuesSOHL { background:#c7b199 url(/family/images/subcattitles/title_socialissues_sohl.jpg) right no-repeat; } #article h3.parenting { background:#c7b199 url(/family/images/subcattitles/title_parenting.jpg) right no-repeat; } #article h3.parentingReviews { background:#c7b199 url(/family/images/subcattitles/title_parenting_book_reviews.jpg) right no-repeat; } #article h3.parentingChallenges { background:#c7b199 url(/family/images/subcattitles/title_parenting_challenges.jpg) right no-repeat; } #article h3.parentingSpiritualGrowthforKids { background:#c7b199 url(/family/images/subcattitles/title_parenting_christ_followers.jpg) right no-repeat; } #article h3.parentingBiblicalDiscipline { background:#c7b199 url(/family/images/subcattitles/title_parenting_biblical_discipline.jpg) right no-repeat; } #article h3.parentingProtectingYourFamily { background:#c7b199 url(/family/images/subcattitles/title_parenting_protecting_your_family.jpg) right no-repeat; } #article h3.parentingAdoptiveFamilies { background:#c7b199 url(/family/images/subcattitles/title_parenting_adoptive_families.jpg) right no-repeat; } #article h3.parentingSchoolAge { background:#c7b199 url(/family/images/subcattitles/title_parenting_school_age.jpg) right no-repeat; } #article h3.parentingSexuality { background:#c7b199 url(/family/images/subcattitles/title_parenting_sexuality.jpg) right no-repeat; } #article h3.parentingSingleParenting { background:#c7b199 url(/family/images/subcattitles/title_parenting_single_parenting.jpg) right no-repeat; } #article h3.parentingTeens { background:#c7b199 url(/family/images/subcattitles/title_parenting_teens.jpg) right no-repeat; } #article h3.parentingHealth { background:#c7b199 url(/family/images/subcattitles/title_parenting_health.jpg) right no-repeat; } #article h3.parentingSchooling { background:#c7b199 url(/family/images/subcattitles/title_parenting_schooling.jpg) right no-repeat; } #article h3.parentingStages { background:#c7b199 url(/family/images/subcattitles/title_parenting_stages.jpg) right no-repeat; } #article h3.parentingDevelopment { background:#c7b199 url(/family/images/subcattitles/title_parenting_development.jpg) right no-repeat; } #article h3.parentingRelating { background:#c7b199 url(/family/images/subcattitles/title_parenting_relating.jpg) right no-repeat; } #article h3.parentingSpecialSituations { background:#c7b199 url(/family/images/subcattitles/title_parenting_specialsituations.jpg) right no-repeat; } #article h3.parentingEmotions { background:#c7b199 url(/family/images/subcattitles/title_yourchildsemotions.jpg) right no-repeat; } #article h3.midlifeAdult { background:#c7b199 url(/family/images/subcattitles/title_midlife_adult.jpg) right no-repeat; } #article h3.midlifeGrandparenting { background:#c7b199 url(/family/images/subcattitles/title_midlife_grandparenting.jpg) right no-repeat; } #article h3.midlifeIssues { background:#c7b199 url(/family/images/subcattitles/title_midlife_issues.jpg) right no-repeat; } #article h3.midlifeMarriage { background:#c7b199 url(/family/images/subcattitles/title_midlife_marriage.jpg) right no-repeat; } #article h3.midlifeQuestions { background:#c7b199 url(/family/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 0 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(/family/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(/family/images/backgrounds/toc_bg.gif) 0 -15px no-repeat; } #moduleToc ul a:hover { background:url(/family/images/backgrounds/toc_bg.gif) 0 -30px no-repeat; } #moduleToc ul a.last { float:right; margin:0 0 0 2px; background:url(/family/images/backgrounds/toc_bg.gif) -22px -15px no-repeat; } #moduleToc ul a:hover.last { float:right; margin:0 0 0 2px; background:url(/family/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(/family/images/backgrounds/next_arrow.gif) bottom right no-repeat; padding:0 23px 0 0; } #nextPrev a.prev { background:url(/family/images/backgrounds/previous_arrow.gif) no-repeat; padding:0 0 0 23px; } #nextPrev a:hover.next { text-align:right; background:url(/family/images/backgrounds/next_arrow_hover.gif) bottom right no-repeat; padding:0 23px 0 0; } #nextPrev a:hover.prev { background:url(/family/images/backgrounds/previous_arrow_hover.gif) no-repeat; padding:0 0 0 23px; } #article li { line-height:1.5; } #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(/family/images/backgrounds/bookmarks2.gif); background-position:0 0; background-repeat:no-repeat; outline:none; } #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(/family/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 */ #sideBar{ float:left;width:198px;} .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-color:rgb(69,113,126); } .sbBox ul { list-style:none; margin:0; padding:0; } .sbBox li { padding:0 0 0 14px; background:url(/family/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(/family/images/backgrounds/newarticle_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(/family/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:100px; text-transform:uppercase; *width:140px; *margin-left:-40px;} #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; padding:0 40px 0 0; } #article .widgets ul li { margin:0; padding:0; } /* subcat styles */ .subcat { width:245px; padding:0 0 10px 12px; overflow:hidden; float:left; } #subcatsTop { background: url(/family/images/backgrounds/bg_marriage_uper.png);width:517px;height:8px;} #subcatsBottom{ background: url(/family/images/backgrounds/bg_marriage_bottom.png); height:8px;width:517px;} *html #subcatsBottom{ background: url(/family/images/backgrounds/bg_marriage_bottom.png); width:517px; margin-top:0px; z-index:0px; position:relative; background-repeat:no-repeat;} *html #subcatsTop { background: url(/family/images/backgrounds/bg_marriage_uper.png);width:517px; margin-bottom:-4px;} #subcats .subcat h2 a { text-align:center; display:block; width:228px; height:32px;margin-right:10px; margin-left:0px; margin-top:10px;padding-top:10px; background:url(/family/images/backgrounds/subcategory_background_title.png) no-repeat; color:#fff; font-size:14px; line-height:16px; text-decoration:none; } #subcats .subcat h2 a:hover { text-decoration:underline; } .subcat .content { height:176px; background:url(/family/images/backgrounds/bg_marriage3.png) no-repeat; margin:0 0 0 0; overflow:hidden;} #subcats .subcat .content ul {list-style-type: disc; color:black; margin:5px; padding:0; height:144px;overflow:hidden;} #subcats .subcat li { line-height:13px; margin:0 21px 3px 20px; } #article #subcats .subcat .content ul li a{color:Black; text-decoration:none;font-weight:bold;overflow:hidden;} #article #subcats .subcat .content ul li a:hover, #article #subcats .subcat .content .seeAll a:hover { text-decoration:underline; } #article .seeAll a:hover { color:#A27E44; } #article #subcats .subcat .content .seeAll a {text-transform:uppercase; font-weight:bolder; color:black; text-decoration:none; } #article #subcats .subcat .content .seeAll { margin:-2px 15px 0 -10px; font-size:11px; text-align:center; overflow:hidden; } #article .seeAll { margin:15px 0; font-size:14px; } #article .seeAll a { color:#49352c; } #editorialWell #article .widgets ul li a { color:#0d3c44; text-decoration:none; overflow:hidden; } #editorialWell #article .widgets ul li a:hover { color:#A27E44; } .left{float:left; padding:12px 0 0 5px; *padding-top:0;} #socialMedia {margin-bottom:10px;} #socialMedia ul {list-style:none;padding:0; margin:0;} #socialMedia ul li {float:left; line-height:1;} #socialMedia ul li.facebook {width:150px;} #socialMedia ul li.twitter {} #socialMedia ul li.email{margin-top:-5px; float:right;} #socialMedia ul li.print {margin-top:-5px; float:right;} .socialMediaWrapper {margin-top:-10px; *margin-top:0;}