*	{
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body, html {
	font-family: Arial, Helvetica, sans-serif;
}

#cm_container {
	width: 980px;
	height: 1095px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	background: url("images/charlie_bg_fade.jpg") top left no-repeat;
}

#cm_schedule {
	width: 269px;
	height: 239px;
	position: absolute;
	left: 194px;
	top: 20px;
	z-index: 507;
}

#cm_schedule p {
	border-bottom: 2px solid #EEE;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#cm_container a {
	cursor: pointer;
}

#cm_schedule h5 a {
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

#cm_schedule h5 a:hover {
	text-decoration: underline;
}

#cm_container h3, .tv_bubble h2 {
	color: #00cc33;
	font-size: 12px;
	text-transform: uppercase;
}

html .tv_bubble h2 {
	margin-bottom: 10px;
}

#cm_container p {
	font-size: 11px;
	color: #FFF;
	line-height: 14px;
}

#cm_container div.tv_bubble, #cm_container div.tv_bubble p {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#cm_container p.cm_showtimes {
	text-transform: uppercase;
}

#tablinks {
	float: right;
}

#tablinks a {
	color: #00CC33;
	background: #FFF;
	padding: 0px 6px;
	outline: none;
}

#tablinks a:hover {
	text-decoration: none;
}

#tablinks a.white {
	color: #000;
}

#cm_logo {
	background: url("images/charlie_logo.png") top left no-repeat;
	text-decoration: none;
	display: block;
	width: 601px;
	height: 264px;
	position: absolute;
	left: 378px;
	top: 2px;
	z-index: 500;
}

#cm_menu {
	position: absolute;
	display: block;
	left: 499px;
	top: 257px;
	z-index: 510;
}

#cm_menu a {
	display: block;
	float: left;
	outline: none;
	text-indent: -9999px;
}

#cm_show {
	background: url("images/cm_show.png") top left no-repeat;
	width: 78px;
	height: 46px;
	z-index: 511;
}

#cm_show:hover {
	background: url("images/cm_show_on.png") top left no-repeat;
}

#cm_locate {
	background: url("images/cm_locate.png") top left no-repeat;
	width: 121px;
	height: 46px;
	z-index: 512;
}

#cm_locate:hover {
	background: url("images/cm_locate_on.png") top left no-repeat;
}

#cm_fun {
	background: url("images/cm_fun.png") top left no-repeat;
	width: 80px;
	height: 46px;
	z-index: 513;
}

#cm_fun:hover {
	background: url("images/cm_fun_on.png") top left no-repeat;
}
/*
#cm_gear {
	background: url(/charliemoore/images/cm_gear.png) top left no-repeat;
	width: 120px;
	height: 46px;
	z-index: 514;
}

#cm_gear:hover {
	background: url(/charliemoore/images/cm_gear_on.png) top left no-repeat;
}
*/
#cm_bio {
	background: url("images/cm_bio.png") top left no-repeat;
	width: 120px;
	height: 46px;
	z-index: 514;
}

#cm_bio:hover {
	background: url("images/cm_bio_on.png") top left no-repeat;
}

#cm_preload {
	display: none;
}

/*** TV -> LOCATE **/
#tv_locate {
	background: url("images/tv_locate.png") top left no-repeat;
	text-decoration: none;
	display: block;
	width: 351px;
	height: 474px;
	position: absolute;
	left: 645px;
	top: 320px;
	z-index: 501;
}

#tv_locate:hover {
	background: url("images/tv_locate_on.png") top left no-repeat;
}

#tv_locate:hover h2 {
	color: #fdff7e;
}

#tv_locate .tv_bubble {
	width: 175px;
	position: relative;
	left: 116px;
	top: 55px;
}

/*** TV -> SHOW **/
#tv_show {
	background: url("images/tv_show.png") top left no-repeat;
	text-decoration: none;
	display: block;
	width: 518px;
	height: 351px;
	position: absolute;
	left: 115px;
	top: 274px;
	z-index: 502;
}

