body {
background: #fff;
font-size: 75%;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
border-top: 24px solid #D90000;
}

body {
background: #fff url(../img/hdr-rep.gif) repeat-x top; 
}


html>body {
line-height: 12px;
}

* {
margin: 0;
padding: 0;
}

.sm {
font-size: 10px;
}

.center {
text-align: center;
}

#wrap {
background: transparent url(../img/hdr-rep.gif) repeat-x top left;
}

#wrap-inner {
width: 960px;
margin: 0 auto;
}

#content ul {
list-style: none;
margin: 0 10px;
padding: 0;
}

.chunk {
float: left;
width: 100%;
margin: 0 0 32px 0;
}

.chunk div.nb-list {
float: left;
width: 320px;
margin: 0;
padding: 0;
}

.four div.nb-list {
width: 240px;
}

.two div.nb-list {
width: 480px;
}

.chunk h3 {
margin: 0 10px;
}

.chunk h3 img {
display: none;
}


a:link,
h3 a:visited {
text-decoration: none;
color: #0a3237;
}

a:visited {
color: #999;
text-decoration: none;
}



/*
--------------------------------------------------------------------------------------- NAV BAR
*/

div#navbar {
background: #d90000 url(../img/topnav-rep.gif) repeat-x bottom left;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
color: #ccc;
height: 26px;
}

div#navbar div.navbar-inner {
width: 940px;
margin: 0 auto;
}

div#navbar ul {
list-style: none;
margin: 0;
padding: 0;
border-right: 1px solid #a20303;
border-left: 1px solid #e86666;
height: 24px;
float: left;
}

div#navbar ul li {
float: left;
position: relative;
}

div#navbar ul li.sm-logo span {
display: block; 
height: 24px;
width: 50px;
border-left: 1px solid #a20303;
border-right: 1px solid #e86666;
overflow: hidden;
background: transparent url(../img/nav-logo.gif) no-repeat top left;
text-indent: -2000px;
}

div#navbar ul li a {
display: block;
float: left;
color: #fff;
font-weight: bold;
font-size: 11px;
padding: 6px 8px;
border-left: 1px solid #a20303;
border-right: 1px solid #e86666;
}

div#navbar ul li a:hover {
background: #a10807;
}

div#navbar ul li.on a {
background: #000;
color: #fff;
}

div#navbar ul li img {
display: none;
}


div#navbar ul li.on img {
display: block;
position: absolute;
bottom: -6px;
left: 3px;
}

div#navbar ul li ul {
display: none;
width: 150px;
position: absolute;
left: 0;
bottom: 32px;
background: #ccc;
}

div#navbar ul li:hover ul {
display: block; 
}

div#navbar ul li ul li {
float: none;
display: block;
clear: left;
}

div#navbar ul li ul li a {
float: none;
display: block;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #666;
border-top: 1px solid #f1f1f1;
}

div#navbar ul li.like {
border-left: 1px solid #a20303;
border-right: 1px solid #e86666;
height: 24px;
padding: 0 10px;
}


div.fb-like {
width: 90px;
margin: 2px auto 0 auto;
overflow: hidden;
}

/*
--------------------------------------------------------------------------------------- LOADING
*/
img.loader {
position: absolute;
right: 10px;
top: 4px;
}

/*
--------------------------------------------------------------------------------------- HEADER + PAGE BG
*/


div.hdr h1 {
background: transparent url(../img/knf-logo.gif) no-repeat top left;
}


/*
--------------------------------------------------------------------------------------- HEADER
*/

div.hdr {
position: relative;
height: 70px;
}

div.hdr h1 {
height: 70px;
width: 300px;
margin: 0;
padding: 0;
text-indent: -20000px;
overflow: hidden;
background: transparent url(../img/logo.gif) no-repeat top left;
}

div.hdr div.topnav {
position: absolute;
right: 0;
display: none;
}




/*
--------------------------------------------------------------------------------------- TICKER WRAP
*/

div.ticker-wrap {
width: 100%;
float: left;
height: 28px;
}

div.ticker-wrap div.title {
width: 149px;
float: left;
height: 26px;
}

div.ticker-wrap div.title span {
padding: 6px 10px 0 0;
text-align: right;
display: block;
font-size: 12px;
font-weight: bold;
}

