/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// Layout ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body{background-color:#454545;font-family:Arial;font-size:10px;text-align:center;margin:0;}
#body_wrap{background-image:url(http://media.journalinteractive.com/designimages/1045thefox_background2.gif);background-position:center top;background-repeat:no-repeat;margin:0 auto;width:985px;background-color:#ffffff;}
#page_wrap{background-image:url(http://media.journalinteractive.com/designimages/1045thefox_page_background2.gif);background-repeat:repeat-y;width:960px; margin:0 auto;border:1px solid #ffffff;}
#header_wrap{border-bottom:1px solid #FFFFFF;height:274px;overflow:hidden;}
#top_bar .search_block{background:#E30D24 none repeat scroll 0 0;border-right:1px solid #FFFFFF;float:left;height:90px;width:221px;padding:0 5px;text-align:left;}
#logo_bar{clear:left;height:185px;overflow:hidden;}
#logo_bar .logo_block{background:#FFFFFF none repeat scroll 0 0;float:left;height:100%;width:403px;}
#logo_bar .logo_block img{border:none;}
#logo_bar .sponsor_block{background:#000000 none repeat scroll 0 0;color:#E30D24;float:right;height:100%;text-align:left;width:234px;}
#logo_bar .sponsor_block span{margin:5px;display:block;}
#logo_bar .sponsor_block img{border-style:solid;border-color: #ffffff;border-width:1px 0 0 0;}
#logo_bar .date_block{text-align:right;background:#ffffff;border-bottom:1px solid #E30D24;padding:5px;}
#logo_bar .date_block span{font-weight:bold;font-size:12px;}
#logo_bar .left_block{background:#FFFFFF none repeat scroll 0 0;float:left;height:185px;width:637px;}
#logo_bar .right_block{background:#E30D24 none repeat scroll 0 0;float:left;width:323px;}
#logo_bar .weather_block{background:#E30D24 none repeat scroll 0 0;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;float:left;width:160px;height:185px;text-align:left;}
#logo_bar .other_block{background:#000000 none repeat scroll 0 0;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;float:left;width:160px;height:185px;text-align:left;color:#ffffff;}