#tv_show:hover {
	background: url("images/tv_show_on.png") top left no-repeat;
}

#tv_show:hover h2 {
	color: #fdff7e;
}

#tv_show .tv_bubble {
	width: 175px;
	position: relative;
	left: 12px;
	top: 135px;
}

/*** TV -> FUN STUFF **/
#tv_fun {
	background: url("images/tv_fun.png") top left no-repeat;
	text-decoration: none;
	display: block;
	width: 563px;
	height: 356px;
	position: absolute;
	left: 46px;
	top: 559px;
	z-index: 503;
}

#tv_fun:hover {
	background: url("images/tv_fun_on.png") top left no-repeat;
}

#tv_fun:hover h2 {
	color: #fdff7e;
}

#tv_fun .tv_bubble {
	width: 175px;
	position: relative;
	left: 12px;
	top: 175px;
}

/*** TV -> GEAR **/
#tv_gear {
	background: url("images/tv_gear.png") top left no-repeat;
	text-decoration: none;
	display: block;
	width: 539px;
	height: 365px;
	position: absolute;
	left: 472px;
	top: 728px;
	z-index: 504;
}

#tv_gear:hover {
	background: url("images/tv_gear_on.png") top left no-repeat;
}

#tv_gear:hover h2 {
	color: #fdff7e;
}

#tv_gear .tv_bubble {
	width: 175px;
	position: relative;
	left: 14px;
	top: 205px;
}

/*** INFO BELOW ***/
#cm_footer {
	background: #f78e1e;
}

html div#bigbox {
	padding: 10px 40px;
}

html div#rightcol {
	background: #F78E1E;
	float: right;
}

/*** THE SHOW ***/
#show_header {
	position: absolute;
	top: 326px;
	left: 408px;
	width: 555px;
	height: 260px;
	z-index: 521;
}

#show_title {
	background: url("images/title_the_show.png") top left no-repeat;
	position: absolute;
	width: 192px;
	height: 30px;
	top: 40px;
}

#bio_title {
	background: url("images/title_bio.png") top left no-repeat;
	position: absolute;
	width: 445px;
	height: 37px;
	top: 365px;
	left: 460px;
}

#show_player {
	width: 320px;
	height: 260px;
	background: #FFF;
	position: relative;
	left: 222px;
}

#show_clips {
	width: 914px;
	height: 620px;
	position: absolute;
	top: 603px;
	left: 35px;
	padding: 15px 0px 15px 33px;
	background: url("images/cm_black_bg.png") top left no-repeat;
}

#show_clips .clip {
	width: 296px;
	float: left;
}

#show_clips .clip div {
	width: 256px;
}

#show_clips .clip h4 {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0px 0px 0px;
	font-size: 12px;
}

#show_clips .clip h5 {
	margin: 0p 0px 2px 0px;
	color: #0C3;
	font-size: 11px;
	font-weight: bold;
}

/** no other choice but to use absolute position as the rest other top Div's have used absolute position  **/
div#cm_mainBox {
	background: #000;
	opacity: 0.7;
	position: absolute;
	top: 480px;
	left: 10px;
	display: block;
	z-index: 550;
	width: 965px;
}

div #mainnav {
	position: relative;
	z-index: 600;
}

ul#nav li ul {
	z-index: 601;
}

div#trivia p { font-size: 16px; line-height: 18px; color: #ffffff; }
a.triviaanswer { font-size: 16px; font-weight: bold; display: block; background: #000000; padding: 5px; width: 490px; margin: 5px 0; color: #ffffff; text-decoration: none;}
a.triviaanswer:hover { background: #00cc33; }
div#trivia { display: block; width: 500px; margin-top: 10px; margin-left: 440px; padding: 10px; color: #ffffff; background-image: url("images/trivia_bg.png"/*tpa=http://www.wfn.tv/charliemoore/images/trivia_bg.png*/); }
img#header { margin-top: 330px; margin-left: 450px; }
div#trivia td { font-size: 16px; line-height: 18px; }
div#trivia td p { font-size: 14px; }