/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// Layout //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ body{font-family: Arial, Verdana, Helvetica, sans-serif;background-image: url("http://media.journalinteractive.com/designimages/KFDI_body_bg.gif");margin:0;padding:0; font-size:11px; color:#000000;} #banner{margin:0 auto;padding:0;height:121px;width:955px;background-image: url("http://media.journalinteractive.com/designimages/KFDI_banner_bg2.gif");background-repeat:no-repeat; background-position:top;/*overflow:hidden;*/} #container_wrap{width:955px;margin:0 auto 0 auto;background-image:url(http://media.journalinteractive.com/designimages/KFDI_container_wrap_bg.gif);background-repeat:repeat-y;} #left_container{float:left;width:771px;margin:0;padding:0;} #header{height:166px;} #header a{display:block;width:771px;height:166px;} #header a span{display:none;} #column_wrap{} #left_column{background-image:url(http://media.journalinteractive.com/designimages/KFDI_left_column_bg.gif);background-position:left bottom;background-repeat:repeat-y;width:145px;height:600px;float:left;} #left_column_top{width:145px;background-image:url(http://media.journalinteractive.com/designimages/KFDI_left_column_top_bg.gif);height:15px;} #left_column_content{background-image:url(http://media.journalinteractive.com/designimages/KFDI_left_column_middle_bg.gif);background-repeat: repeat-y;} #left_column_bottom{width:145px;background-image:url(http://media.journalinteractive.com/designimages/KFDI_left_column_bottom_bg.gif);background-repeat:no-repeat;height:68px;} #center_column{float:left;width:475px;background-image:url(http://media.journalinteractive.com/designimages/KFDI_center_column_top_bg.gif);background-repeat:no-repeat;background-position:top;} #center_column_content{padding:15px 15px 0 15px;} #leftCenter{margin: 0 5px 0 0; width: 210px; float: left;background:#002690;} #rightCenter{margin: 0 0 0 5px; width: 210px; float: left;background:#c7131f;} #bottomCenter{clear:both;} #right_column{width:151px;float:left;} #right_column_top{background-image:url(http://media.journalinteractive.com/designimages/KFDI_right_column_sponsors_top_bg.gif);height:5px;} #right_column_content{padding:0 10px;overflow:hidden;text-align:center;} #right_container{float:left;width:184px;margin:0;padding:0;overflow:hidden;} #top_slot_content{background-image:url(http://media.journalinteractive.com/designimages/KFDI_top_slot_middle_bg.gif);overflow:hidden;text-align:center;} #top_slot_bottom{background-image:url(http://media.journalinteractive.com/designimages/KFDI_top_slot_bottom_bg.gif);background-repeat:no-repeat;height:100px;} #footer{background:url(http://media.journalinteractive.com/designimages/KFDI_footer_bg2.gif) no-repeat;height:245px;margin:0 auto;width:955px;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// Navigation //////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #nav{color:#000000;margin:0 0 0 15px;width: 125px;font-size:11px;text-transform: uppercase;} #nav ul{margin: 0;padding: 0;list-style: none;} #nav ul li{position: relative;} #nav ul li a{display: block;text-decoration: none;padding:0;} #nav ul li a:hover{color: #ffffff;} #nav li ul li a{padding:0;} #nav .tier_2 li{padding:1px 5px;} #nav a.tier_1{border-bottom:2px solid #ffffff;color:#ffd200;font-weight:bold;background-image:url(http://media.journalinteractive.com/designimages/KFDI_nav_tier_1_bg.gif);background-repeat:no-repeat;padding:2px 0 2px 20px;margin:0;} #nav .tier_2 a:hover{color:#ffd200;font-weight:bold;} #nav .tier_2 a{color:#ffffff;font-weight:bold;} #nav ul.tier_2{width: 140px;} #nav ul.tier_3{width: 140px;} #nav li .tier_2{position: absolute;left: 120px;top: 0;display: none;background:#76020a;border:1px solid #ff0000;z-index:6;} #nav li .tier_3{position: absolute;left: 85px;top: 5px;display: none;background:#76020a;border:1px solid #ff0000;z-index:7;} #nav li:hover .tier_2, #nav li.hover .tier_2 {display: block;} #nav .tier_2 li:hover .tier_3, #nav .tier_2 li.hover .tier_3 {display: block;} /* Fix IE. Hide from IE Mac \*/ * html #nav ul li { float: left; height: 1%; } * html #nav ul li a { height: 1%; } /* End */ /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// Global Styles /////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ .clear_left{clear:left;height:0;} .clear_right{clear:right;height:0;} .clear_both{clear:both;height:0;} .page_title{margin:45px 0 0 10px;color:#FFD200;font-size:14px;font-style:italic;font-weight:bold;line-height:14px;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// Ad Styles //////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #right_column .ad br{display:none;} #right_column .ad{margin:0 0 10px 0;} #top_slot_content .ad h4{display:none;} #banner .ad{margin:25px 10px 0 15px;} /* begin fix for words ad choices placed above the leaderboard ads it pushes them down so the bottom isn't visible" */ #banner .ad { margin-top: 15px; } /* #banner .can_ad_slug { margin: 1px 2px -15px 1px !important; position: relative; } */ /* end fix */ /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// login bar ///////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #login_bar_wrap{margin: 0;padding: 3px;width: 550px;margin:auto;} #login_bar_wrap .login_bar ul{margin: 0;padding: 0;float:right;} #login_bar_wrap .login_bar li{display: inline;float: left;} #login_bar_wrap li a{color:#FFF;background: transparent url(http://media.jsonline.com/designimages/login_bar_divider_white.gif) no-repeat scroll 0 50%; padding: 0 10px;} #login_bar_wrap li a.first{color: #FFF; border: none; padding: 0 10px;display: block;background: none;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// footer ////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #footer .footerSiteIndex{margin-bottom:15px;margin-left:190px;margin-right:0;margin-top:145px;width:245px;} #footer #footer_content {color:#FFFFFF;margin:0;text-align:center;width:850px;} #footer #footer_content a{color:#FFFFFF !important;} #footer #footer_content a:active{color:#FFFFFF !important;} #footer #footer_content a:selected{color:#FFFFFF !important;} /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// modules and headline lists ///////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// leftcenter headline lists /////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #leftCenter .topStoryTitle{font-weight:bold;color:#FFD200;margin:0 0 5px 5px;} #leftCenter .topStoryTitle a{color:#FFD200;} #leftCenter .topStoryTitle a:hover{color:#ffffff;} #leftCenter .topStoryImage{margin: 0 5px 5px 5px;} #leftCenter .topStoryText{margin:0 0 5px 0;color:#ffffff;} #leftCenter .freeform .title {font-size:16px;font-style:italic;font-weight:bold;margin:5px;color:#FFD200;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// rightcenter headline lists ///////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #rightCenter .topStoryTitle{font-weight:bold;color:#FFD200;margin:0 0 5px 5px;} #rightCenter .topStoryTitle a{color:#FFD200;} #rightCenter .topStoryTitle a:hover{color:#ffffff;} #rightCenter .topStoryImage{margin: 0 5px 5px 5px;} #rightCenter .topStoryText{margin:0 0 5px 0;color:#ffffff;} #rightCenter .freeform .title {font-size:16px;font-style:italic;font-weight:bold;margin:5px;color:#FFD200;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// module wrappers //////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #leftCenter .module{margin:0 0 10px 0;} #rightCenter .module{margin:0 0 10px 0;} #topCenter .module{margin:0 0 10px 0;} #right_column .module{margin:0 0 10px 0;} #left_column .module{margin:10px 0 0px 0;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// right column inverted wrapper //////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #right_column_inverted_top{background-image:url(http://media.journalinteractive.com/designimages/right_column_sponsors_bottom_bg.gif);height:14px;} #right_column_inverted_content{background-image:url(http://media.journalinteractive.com/designimages/KFDI_right_column_login_content_bg.gif);background-repeat:repeat-y;padding:10px;text-align:center;} #right_column_inverted_bottom{background-image:url(http://media.journalinteractive.com/designimages/KFDI_right_column_login_bottom_bg.gif);background-repeat:no-repeat;height:14px;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// module titles //////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #right_column .freeform .title,#left_column .freeform .title{font-weight:bold;font-style:italic;font-size:12px;color:#FFD200;margin:5px 0;} #right_column .latestPostTitle{font-weight:bold;font-style:italic;font-size:12px;color:#FFD200;margin:5px 0;} #topCenter .freeform .title {font-size:16px;font-style:italic;font-weight:bold;margin:5px 0;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// module content //////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ .poll_question{color:#4575FF;margin:0 0 5px 0;} #left_column .module{margin-left:20px;} /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// page general/global //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// center column ///////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #center_column_content a{color:#002690;} #center_column_content a:hover{color:#C7131F;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// right column ///////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #right_column .content{color:#ffffff;} #right_column p{margin:0;padding:0;} #right_column a{color:#ffffff;} #right_column a:hover{color:#C7131F;} #right_column ul{padding:15px;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// left column ///////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #left_column .content{color:#ffffff;} #left_column p{margin:0;padding:0;} #left_column a{color:#ffffff;} #left_column a:hover{color:#C7131F;} /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// page specific ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// event /////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ .event {} .event td{ vertical-align:top;padding-bottom:5px;} .event .label{font-weight:bold;width:100px;} .event .header{font-weight:bold;font-size:larger;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// calendar ////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ .mainCalendar{background-color:White;} .mainCalendar th{width:62px;padding:2px;background-color:#666666;} .mainCalendar th,.mainCalendar td{border:1px solid black;} .mainCalendar td{height:60px; vertical-align:top;font-size:9px;} .mainCalendar .dow{text-align:center;border-bottom:dotted 1px #333333;background-color:#CECECE;} .mainCalendar .otherMonth{background-color:#CECECE;height:18px;} .mainCalendar .currentDate{background-color: #002690;color:White;} .mainCalendar .footer{height:18px;border:0 solid black;} .mainCalendar .footerPrev{height:18px;border:0 solid black; text-align:left;} .mainCalendar .footerNext{height:18px;border:0 solid black; text-align:right;} .mainCalendar .footerCurrent{height:18px;border:0 solid black; text-align:center;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// recipe ////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ .recipeName{font-size:16px;font-style:italic;font-weight:bold;margin:5px 0;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// photo gallery /////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ .thumb_container{float:left;width:138px;overflow:hidden;text-align:center;margin:5px;} .thumb_container img{width:auto;border:0;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////// blog post ///////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #postList .post .comment{margin:0 0 20px 0;} #postList .comment .byline{background:#efefef;padding:5px;} #postList .comment .commentBody{padding:10px;} #comments .commentBar{border-top:1px dotted #e3e3e3;padding:10px 0;border-bottom:1px solid #e3e3e3;} .topHeaderItemList td{padding-bottom:15px;} .topHeaderItemList td.thumbnailCell{padding-right:10px;} .topStoryTitle{font-weight:bold;font-size:14px;} #bottomCenter{padding-top:10px;} #bottomCenter .storyContainer{width:210px;float:left;margin-bottom:10px;min-height:120px;} #bottomCenter .storyContainer .topStoryTitle{font-weight:bold;font-size:13px;margin-bottom:3px;} #bottomCenter .storyContainer .topStoryImage{float:left;margin-right:5px;} #bottomCenter .storyContainer .topStoryText{width:120px;margin-bottom:10px;float:left} #bottomCenter .module .title{font-size:16px;font-weight:bold;} #right_column #right_column_content h6{font-size:13px;text-align:left;margin:0px;color:yellow;text-transform:uppercase;padding-left:5px;font-family:arial black, verdana;font-style:italic;} table.mainCalendar{width:100%;} table.mainCalendar td, table.mainCalendar th{font-size:12px;padding:3px 2px 3px 2px} #right_container .ad{margin-bottom:5px;margin-top:5px;} #postList .post { font-size:12px; } .teaser { margin-bottom:10px; } .podcastRow{margin-bottom:15px;clear:both;} .podcastTitle{font-size:14pt;font-weight:bold;} .rssTrans img{border:0px;float:right;} .newsactionbar{margin-bottom:5px;} #center_column_content .newsactionbar a.newsactionbarlinks{color:maroon;padding-right:10px;} .podcastImage{float:left;padding:5px 10px 15px 0px } .podcastDownload{text-align:right;} .podcastPostDate{color:maroon;} /* RECENT BLOG POST STYLES */ .recentPostThumb { float: left; width: 75px; padding: 0 5px; height: 75px;} .clear { clear: both; } .latestPostBack .clear { height: 10px; } .recentPostText {} .recentPostTitle {font-weight: bold;}