@charset "utf-8";
/* KFWD web site CSS  */

/* Wrapper */
body  {
    background: #7f9ea7;
}
#wrapper {
    width: 710px;       
	margin-left: auto;     /* no top/bottom margin, centered horizontally */
	margin-right:auto;
	height:auto;
    background: url(../img/background%20pic2.jpg) repeat-y;  
}
#wrapper a:link, #wrapper a:visited {
    text-decoration: none;
    color: #b36b00;}

#wrapper a:hover, #wrapper a:active {
    color: #wrapper #whiteBackground .socialContact a;
    border-bottom: 1px thin #566440;}
/* Header */

div#header {
    height: 100px;      
    position: relative;}
#wrapper #kfwdLogo {
	margin-left:5px;
	top:4px;
	display:block;
    background: transparent;}
#wrapper #justFuntv {
	margin:0;
	position: absolute;
	left: 135px;
	top:14px;
	display:block;
	background: transparent;}
#wrapper #kfwdFacebook {
    position: absolute;
    left: 476px;
    top: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	border: 1px #CCCCCC;}           /* don't display a border */
#kfwdFacebook a:link, #kfwdFacebook a:visited{
    height: 26px;
    width: 99px;
    display: block; 
    text-indent: 3em;   /* keep the text out of the display */
	color:#fff;
	background: url(../img/kfwd%20on%20facebook2.png) no-repeat left top;
    border: 1px #CCCCCC;}           /* don't display a border */
#wrapper #kfwdTwitter {
    position: absolute;
    left: 580px;
	top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;}
#kfwdTwitter a:link, #kfwdTwitter a:visited{
    height: 26px;
    width: 99px;
    display: block;       
    background: url(../img/kfwd%20on%20twitter2.png) no-repeat left top;
    text-indent: 3em;   /* keep the text out of the display */
	color:#fff;
	border: none;}           /* don't display a border */
#kfwdTwitter a:hover, #kfwdTwitter a:active{
    background-position: left bottom;}   /* relocate the image to show the rollover image-not added yet */

/* ===== main navigation links ===== */

#mainMenu {
	position: absolute;
	left: 90px;
	bottom: 0px;
	top: 40px;
	width: 550px;
	margin:0;
	padding: 0;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;}
#mainMenu li {
	list-style:none;
	float:left;}
#mainMenu li a{               
	display:block;
	padding: 3px 8px;
	color:#fff;
	text-decoration:none;
	margin:0 3px 0 0;
	border-left:2px solid white;}
#mainMenu li ul {
	display:none;
	width:10em;/*Width to help Opera out */
	background-color:#1b9da3;}
#mainMenu li:hover ul, #mainMenu li.hover ul {
	display:block;
	position:absolute;
	margin:0;
	padding:0;} 
#mainMenu a.current {  
	color: aaa;}
#mainMenu a:link, #mainMenu  a:visited {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;            
    text-decoration: none;}
#mainMenu a:hover, #mainMenu a:active {
    color: #f8b449;}
#mainMenu a.current:hover {
    cursor: default;}
#mainMenu li:hover li, #mainMenu li.hover li {
	float:none;}
#mainMenu li:hover li a, #mainmenu li.hover li a{
	background-color:#1B9DA3;
	background:opacity.6;
	border-bottom: 1px solid #fff;
    color: #000;}

/* body */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;}

/*weather*/

#weather {
	width:700px;
	padding:.1em;
	margin-left: .2em;
	margin-bottom:.5em;
	float:left;
	text-decoration:none;
	background-color: #e9e9e9;}
.weather1{
	float:left;
	padding:0;
	margin:.2em;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	text-decoration:none;
	font-weight:300;
	line-height:1.2em;}
#weatherHead{
	float:left;
	margin:.2em;
	margin-left:1em;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:400;
	width:680px;}	
#weather #weather1 a, #weather #weatherHead a {
	text-decoration: none;}
#wrapper #findKfwed a:hover, #wrapper #findKfwed a:active{
	border:none;}
#wrapper #weather a:hover, #wrapper #weather a:active {
	border:none;}
	
/*middle wrapper*/

#middleWrapper {
	width:706px;
	height:212px;
	background:none;
	padding:2px;
	border:none;
	position:relative;
	margin-bottom:.2em;}
div#flashWrapper {
	float: left;
	width: 450px;
	height: 212px;
	margin-left:.8em;
	margin-right:.5em;
	padding:0;
	background: none no-repeat;}

/* ===== sidebar ===== */