div.ticker-wrap div.ticker-module {
width: 724px;
float: left;
height: 28px;
}

div.ticker-wrap div.ticker-module h3 {
display: none;
}

div.ticker-wrap div.ticker-module div.nb-list {
width: 549px;
overflow: hidden;
height: 26px;
position:relative;
}

div.ticker-wrap div.ticker-module div.nb-list ul {
overflow: hidden;
height: 26px;
list-style: none;
margin: 0;
padding: 0 10px;
}

div.ticker-wrap div.ticker-module div.nb-list ul li {
border-bottom: none;
}

div.ticker-module div.nb-list ul li a {
display: block;
padding: 5px 0;
border-bottom: none;
font-size: 14px;
font-weight: bold;
}

div.ticker-module div.nb-list ul li img.new {
display: none;
}

div.ticker-module div.nb-list ul li.image {
background: none;
padding-left: 0;
}

div.ticker-module div.nb-list ul li.enclosure a {
padding-left: 0 !important;
}

div.ticker-wrap div.date {
float: left;
font-size: 12px;
font-weight: bold;
width: 170px;
background: transparent url(../img/ticker-vline.gif) no-repeat top right;
height: 28px;
}

div.ticker-wrap div.date div.pad {
padding: 6px 0 0 0;
text-align: center;
}

div.fb {
position: fixed;
bottom: -1px;
right: -1px;
z-index: 99999;
}

div.fb a {
display: block;
padding: 0;
height: 26px;
width: 85px;
background: transparent url(../img/fb-fanpage.gif) no-repeat top left;
text-indent: -2000px;
border: 1px solid #ccc;
}

div.ticker-wrap div.title {
background: transparent url(../img/knf-tickertitle.gif) no-repeat top left;
}

div.ticker-wrap div.title span {
color: #d90000;
}

div.ticker-wrap div.ticker-module {
background: transparent url(../img/knf-tickerbg.gif) no-repeat top left;
}

div.ticker-module div.nb-list ul li a {
background: #fff;
}

div.ticker-module div.nb-list ul li a:hover {
background: transparent;
}

/*
--------------------------------------------------------------------------------------- WEATHER
*/
div.weather {
	border: none;
	margin: 0;
	padding:0;
	position: absolute;
	right: 10px;
	top: 15px;
}

div.weather li {
	border-bottom: 0;
	display: inline;
	float: left;
	margin-left: 20px;
}

div.weather li h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div.weather li p {
	padding-left: 35px;
	font-size: 11px;
	line-height: 14px;
}

div.weather li p span.curr-hl {
font-size: 10px;
color: #666;
}

div.weather p.viewfull {
	clear: left;
	text-align: right;
	padding-top: 3px;
	font-size: 9px;
	padding-bottom: 0;
}

div.weather p.viewfull a {
	font-size: 11px;
}

/*
--------------------------------------------------------------------------------------- CONTENT AREA
*/
#content {
margin-top: 24px;
float: left;
width: 100%;
min-height: 200px;
position: relative;
}


h2.page-title {
font-size: 26px;
line-height: 32px;
background: #f1f1f1;
margin: 8px 10px 24px 10px;
clear: left;
}

h2.page-title span {
background: #fff;
padding: 4px 10px 4px 0;
color: #000;
}


h3 {
font-size: 16px;
line-height: 1em;
padding: 8px 0 7px 0;
border-bottom: 1px solid #ccc;
}

h3 a {
text-decoration: none;
}

h2.maintitle {
font-size: 20px;
line-height: 32px;
background: #f1f1f1;
margin: 0 10px 16px 10px;
clear: left;
}

h2.darktitle {
background: #000;
}

h2.maintitle span {
background: #fff;
padding: 4px 10px 4px 0;
}

p.instructions {
padding: 0 10px;
font-size: 11px;
color: #666;
position: relative;
top: -8px;
}

div.nb-list li a,
div.q_block div.q_secondary ul li a {
display: block;
font-size: 1em;
line-height: 1.333em;
padding: 4px 15px 3px 0;
margin: 0;
position: relative;
border-bottom: 1px solid #ccc;
min-height: 16px;
}

