body, table, tbody, th, td, p, div, span { font-size: 11px; font-family: arial; } /* Spacers ========================================================================================================================= */ .spacer0p { margin-top: 0px; } .spacer1p { margin-top: 1px; } .spacer2p { margin-top: 2px; } .spacer3p { margin-top: 3px; } .spacer4p { margin-top: 4px; } .spacer5p { margin-top: 5px; } .spacer6p { margin-top: 6px; } .spacer7p { margin-top: 7px; } .spacer8p { margin-top: 8px; } .spacer9p { margin-top: 9px; } .spacer10p { margin-top: 10px; } .spacer12p { margin-top: 12px; } .spacer14p { margin-top: 14px; } .spacer16p { margin-top: 16px; } .spacer18p { margin-top: 18px; } .spacer20p { margin-top: 20px; } .spacer24p { margin-top: 24px; } .spacer30p { margin-top: 30px; } .spacer { width: 1px; line-height: 1px; font-size: 1px; margin: 0; } .footerSection { font: 10px arial; color: #9E9E9E; } a.footer:link { color: #9E9E9E; text-decoration: none; } a.footer:active { color: #9E9E9E; text-decoration: none; } a.footer:visited { color: #9E9E9E; text-decoration: none; } a.footer:hover { color: #F1A355; text-decoration: underline; } a:link { color: #666666; text-decoration: underline; } a:active { color: #666666; text-decoration: underline; } a:visited { color: #666666; text-decoration: underline; } a:hover { color: #F1A355; text-decoration: underline; } /* Page layout ========================================================================================================================= */ #pageRoot { padding: 0 0 7px 0; background-color: #ffffff; } #bannerArea { border: 0; padding: 0; width: 100%; background-color: #dddddd; } #contentArea { width: 100%; padding-top: 10px; text-align: center; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/bg_gradient.gif ); background-repeat: repeat-x; } #mainContainer { border: 0; background-color: #ffffff; width: 770px; } #mainContainer_wide { border: 0; background-color: #ffffff; width: 1000px; } #contentWindow { border: 0; background-color: #ffffff; margin-bottom: 29px; width: 754px; } #contentWindow_wide { border: 0; background-color: #ffffff; margin-bottom: 29px; width: 984px; } #withinBordersArea { vertical-align: top; width: 754px; } #withinBordersArea_wide { vertical-align: top; width: 984px; } #belowNavArea { width: 754px; } #belowNavArea_wide { width: 984px; } /* we use logoSpacer due to the funny business with cross browser definitions of width + padding (box model hack) */ #logoSpacer { width: 30px; height: 1px; float: left; } #headerLogo { width: 271px; text-align: left; vertical-align: top; padding: 8px 0 10px 0; } #headerRightSection { width: 483px; text-align: right; vertical-align: top; padding: 0; font-size: 1px; } #headerRightSection_wide { width: 713px; text-align: right; vertical-align: top; padding: 0; font-size: 1px; } #headerLinks { padding: 0 20px 0 0; font-size: 1px; width: 260px; } #headerLinks a:link { font: bold 12px arial; color:#92b405; text-decoration: none; } #headerLinks a:visited { font: bold 12px arial; color:#92b405; text-decoration: none; } #headerLinks a:active { font: bold 12px arial; color:#92b405; text-decoration: none; } #headerLinks a:hover { color:#a8d216; text-decoration: underline; } #searchSectionLeft { float: left; width: 408px; text-align: right; padding: 13px 0 0 0; } #searchSectionLeft_wide { float: left; width: 638px; text-align: right; padding: 13px 0 0 0; } #searchSectionRight { float: left; margin: 0 0 0 4px; text-align: left; padding: 10px 0 0 0; } #searchSubmit { border: 0; } #searchBox { width: 141px; border: 1px solid #fa9932; font: 12px arial; padding-left: 2px; } #contentBody { width: 754px; margin: 2px 0 0 0; text-align: left; } #contentBody_wide { width: 984px; margin: 2px 0 0 0; text-align: left; } #sweepsContent { width: 390px; margin: 2px 5px 5px 2px; text-align: left; vertical-align: top;} #topShadow { width: 770px; height: 10px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/bg_top-shadow.jpg ); background-repeat: no-repeat; background-position: 0px 0px; } #topShadow_wide { width: 1000px; height: 10px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/bg_top-shadow_wide.jpg ); background-repeat: no-repeat; background-position: 0px 0px; } #leftShadow { width: 8px; background-repeat: repeat-y; background-position: 0px 0px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/lf_grad2.jpg ); } #rightShadow { width: 8px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/rt_grad2.jpg ); background-repeat: repeat-y; background-position: 0px 0px; } #bottomShadow { width: 770px; height: 20px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/btm.jpg ); background-repeat: no-repeat; background-position: 0px 0px; } #bottomShadow_wide { width: 1000px; height: 20px; background-image: url( https://global.go.com/secure/familyfun/Resources/familyfun2005/btm_wide.jpg ); background-repeat: no-repeat; background-position: 0px 0px; } .shadowBar { width: 8px; height: 188px; border: 0; } /* Utilities ========================================================================================================================= */ .horizontalDottedLine { background-repeat: no-repeat; background-image: url( http://familyfun.go.com/Resources/familyfun2005/images/COMMON/hor_dotted_line.gif ); width: 360px; height: 1px; margin: 10px 0 10px 0; font-size: 1px; } .nobold { font-weight: normal; } /* Corrections (to make sure certain tags don't look drastically different between browsers) ========================================================================================================================= */ p { margin-top: 11px; margin-bottom: 11px; clear: left; } /* since we're using the float (CSS layouts), certain HTML code (untouchable by us) doesn't fully break - we use clear: left to force newlines for tags like

*/ #centeringContainer table { text-align: left; } /* this is for old content that we want centered (but not with centered content - IE problem); examples are the Default template in PM and all the old tools (pet name finder, baby name finder, etc.) */ form { margin: 0 } #rightColumn table { clear: left; margin: 0 } /* this is for the Seattle ADs being served in. Hopefully this is a temporary fix since currently it doesn't solve the problem in Mac IE */ #rightColumn iframe { clear: left; } /* Mac IE */ #rightColumn_landing table { clear: left; margin: 0 } /* [THRILLSEEKER LANDING] this is for the Seattle ADs being served in. Hopefully this is a temporary fix since currently it doesn't solve the problem in Mac IE */ #rightColumn_landing iframe { clear: left; } /* [THRILLSEEKER LANDING] Mac IE */ #rightColumn_300 table { clear: left; margin: 0 } /* [Default_300 layout in PM] this is for the Seattle ADs being served in. Hopefully this is a temporary fix since currently it doesn't solve the problem in Mac IE */ #rightColumn_300 iframe { clear: left; } /* [Default_300 layout in PM] Mac IE */ #rightColumn_300_P2only table { clear: left; margin: 0 } /* [Default_300_P2only layout in PM] this is for the Seattle ADs being served in. Hopefully this is a temporary fix since currently it doesn't solve the problem in Mac IE */ #rightColumn_300_P2only iframe { clear: left; } /* [Default_300_P2only layout in PM] Mac IE */ /* Gutter / Cliffhanger AD (in case of AD inventory crisis) ========================================================================================================================= */ #pageHolder { width: 770px; } #borderedContent { float: left; width: 770px; } #cliffhangerOuterContainer { float: left; position: relative; } #cliffhangerInnerContainer { width: 180px; position: absolute; top: -118px; background-image: url( http://familyfun.go.com/Resources/familyfun2005/images/global/bg_gradient.gif ); background-repeat: repeat-x; background-position: 0 118px; } #cliffhangerTopSpacer { background-color: #dddddd; width: 180px; height: 118px; }