#col_wrap{height:100%;border-top:1px solid #000000;}
#col_wrap .col_1{width:186px;float:left;background:#E30D24;height:100%;text-align:left;}
#col_wrap .col_2{width:440px;float:left;background:#ffffff;height:100%;color:#000000;text-align:left;padding:5px;}
#col_wrap .col_2_wide{width:601px;float:left;background:#ffffff;height:100%;padding:5px;text-align:left;min-height:500px;}
#col_wrap .col_3{width:160px;float:left;background:#E30D24;height:100%;border-left:1px solid #ffffff;text-align:left;}
#col_wrap .col_4{width:160px;float:left;background:#000000;height:100%;border-left:1px solid #ffffff;text-align:left;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// Navigation ////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#leftNav{font-size:18px;margin:0;}
#leftNav ul{list-style-type:none;margin:0;padding:0;}
#leftNav ul li{font-weight:bold;margin:2px 0;position:relative;text-align:left;white-space:nowrap;padding:1px 1px 1px 5px;border-bottom:solid 1px #E30D24;border-top:solid 1px #E30D24;}
#leftNav a, #leftNav a:visited, #leftNav a:active, #leftNav a:hover{color:#FFFFFF;text-decoration:none;height:24px;width:186px;}
#leftNav li:hover{background:#000;border-bottom:solid 1px #fff;border-top:solid 1px #fff;margin:2px 0;}
#leftNav .subNav{display: none;clear: both;position: absolute;background-color: #000000;margin: 0px;padding: 0 5px 0 0;top: 0px;left: 187px;text-align: left;z-index: 100;}
#leftNav .subNav a, #leftNav .subNav a:visited, .subNav #leftNav a:active{color: #ffffff;}
#leftNav .subNav a.selected, #leftNav .subNav a:hover{color: #FFF;text-decoration: none;}
#leftNav .subNav li:hover{background:#E30D24;}
#leftNav .subNav ul{margin: 0px;padding: 0px;}
#leftNav .subNav ul li{background-image: none;background-color: #000000;border-bottom: solid 1px #E30D24;border-top: solid 1px #E30D24;float: none;height: 24px;list-style: none;margin: 0px;padding: 0px;white-space: nowrap;padding: 1px 1px 1px 5px;text-align: left;width: 100%;clear: both;text-transform: none;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// Global Styles ///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.clear_left{clear:left;height:0;}
.clear_right{clear:right;height:0;}
.clear_both{clear:both;height:0;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// Ad Styles ////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.col_4 .ad h4{display:none;}
#footer_wrap .ad h4{display:none;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// login bar /////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#login_bar_wrap{width: 960px;margin:0 auto;text-align:right;padding:5px;}
#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_wrap{border-top:1px solid #ffffff;}
#footer_wrap .logo_block{background:#ffffff;float:left;height:79px;width:186px;}
#footer_wrap .ad_block{background:#E30D24;float:left;height:79px;width:488px;}
#footer_wrap .ad_block img{margin:10px;}
#footer_wrap .index_block{background:#000000;float:left;height:79px;width:285px;border-left:1px solid #ffffff;}
#footer_wrap .index_block_content{text-align:left;font-size:10px;color:#ffffff;padding:0 5px;}
#footer_wrap .index_block_content a{color:#ffffff;}
#footer_wrap .index_block_drop{text-align:left;padding:5px;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// modules and headline lists /////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// leftcenter headline lists ///////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#leftCenter .topStoryTitle{font-size:14px;color:#000000;margin:0;padding:0;line-height:14px;}
#leftCenter .topStoryTitle a{color:#000000;}
#leftCenter .topStoryTitle a:hover{color:#000000;}
#leftCenter .topStoryImage{margin: 0 5px 5px 5px;}
#leftCenter .topStoryText{margin:0 0 5px 0;color:#000000;}
#leftCenter .freeform .title {font-size:30px;color:#999999;margin:0;padding:0;line-height:30px;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// rightcenter headline lists /////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#rightCenter .topStoryTitle{font-size:14px;color:#000000;margin:0;padding:0;line-height:14px;}
#rightCenter .topStoryTitle a{color:#000000;}
#rightCenter .topStoryTitle a:hover{color:#000000;}
#rightCenter .topStoryImage{margin: 0 5px 5px 5px;}
#rightCenter .topStoryText{margin:0 0 5px 0;color:#000000;}
#rightCenter .freeform .title {font-size:30px;color:#999999;margin:0;padding:0;line-height:30px;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// module wrappers ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#leftCenter .module{margin:0 0 10px 0;padding:5px;}
#rightCenter .module{margin:0 0 10px 0;padding:5px;}
#topCenter .module{margin:0 0 10px 0;padding:5px;}
.col_3 .module{margin:0 0 10px 0;padding:5px;}
#header_wrap .module{margin:0;padding:5px;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// module titles ////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.col_3 .freeform .title{font-size:30px;color:#ffffff;margin:0;padding:0;line-height:30px;}
.col_3 .latestPostTitle{font-size:30px;color:#ffffff;margin:0;padding:0;line-height:30px;}
#topCenter .freeform .title {font-size:30px;color:#000000;margin:0;padding:0;line-height:30px;}

.col_2 .freeform .title{font-size:30px;color:#000000;margin:0;padding:0;line-height:30px;}
.col_2 .latestPostTitle{font-size:30px;color:#000000;margin:0;padding:0;line-height:30px;}
#header_wrap .freeform .title{font-size:30px;color:#ffffff;margin:0;padding:0;line-height:30px;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// module content ////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.col_3 .poll_question{color:#4575FF;margin:0 0 5px 0;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// page general/global ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#topCenter .title{text-align:left;font-weight:bold;font-size:12px;padding:5px;border-bottom:1px solid #000000;}
.col_3 h1{font-size:30px;color:#ffffff;margin:0;padding:0;line-height:30px;}
.col_2 h1{font-size:30px;color:#000000;margin:0;padding:0;line-height:30px;}
#header_wrap h1{font-size:30px;color:#ffffff;margin:0;padding:0;line-height:30px;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// center column /////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.col_2 a{color:#002690;}
.col_2 a:hover{color:#C7131F;}
.col_2_wide a{color:#002690;}
.col_2_wide a:hover{color:#C7131F;}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// right column /////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.col_3 .content{color:#ffffff;}
.col_3 p{margin:0;padding:0;}
.col_3 a{color:#ffffff;}
.col_3 a:hover{color:#C7131F;}
.col_3 ul{padding:15px;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// 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:30px;color:#000000;margin:0;padding:0;line-height:30px;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// photo gallery ///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.thumb_container{float:left;width:136px;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;}
#postList h2 {margin-bottom:8px;}
#postList .byline{color:#555555;margin-bottom:3px;}
#postList .byline,#postList .teaser,#postList .postBody{font-size:12px;}

#comments .commentBar{border-top:1px dotted #e3e3e3;padding:10px 0;border-bottom:1px solid #e3e3e3;}
.blogArchiveBar{margin:10px 0;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
////////////// weather //////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#weatherContent div,#weatherContent td,#weatherContent a,#weatherContent span,#weatherContent form.th {font-family:arial,helvetica,sans-serif;padding:0;margin:0;font-size:9pt;}
#weatherContent .label{font-weight:bold;}
#weatherContent .value{font-size:10pt;}
#weatherContent .low{color:blue;}
#weatherContent .high{color:red;}
#weatherContent .title{font-size:11pt;color:#44a;border-bottom:2px solid #aaa;font-weight:bold;margin:8px 0 8px 0;}
#weatherContent #ppm{width:600px;clear:both;margin:12px 0 12px 0;}
#weatherContent #maintitle .label{font-size:16pt;color:#44a;margin-bottom:8px;clear:both;}
#weatherContent #cc{width:220px;margin-right:28px;float:left;margin-bottom:16px;}
#weatherContent #cc .line{padding-top:6px; border-bottom:1px dotted #ddd;height:16px;}
#weatherContent #cc .label{text-align:left;float:left;font-weight:normal;}
#weatherContent #cc .value{text-align:right;float:right;font-weight:bold;}
#weatherContent #cc .mediumvalue{text-align:left;font-weight:bold;font-size:12pt;margin-top:8px;}

#weatherContent #ss {background-color:#efefdf}

#weatherContent #day{width:600px;clear:both;font-size:7pt;}

#weatherContent #zone {clear:both;}
#weatherContent #zone .period {margin-top:8px;}
 
#weatherContent .cell {float:left;width:84px;text-align:center;background-color:#efefdf;height:140px;margin-right:1px;}
#weatherContent .cell .day,#weatherContent .label,.high,.low {font-weight:normal;font-size:11px;}
#weatherContent .cell .day { padding:2px 0 2px 0;background-color:#dfdfcf;font-weight:bold;}
#weatherContent .cell .high{clear:both;}

#weatherContent #imgs {width:350px;float:left;margin-top:24px;}
#weatherContent .img {width:175px;text-align:center;float:left;}
#weatherContent #maplist{width:350px;text-align:center;margin:8px 0 8px 0;float:left;}
#weatherContent #daypart{width:350px;float:left;}
#weatherContent #daypart #dayparticon{float:left;width:58px;}
#weatherContent #daypart .line{padding-top:6px; border-bottom:1px dotted #ddd;height:16px;width:300px;}
#weatherContent #daypart .label{text-align:left;float:left;font-weight:normal;}
#weatherContent #daypart .value{text-align:right;float:right;font-weight:bold;}
#weatherContent #daypart .statement{margin-top:8px;}

#weatherContent th.mywx-Data {font-size:8pt;text-align:left;}
#weatherContent th.mywx-Label {font-size:8pt;text-align:left;}
#weatherContent td.mywx-Data0,.mywx-Label0{background-color:#efe;}
#weatherContent table.mywx-LocationSet{width:100%;}

#weatherContent #searchbox {width:600px;clear:both;}
#weatherContent #searchform {background-color:#ededed;padding:16px;height:50px;}
#weatherContent #searchform div.form{width:130px;float:left;}	

#weatherContent #links {width:600px;clear:both;padding:4px;background-color:#44a;margin:6px 0 6px 0;height:18px}
#weatherContent #links a,#weatherContent a.visited{color:#fff;font-weight:bold;}
#weatherContent #links .link {width:150px;float:left;}

#weatherContent .issue{font-size:7pt;color:#888;}

#col_wrap {background-color:#e30d24;}


#topCenter .footer{display:none;}
.headlineTable{background-color:white;}
.headlineTable, div.topHeaderItemList{}

.headlineTable .topStoryImage{margin:5px 5px 15px 5px;}

.headlineTable .topHeaderItemList{padding:5px;}

.headlineTable .topStoryTitle{font-weight:bold;margin-top:5px;margin-bottom:5px;}

.headlineTable .topStoryText{margin-bottom:10px;}

#centerContent .body{width:585px}

.storyContainer{padding:5px;}

#top_bar .ad_block{float:right;width:728px;height:90px;}

#primaryGallery 
{
background-color:black;
padding:5px;
float:left;
margin-bottom:10px;
}
#primaryGallery .scrollerImage
{
height:180px;
overflow:hidden;

}

#primaryGallery h2
{
color:white;
font-size:22px;
float:left;
margin:0px;
padding:0px;

}

#primaryGallery .controller
{
float:right;
margin-top:5px;
}
#primaryGallery .controller a
{
width: 10px; height: 10px; background-color: silver; display: block; float: left;margin-right:5px;
text-decoration:none;
}

.searchResult{clear:both;margin-bottom:10px;padding-left:10px;}
.searchResult .resultThumbnail{float:left;margin-right:10px;margin-bottom:10px;}
.searchResult a{color:maroon;font-weight:bold;text-decoration:none;}
.searchResult a:hover{color:black;text-decoration:underline;}

.weather_block{color:white;font-size:12px;padding:0px;}
.weather_block a{color:white;}
.thumbnailCell{width:70px;}

.mainCalendar td, .mainCalendar th{font-size:12px;}
.mainCalendar .calendarDate{width:80px;}
.mainCalendar .calendarTime{width:80px;}
.mainCalendar .calendarTitle{width:220px;}
.mainCalendar .calendarVenue{width:200px;}

#col_wrap p.poll_question{color:white;font-size:12px;}

.col_3 .module{border-top:2px solid white;}

#images_container .thumb_container{width:180px;}
#images_container .single_container{width:580px;}
#images_container{width:570px;margin-left:auto;margin-right:auto;}
#images_container .single_container img.single{margin-left:auto;margin-right:auto;}
#images_container .single_wrap{text-align:center;}