#sideBar {
	padding:0;
	margin0;
	width: 222px
	height:212px;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	background: url(../img/sb_bkgrnd5.png) no-repeat;}
#lineup{
	width:222px;
	height:106px;
	float:left top;
	margin:0;
	padding:0;
	background: url(/img/sb_bkgrnd5.png) no-repeat;}
#sideBar a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.3em;
    color: #fff;
    margin:0;
	text-align:left;
	padding-left:.8em;
	color:fff;
    text-decoration: none;}
#sideBar h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	margin:0;
	padding-left:.8em;
	padding-top:.4em;
	font-size: .8em;
	line-height:1.1em;}
#sideBar ul,li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
	margin:0;
	line-height:1.2em;
	padding-left:.8em;
	list-style:none;
	text-align:left;
	text-decoration:0;}	
#sideBar a:link, #sideBar a:visited {
    color: #fff;}

#sideBar a:hover, #sideBar a:active {
    color: #566440;}	
/* ===== find kfwd ===== */
#findKfwd {
	width:222px;
	padding:0;
	margin-left:-.65em;
	float:left;}
/* ===== lower banner home page ===== */

#lowerBanner {
	margin: 0 auto;
	width: 680px;
	height:150px;
	padding:.7em;}
.textBox {
	border-top:solid thin #1b9da3;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:.7em;
	margin-top:.3em;
	line-height:1.2em;}

#ozBox {	
	width:150px;
	height:160px;
	float:left;
	margin-left:.9em;
	padding:0;}
#webBox {	
	width:150px;
	height:160px;
	float:left;
	margin-left:1.1em;}
#showsBox {	
	width:150px;
	height:160px;
	float:left;
	margin-left:1.1em;}
#emailBox {	
	width:150px;
	height:160px;
	float:left;
	margin-left:1.1em;}
#wrapper #lowerBanner {
	background-color: #FFFFFF;}
/* ===== footer ===== */

#footer {
    background: transparent;
    margin: 0;
    padding:0;
	width: 650;
	line-height: 1em}
#footer p, #footer a{
    font-family: "Trebuchet MS", sans-serif;
    font-size: .75em;
    color: fff;
    margin: 2em 2ex 0 0;
    padding: .5em;
    text-align: center;}
#footer a {
	margin-right: 1px;}
#footer a:link, #footer a:visited {
    color: #fff;
    text-decoration: none;}
#footer a:hover, #footer a:active {
    color: #566440;}

/* ===== miscellaneous styles ===== */

.clear { clear: both }

/* ===== white Background or other web pages ===== */

#whiteBackground {
	width: 650px;      
	margin-left: auto;
	margin-right:auto;
    background: #FFFFFF;
	background-image: url(../img/bottom_curvedBox.png);
	background-position:left bottom;
	background-repeat: no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
#whiteBackground h3 {
	background: #FFFFFF;
	background-image: url(../img/top_curvedBox.png);
	background-position:left bottom;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: -2em;
	padding-bottom: 0ex;
	font-size:1.8em;} 
#whiteBackground  h1, h2, h3,h4 {
    font-family: Arial, Helvetica, sans-serif;}
#whiteBackground  p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
    color: #000000;
    margin:1em 0;
	padding-left:2em;
	padding-right:2em;
	line-height:1.4em;}
#whiteBackground  h4 {
    font-size: 1em;
    font-weight: bold;
    color: #666;
	margin:-.3em;}
#whiteBackground  ul {
    font-family: Georgia, serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;}
#whiteBackground p, h4{
	padding-left:2em;
	padding-right:2em;
	}
#whiteBackground h3 {
	padding-left:1em;}
/* === show descriptions Shows Page===*/

#showsWrapper {
	width:700px;
	padding:0;
	margin:0 auto;
	margin-top:1em;
	float:left;}
#showsList  {
	width:230px;
	float:left;
	positions: top left;
    padding: 0;
    margin: -2em;
    border:none;}
#wrapper #showsList h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#FFFFFF;
	margin:0;
	margin-bottom:.2em;
	margin-top:.2em;
	margin-left:.6em;
	padding:0;}
.shows {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:.8em;
	color:#FFFFFF;
	list-style:none}
#showsWrapper #showColRight {
	width:500px;
	height:500px;
	padding:.4em;
	float:right;
	margin-right:1em;
	top: 0;
	right: 1em;
	background-color:#FFFFFF;
	border:1b9da7 1px solid;
	overflow:scroll;}