div.nb-list li img.new {
position: absolute;
right: 0;
top: 3px;
}

div.nb-list li a:hover,
div.q_block div.q_secondary ul li a:hover {
background: #f1f1f1;
}

p.more {
margin: 0 10px;
font-size: 1em;
line-height: 16px;
text-align: right;
}

p.more a:link,
p.more a:visited {
background: transparent url(../img/morearrow.gif) no-repeat right;
font-size: 11px;
padding-right: 10px;
text-transform: uppercase;
font-weight: bold;
color: #3D4B55;
}

/*
--------------------------------------------------------------------------------------- WIDE LISTS WITH THUMBS
*/

.nb-wide {
float: left;
width: 100%;
height: 80px;
}

.nb-wide h3 {
display: none;
}

.nb-wide li {
float: left;
}

.nb-wide li a {
display:block;
font-size:9px;
height:65px;
margin:5px 11px 5px 0;
overflow:hidden;
padding:3px;
width:87px;
}

div.nb-wide li a img {
height:65px;
width:87px;
}


/*
--------------------------------------------------------------------------------------- INLINE LISTS
*/

div.inline div.nb-list {
width: 100%;
}

div.inline div.nb-list ul li {
display: inline;
line-height: 150%;
}

div.inline div.nb-list ul li img {
display: none;
}

div.inline div.nb-list ul li a {
display: inline;
margin: 5px 10px 0 0;
padding: 0 10px 0 0;
border-bottom: none;
font-weight: bold;
line-height: 25px;
}

div.inline h3,
div.inline h2 {
border-bottom: none;
}

/*
--------------------------------------------------------------------------------------- FUNNIES
*/

#content div.funnies ul.funnies-list {
margin: 0;
}

div.funnies ul li {
width: 320px;
float: left;
}

div.funnies div.comicwrap,
div.funnies div.sudokuwrap,
div.funnies div.horowrap {
background: #fff;
height: 300px;
margin: 0 10px;
}

div.funnies div.comicwrap a {
font-size: 10px;
color: #999;
text-decoration: none;
text-align: center;
}

div.funnies ul li.comic img {
width: 297px !important;
padding-top: 20px;
}

div.funnies ul li.horoscope div {
}

div.funnies ul li table#sudoku_table,
div.funnies ul li table#solution {
margin: 0 auto;
width: 224px;
}

/*
--------------------------------------------------------------------------------------- SPORTS
*/

div.nb-list div.scores {
width: 280px;
margin: 0 auto;
}

div.eagles div.nb-list h3 { background: transparent url(../img/eagles.gif) no-repeat left; padding-left: 30px; }
div.sixers div.nb-list h3 { background: transparent url(../img/sixers.gif) no-repeat left; padding-left: 25px; }
div.flyers div.nb-list h3 { background: transparent url(../img/flyers.gif) no-repeat left; padding-left: 30px; }
div.phillies div.nb-list h3 { background: transparent url(../img/phillies.gif) no-repeat left; padding-left: 25px; }

/*
--------------------------------------------------------------------------------------- DESCRIPTIONS
*/

div.nb-wide ul li,
div.nb-list ul li,
span.q_primary ul li,
div.q_secondary ul li {
position: relative;
}

div.nb-list ul li:hover,
div.nb-wide ul li:hover,
span.q_primary ul li:hover,
div.q_secondary ul li:hover  {
z-index: 9999;
}

div.nb-list ul li:hover div.descr:hover,
div.nb-wide ul li:hover div.descr:hover,
span.q_primary ul li:hover div.descr:hover,
div.q_secondary ul li:hover div.descr:hover {
visibility: hidden;
}

div.nb-list ul li:hover div.descr,
div.nb-wide ul li:hover div.descr,
span.q_primary ul li:hover div.descr,
div.q_secondary ul li:hover div.descr {
visibility: visible;
}

div.inline ul li:hover div.descr {
visibility: hidden; /* Hide on Simple Inline Lists */
}

div.descr { 
visibility: hidden;
position: absolute;
top: 30px;
left: 0;
padding: 0;
background: #000;
z-index: 9999;
width: 100%;
}

span.q_primary div.descr,
div.q_secondary div.descr {
top: 20px;
}

