/* family_screen.css Copyright 2006, Focus on the Family Version: 1.23 Created 8/1/06 Rev. 9/23/09 8/2/06: Changed #brand to #brand a 8/2/06: Added text-indent to #brand a 8/3/06: Added #header h3, #header h3a, #header h2, #header h5 9/17/06: Added h2.index, h3.index 9/22/06: Added Two-column settings 9/22/06: Added .byline 9/23/06: added .spolight img 9/25/06: added ul.index and li.index 10/5/06: Moved background images of #brand a and #header to local file locations 10/8/06: Added float:right to #topnav ul.hList 10/16/06: Added #rsslink 10/16/06: Added ul.hList img 10/16/06: Added .copyright 10/26/06: Reduced .findOut dropdown width, text size; put dropdown and button on same line 10/27/06: Added #sidebar h2.findOuttitle 10/27/06: Added !important declaration to input background-color 10/31/06: Adjusted link coordinates for #header h3 a 2/21/07: Added #myfamilyLink 3/12/07: Changes to #myfamilyLink and search styles 6/22/07: added #myfamilyHeader styles 3/18/08: Made branding changes 11/7/08: Updated #myfamilylink 9/23/09: Added styles under .tools */ .reader { text-indent:-9999px; float:left; } #areaName { display:none; } /* new styles added 3/12/07 */ #searchBox { margin:0; padding:0; clear:right; height:73px; float:right; margin-top:15px; overflow:hidden; text-align:right; width:270px; } #searchLabel { font-weight:bold; color:#49352c; margin:6px 8px 0 0; float:left; width:80px; } #searchTerm { width:129px; float:left; margin: 2px 8px 0 0; } #query { width:125px; height:12px; border:2px solid #d5d2c7; font-size:10px; margin:0; } #searchButton { width:23px; float:left; } /* end new styles added 3/12/07 */ #brand a { background:url(/sharedassets/familyorg/images/backgrounds/fotfcom_logo_square.gif) no-repeat; font-size:1px; z-index:50; position:absolute; width:78px; height:78px; top:211px; text-indent:-9999px; } #brand a:hover { background-position:0 -78px; } body { margin:0; padding:0; } body, p, td { font:8pt Verdana, Arial, Helvetica, sans-serif; } h2 { font-size:8pt; } #container { width:900px; margin:0 auto; padding:0; } /* new styles added 3/12/07 */ /*#myfamilyLink { float:right; clear:both; margin:0 60px 0 0; padding:0; overflow:hidden; margin-top:15px; }*/ #container #header #searchBox #myfamilyLink { float:left; margin:5px 0 0 75px; font-size:1px; text-indent:-9999px; } #container #header #searchBox #myfamilyLink a { float:left; text-align: left; width:123px; height:50px; background:transparent url(/sharedassets/familyorg/images/backgrounds/myfamily_newbutton2.gif) no-repeat; font-size:1px; text-indent:-9999px; } #container #header #searchBox #myfamilyLink a:hover { background-position: 0 -50px; } /* end new styles added 3/12/07 */ /* Index Styles */ h2.index { font-size:12pt; padding:0; margin:0; color:#006782; } h3.index { font-size:8pt; padding:0; margin:0; color:#49352c; } h2.index, h2.index a { font-size:10pt; padding:0; margin:0; color:#006782; } ul.index { margin:0; padding:0; list-style-type:none; } li.index { font-size:8pt; padding:0; padding-left:15px; margin:0; background:url(/sharedassets/familyorg/images/sprites/bullets.gif) -250px -25px no-repeat; margin-bottom:4px; } li.index a { color:#49352c; } /* Two-column settings */ .columns { clear:both; } .col-Ab, .col-aB { width:47%; overflow:hidden; } .col-Ab { float:left; } .col-aB { float:right; } .columns .spotlight { width:99%; float:left; margin-bottom:10px; display:inline; } .columns .spotlight h2 { border:1px solid #49352c; border-bottom:none;font-size:11px; color:#49352c; font-weight:bold; background:url(/sharedassets/familyorg/images/sprites/plainBox.png) 0px 0px no-repeat; width:99%; height:17px; padding-top:3px; margin:0; vertical-align:baseline; text-indent:1em; } .columns .spotlight p { margin:0.5em auto; } .columns .spotlight .content { color:#000; width:99%; margin:0; margin-bottom:10px; padding:0; border-left:1px solid #49352c; border-right:1px solid #49352c; border-bottom:1px solid #49352c; background:#fff url(/sharedassets/familyorg/images/sprites/plainBox.png) 0 -20px no-repeat; padding-bottom:5px; } .columns ul { margin:0; padding:0; list-style-type:none; } .columns li { font-size:9px; padding:0; padding-left:15px; margin:0; background:url(/sharedassets/familyorg/images/sprites/bullets.gif) -250px -25px no-repeat; margin-bottom:4px; } .columns li a { color:#49352c; } .columns a { font-size:10px; } .columns p { padding-top:0.5em; padding-left:10px; padding-right:10px; font-size:10px; } #header, #myfamilyHeader { height:113px; width:869px; padding:0; margin:0; background:url(/sharedassets/familyorg/images/backgrounds/header.gif) no-repeat; } /*Default settings */ #singleColumn { width:597px; margin-left:133px; overflow:hidden; } #leftColumn { width:495px; float:left; } #sidebar { width:204px; float:right; margin:0 17px; display:inline; } /*Sidebar settings */ #sidebar h2 { font-size:1px; text-indent:-9999px; margin:0 0 10px 0; } #sidebar h2.seeAlso { display:block; width:81px; height:13px; background:url(/sharedassets/familyorg/images/backgrounds/seealso_bg.gif) no-repeat; } #sidebar h2.thingstoConsider { display:block; width:152px; height:18px; background:url(/sharedassets/familyorg/images/backgrounds/consider_bg.gif) no-repeat; } ul { padding-left:2em; } li { margin-bottom:0.4em; } #sidebar .spotlight { width:100%; float:none; margin-bottom:10px; display:inline; } #sidebar .spotlight h2 { border:1px solid #49352c; font-size:11px; color:#49352c; font-weight:bold; background:url(/sharedassets/familyorg/images/sprites/plainBox.png) 0px 0px no-repeat; width:100%; height:17px; padding-top:3px; margin:0; vertical-align:baseline; text-indent:1em; } #sidebar .spotlight p { margin:0.5em auto; } #sidebar .spotlight .content { width:100%; margin:0; margin-bottom:10px; padding:0; border-left:1px solid #49352c; border-right:1px solid #49352c; border-bottom:1px solid #49352c; background:#fff url(/sharedassets/familyorg/images/sprites/plainBox.png) 0 -20px no-repeat; padding-bottom:5px; } #myfamilyHeader h3, #header h3, #myfamilyHeader h3 a, #header h3 a, #myfamilyHeader h2, #header h2, #myfamilyHeader h5, #header h5 { position:absolute; margin:0; padding:0; display:block; text-indent:-9999px; } #myfamilyHeader h3 a, #header h3 a { z-index:150; top:20px; left:5px; width:254px; height:71px; } #topNav li, #footerNav li { font-size:10px; } #topNav, #sectionNav { margin:0; padding:0; } #topNav { float:right; padding-top:5px; } #sectionNav { width:838px; margin-left:31px; } #wrapper { border:1px solid #006782; border-top:none; background:url(/sharedassets/familyorg/images/backgrounds/top_inside_fade.jpg) right top no-repeat; width:836px; margin-left:31px; overflow:hidden; } #content { margin-left:86px; } #contentArea { margin-top:35px; } #footer { clear:both; } /* Links, etc. */ a { color:#006782; } a:hover { text-decoration:none; } /* Headlines */ h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#006782; font-size:22pt; font-weight:normal; letter-spacing:-0.02em; margin:0; margin-top:14px; } h2.subhead { font-family:trebuchet ms; font-size:13px; margin:0; font-weight:normal; } /* Lists */ #footer { text-align:center; } #footer p { margin:0; } ul.hList { margin-left:0; padding-left:0; } ul.hList li { display:inline; margin-left:4px; padding-left:7px; border-left:2px solid #49352c; } ul.hList li a { font-weight:bold; text-decoration:none; } ul.hList li a:hover { text-decoration:underline; } ul li.first { border:none; } .breadcrumbs { margin-left:86px; color:#006782; } .breadcrumbs p { font-size:11px; margin:0; padding-top:20px; font-weight:bold; } .breadcrumbs a { color:#49352c; font-weight:bold; } .breadcrumbs .title { font-weight:bold; } #topNav ul.hList { float:right; } #topNav a, #footerNav a, #footer ul.hList a { color:#006782; } ul.hList img { margin-bottom:-3px; } a.faceBook, a.twitter, a.mySpace, a.delicious, a.google, a.digg, a.stumbleUpon, a.yahoo, a.faceBookBottom, a.twitterBottom, a.mySpaceBottom, a.deliciousBottom, a.googleBottom, a.diggBottom, a.stumbleUponBottom, a.yahooBottom { display:block; outline:none; width:20px; height:20px; font-size:1px; text-indent:-9999px; background-image:url(/sharedassets/bookmarkwidget/fotf/bookmarks5.png); background-position:0 0; background-repeat:no-repeat; margin:0; } a.faceBook:hover { background-position:0 -20px; } a.twitter { background-position:-20px 0; } a.twitter:hover { background-position:-20px -20px; } .twitter span { display:none; } a.mySpace { background-position:-40px 0; } a.mySpace:hover { background-position:-40px -20px; } a.delicious { background-position:-60px 0; } a.delicious:hover { background-position:-60px -20px; } a.google { background-position:-80px 0; } a.google:hover { background-position:-80px -20px; } a.digg { background-position:-100px 0; } a.digg:hover { background-position:-100px -20px; } a.stumbleUpon { background-position:-120px 0; } a.stumbleUpon:hover { background-position:-120px -20px; } a.yahoo { background-position:-140px 0; } a.yahoo:hover { background-position:-140px -20px; } /* Tools */ .tools { margin:0; padding:0; height:20px; margin-bottom:20px; } .tools li { margin:0; padding:0; list-style:none; display:inline; float:left; padding-bottom:10px; padding-top:4px; } .tools a { font-size:smaller; font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:12px; color:#49352c; } .tools li.postLink { margin-top:-3px; } .tools .printPage { background:url(/sharedassets/familyorg/images/sprites/bullets.gif) -100px -150px no-repeat; padding-left:23px; } .tools .printSeries { background:url(/sharedassets/familyorg/images/sprites/bullets.gif) -125px -125px no-repeat; padding-left:43px; } .tools .forward { background:url(/sharedassets/familyorg/images/sprites/bullets.gif) -175px -100px no-repeat; padding-left:25px; } .toolsTop { position:relative; z-index:900; top:0; left:-250px; width:520px; } .toolsBottom { position:relative; top:0; left:-225px; z-index:900; width:600px; } /* Spotlights in left column */ .spotlight { width:239px; float:right; margin-left:10px; margin-bottom:25px; clear:both; } .spotlight h2 { font-size:11px; font-weight:bold; background:url(/sharedassets/familyorg/images/sprites/tabBox.png) no-repeat; width:233px; height:19px; padding-top:5px; margin:0; vertical-align:baseline; color:#49352c; text-indent:1em; } .spotlight .content { border:1px solid #49352c; background:#fff url(/sharedassets/familyorg/images/sprites/tabBox.png) 0 -40px no-repeat; margin:0; padding:0; width:231px; color:#006782; padding-bottom:5px; } .spotlight ul { margin:5px 10px; padding:0; list-style-type:none; } .spotlight li { font-size:10px; padding:0; padding-left:15px; margin:0; background:url(/sharedassets/familyorg/images/sprites/bullets.gif) -250px -25px no-repeat; margin-bottom:4px; } .spotlight li.current { background-position:-275px 0px;} .spotlight a { font-size:10px; color:#49352c; } .spotlight li.current a { text-decoration:none; } .spotlight p { padding-top:0.5em; padding-left:10px; padding-right:10px; font-size:10px; } /* Author tag line */ .byline { font-weight: bold; color:slategray; display:block; margin-bottom: 10px; } div.author { height:35px; } .author img { border:1px solid #86a7d2; margin-right:4px; float:left; } .author p { font-size:8pt; padding-top:2px; } .name { font-weight:bold; } /* Next & Previous Page Links */ .goPrevious a, .goNext a { color:#006782; } .goPrevious, .goNext { float:left; padding-left:30px; background:url(/sharedassets/familyorg/images/sprites/bullets.gif) no-repeat; margin:20px auto; } .goPrevious p, .goNext p { margin:0; font-weight:bold; } .goPrevious { background-position:-200px -75px; margin-right:15px; padding-right:20px; border-right:1px solid #49352c; } .goLast { border-right:none; } /* This will remove the vertical line on the last articles of the series */ .goNext { background-position:-225px -50px; } /* Footnotes, quotes, etc. */ .footnotes { margin:20px auto; font-size:smaller; } .pullQuote { width:60%; margin:20px 0 20px 15px; float:right; font:italic normal 14pt/20pt Georgia, "Times New Roman", Times, serif; } #sidebar h2 { font-size:10pt; font-weight:bold; } label { font-weight:bold; font-size:smaller; margin:0; } .copyright { font-size:90%; } .findOut { clear:both; margin:0; } .findOut select { font:8pt Verdana, Arial, Helvetica, sans-serif; width:80%; margin:0 5px 10px 0; float:left; background-color:white !important; } .findOut input { font:8pt Verdana, Arial, Helvetica, sans-serif; width:60%; float:left; background-color:white !important; } .findOut input.button { font:8pt Verdana, Arial, Helvetica, sans-serif; width:auto; float:none; display:block; margin:2px auto; margin-left:3px; padding:0 3px; } .formEmail input.button { float:none; display:block; } /* Product Plug */ .product { width:199px; margin:0 25px 10px 0; border:1px solid #86a7d2; background:url(/sharedassets/familyorg/images/sprites/plainBox.png) 0 -20px no-repeat; float:left; padding:10px; } .product img { float:left; margin-right:10px; } .product h2 { font-size:10px; font-weight:bold; } .product p { margin:0; font-size:smaller; } /* Feedback form */ #feedback { border:1px solid #86a7d2; background:url(/sharedassets/familyorg/images/sprites/commentBox.png) no-repeat; margin:0 20px 20px 0; } #feedback div { width:320px; float:left; margin:0 15px; } #feedback p { margin:1em 15px; } #feedback textarea { width:310px; } #feedback .right { margin:0; display:inline; border:none; float:none; } #feedback .button { margin-top:5px; display:block; } #feedback div.clear {font-size:1px; height:1px; clear:both; float:none; width:1px; } /* Other */ div.clear { font-size:1px; height:1px; clear:both; margin:0; } div.clearWhite { font-size:1px; height:1px; clear:both; background:#fff; margin:0; } p.toTop { border-top:1px solid #86a7d2; margin:15px 15px 0 0; padding:15px 0 55px 0; } #content p { margin-top:0; margin-bottom:1em; } .img84 { margin-left:94px; clear:both; padding-bottom:10px; } img.img84 { float:left; border:none; margin-left:-94px; } hr { height:0px; width:100%; color:#86a7d2; } p.seeIndex { float:right; padding-bottom:20px; } p.right { float:right; } #sidebar h2.findoutTitle { font-size:1px; text-indent:-9999px; display:block; margin:0; width:180px; height:38px; background:url(/sharedassets/familyorg/images/backgrounds/findout_bg.gif) no-repeat; } /* Lifestage */ .lifestage { float:left; width:285px; margin-right:10px; margin-bottom:20px; } .lifestage img { float:left; } .lifestage .content { float:left; display:block; margin-left:10px; font-size:smaller; width:185px; } .lifestage h2 { font-size:8pt; margin:0; } .lifestage h2 a { color:#006782; } .lifestage p { padding:0; } .lifestage ul { padding:0; margin-left:2em; } .lifestage ul li a { color:#49352c; } .row { clear:both; } .ministry h2 a { color:#006782; } .ministry li a { color:#49352c; } /* Features in channel index sidebar */ #sidebar .features { margin:10px 10px 0 10px; } #sidebar .features .content { background:#fff; padding:2px 0; border:1px solid #49352c; color:#006782; } #sidebar .features .content a { color:#49352c; } #sidebar .spotlight .content { border-top:none; padding-top:4px; color:#006782; } #sidebar .spotlight h2 { margin-bottom:0; } #sidebar .features ul { margin:0; } ul { list-style-type:square; } /* Images*/ img { border:none; } img.left { float:left; margin-right:5px; } img.right { float:right; margin-left:5px; } img.center { display: block; margin-left: auto; margin-right: auto; } .spotlight img { margin-top:5px; } .footnoteRef { font-size:6pt; vertical-align:text-top; } .footnoteRef a { text-decoration:none; } h3.webRadio { font-size:1px; margin:0; } h3.webRadio a { display:block; width:126px; height:45px; font-size:1px; text-indent:-9999px; background:url(/sharedassets/familyorg/images/backgrounds/webradio.gif) 0 0 no-repeat; text-align:center; margin:5px 0 0 25px; } h3.webRadio a:hover { background:url(/sharedassets/familyorg/images/backgrounds/webradio.gif) 0 -45px no-repeat; } h3.webRadiolisten { font-size:1px; margin:0; } h3.webRadiolisten a { display:block; width:126px; height:45px; font-size:1px; text-indent:-9999px; background:url(/sharedassets/familyorg/images/backgrounds/webradiolisten.gif) 0 0 no-repeat; text-align:center; margin:5px 0 5px 40px; } h3.webRadiolisten a:hover { background:url(/sharedassets/familyorg/images/backgrounds/webradiolisten.gif) 0 -45px no-repeat; } li.mobile { background:url(/sharedassets/familyorg/images/backgrounds/mobileicon.gif) 100% 0 no-repeat; padding-right:12px; } dt { font-weight:bold; font-size:120%; padding-top:5px; }