.container {
   margin: 0;
   padding:.3em;
   border-right: 2px solid #bfbfbf;
   border-left:2px solid #bfbfbf;
   border-top:2px solid #bfbfbf;}
.container.float {
   width: 546px;}
.float {
   float: left; }
.clear {
   clear: left; }
.container h3 h4 {
	margin-left:1em
	margin-top:0;
	 }
.container h3 {
	margin:0;
	padding:0;}
.container p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	margin-top:.6em;
	margin-bottom:0;}
.container img {
   border: 2px 1b9da3; 
   margin: 0 .5em 0 0; }
.gray {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#333333;
	margin:0;
	padding:0;}
#wrapper #whiteBackground #showColRight .container p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	margin-top:.6em;
	margin-bottom:0;}

#wrapper #whiteBackground #showColRight .container .gray {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#333333;
	margin:0;
	padding:0;}

#wrapper #whiteBackground #showColRight .container h3 {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:1em
	margin-top:0;
	font-size:1.2em;
	font-weight:bold;
}

/* ===== Tables for Finder Page ====*/

#finder{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	height:200px;
	overflow:scroll;
	text-align: left;
	border-collapse: collapse;}
#finder th{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	text-align:left;
	color: #039;}
#finder td{
	padding: 8px;
	text-align:left;
	color: #669;}
#finder .odd{
	background: #CCCCCC; }
#dishNetwork {
	margin:0 auto;}
#wrapper #more a:link, #wrapper# #more a:visited {
    text-decoration: none;
    color: #FFFFFF;}
#wrapper #more a:hover, #wrapper #more a:active {
    color: 566440;
    border-bottom: 1px thin #566440;}
#wrapper #more	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:10em;
	margin-top:-.5em;
	line-height:2.5em;}

/* ===== Tables for video Page ====*/

#vidClips{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 1em;
	margin:0 auto;
	width: 650px;
	text-align: center;
	border-collapse: collapse;}
#vidRow {
}
#vidClips td{
	padding: 8px;
	color: #669;}
td#small {
	size:.4;} 

/* ===== contact button ===== */

#whiteBackground#contactBtn {
    position: absolute;
    left: 300px;
    top: 500px;}
#contactBtn a:link, #contactBtn a:visited{
    height: 69px;
    width: 64px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../img/contactRollover.png) no-repeat;
	border: none;}

#contactBtn a:hover, #contactButton a:active{
    background-position: left bottom;}   /* relocate the image to show the rollover image */

#wrapper #lowerBanner {
	background-color: #FFFFFF;
}

/* ===== schedule  ===== */

#scheduleContainer {
	background:#bfbfbf;
	width:710px}	

/* ===== FCC  ===== */

#wrapper #whiteBackground #FCC {
	width:30em;
	margin:0 auto;}
#wrapper #whiteBackground #FCC a{
	line-height:2em;
	margin-bottom:3em;
	margin-left:.5em;}
	
/* ===== Oprah Page ===== */

#oprahSchedule {
	float:right;
	margin:.7em}
.splashPageImage {
	margin-bottom:-1em;}
#wrapper #whiteBackground .socialContact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	height:26px;
	width:150px;
	float:left;
	text-align: left;
	margin-left:.5em;
	margin-bottom:1em;
	padding:0;
	border: 1px #CCCCCC;}
.socialContact img {
	float:left;
	margin-right:.1em;
	margin-bottom:1em;}
#wrapper #whiteBackground .socialContact a:link, #wrapper #whiteBackground .socialContact a:visited{
    height: 26px;
    width: 150px;
	margin-left:.5em;
    display: block;
	border:none;
    color: #b36b00;}           /* don't display a border */

/* ===== cc ===== */
#wrapper #whiteBackground #cc p{
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;}

#wrapper #whiteBackground #videoContainer {
	margin-left:auto;
	margin-right:auto;
	width:540px;
	padding-left:40px;
	padding-right:40px;
}
#wrapper #whiteBackground #videoContainer p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5dm;
	font-size:.8em;}
/*====tip of the week Oz====*/
#wrapper #whiteBackground #oprahText #tipOfTheWeek {
	padding:4px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #666666;
	width:428px;}
#wrapper #whiteBackground #oprahText b {
	margin-left:auto;
	margin-right:auto;}	
#wrapper #whiteBackground #document img {
	margin:0;
	color:none;
	border:none;
	padding-right:.3em;}
#wrapper #whiteBackground #document a {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1em;
	font-size:1em;
	display:block;
	
	background:none;}
#wrapper #whiteBackground #document{
	padding:0;
	width:280px;
	height:33px;
	border:none;
	background:none;}
	
#wrapper #whiteBackground #document a:hover {
	color: #FF9933;
	display:block;