div.descr div.descr-inner {
background: #e9e9ce url(../img/tipbg.gif) repeat-x top left;
border: 2px solid #666;
padding: 7px;
margin-left: 20px;
width: auto;
position: absolute;
right: 0;
top: 0;
font-size: 12px;
line-height: 15px;
}

div.descr div.descr-inner span {
display: block;
font-size: 9px;
padding-top: 5px;
line-height: 100%;
color: #666;
}

div.nb-wide div.descr {
top: 68px;
left: 3px;
width: 120px;
}


div.nb-wide div.descr div.descr-inner {
width: auto;
padding: 5px;
margin: 0;
font-size: 10px;
line-height: 12px;
}

div.descr img.item-thumb {
float: right;
margin: 0 0 0 6px;
padding: 1px;
border: 1px solid #666;
max-width: 90px;
max-height: 90px;
}

/*
--------------------------------------------------------------------------------------- QUICKIES
*/

div.quickiewrap {
margin: 0 10px;
padding: 16px 0;
}

div.quickiewrap h4 {
clear: left;
font-size: 18px;
border-bottom: 1px solid #ccc;
margin-bottom: 9px;
}

div.quickiewrap div.quickiewrap-inner {
padding: 0 10px;
}

div.q_block {
width: 470px;
float: left;
position: relative;
height: 24px;
}

div.q_block h3 {
cursor: pointer;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 16px;
border: none;
font-family: Arial, sans-serif;
}

div.q_block h3:hover {
background: #ccc;
}

div.q_block ul {
margin: 0;
padding: 0;
list-style: none;
}

div.q_block h3 {
width: 130px;
}

div.q_block h3,
div.q_block span.q_primary {
float: left;
}

div.q_block span.q_primary {
display: block;
width: 320px;
line-height: 16px;
}

div.q_block span.q_primary ul li:hover {
background: #f1f1f1;
}

div.q_block div.q_secondary {
position: absolute;
width: 300px;
top: -60px;
left: 130px;
z-index: 9999;
background: #e9e9ce url(../img/tipbg.gif) repeat-x top left;
border: 2px solid #666;
padding: 7px;
display: none;
}

#content div.q_block div.q_secondary ul {
padding: 0 0 0 0;
margin: 15px 0 0 0;
border-top: 2px solid #ccc;
}


div.q_block div.q_secondary ul li a:visited {
color: #999;
}

div.q_block div.q_secondary span.source {
position: absolute;
top: 7px;
left: 7px;
font-size: 11px;
line-height: 11px;
color: #666;
font-variant: small-caps;
}

div.q_block div.q_secondary span.source a,
div.q_block div.q_secondary span.source a:visited {
color: #666;
}

div.q_block div.q_secondary span.close-wrap {
position: absolute;
top: 5px;
right: 7px;
line-height: 11px;
}

div.q_block div.q_secondary span.close-wrap a,
div.q_block div.q_secondary span.close-wrap a:hover {
font-size: 11px;
line-height: 11px;
color: #666;
}

/*
--------------------------------------------------------------------------------------- COMIC
*/

div.comic {
float: left;
position: relative;
min-height: 500px;
}

div.comic img {
width: 400px; 
position: absolute;
left: 50px;
text-align: center;
}

/*
--------------------------------------------------------------------------------------- AD Chunks
*/

.ad-chunk {
text-align: center;
}

/*
--------------------------------------------------------------------------------------- Footer
*/

#footer {
clear: left;
height: 160px;
background: #333 url(../img/ftrbg.gif) repeat-x top left;
}

#footer div.footer-inner {
width: 940px;
margin: 0 auto;
height: 160px;
color: #fff;
position: relative;
}

#footer div.copy {
height: 76px;
background: transparent url(../img/ftrlogo.gif) no-repeat top left;
position: absolute;
top: 0;
left: 0;
}

#footer div.copy p {
font-size: 11px;
padding: 27px 0 15px 93px;
color: #8c8c8c;
}

#footer div.copy p a {
color: #b3b3b3;
}

#footer div.designby a {
position: absolute;
right:10px;
top:18px;
display: block;
height: 22px;
width: 231px;
background: transparent url(../img/solmed.gif) no-repeat top left;
}

#footer div.designby span {
display: none;
}