@charset "utf-8";

#cantaloupe * {padding: 0;margin: 0;}

li, ul {
list-style: none;
}

#cantaloupe a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	}

#cantaloupe a, #cantaloupe a img {
	border: none;
	outline: none;
	}
	
#cantaloupe {
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 865px;
	background: url(../images/magazine-bg.gif) repeat-y top left;
	text-align: center;
}

#bodyContent #cantaloupe h4, #bodyContent #cantaloupe h3 {
	color:#FFF;
	font-size: 12px;
	}

#container {
	width: 765px;
	margin: 0 auto;
	background: url(../images/rightBg.gif) repeat-y top right;
	text-align: left;
}

#lcol, #rcol {
	float: left;
	height: 789px;
}

#rcol {
	width:262px;
	
}

#cantaloupe-contactinfo {
	text-align: right;
	width: 239px;
	margin: 12px auto;
	font-size: 14px;
}

#aboutThisVideo {
	background: url(../images/aboutVideoTitle.gif) no-repeat top left;
	height: 55px;
	width: 239px;
	text-indent: -9999px;
	margin-bottom: 12px;
}

#cantaloupe-contactinfo a {
	display: block;
	font-size:12px;
	text-transform: uppercase;
}

#lcol {
	width: 503px;
	background: url(../images/leftBg.gif) repeat-y top left;
}

#lcol #cantaloupe-header {
	padding-left: 11px;
}

#lcol #backBtn {
	background: url(../images/backBtn.gif) no-repeat top left;
	width: 151px;
	height: 24px;
	text-indent: -9999px;
	font-size: 1px;
	display: block;
}

#lcol #magazineTitle {
	background: url(../images/magazineTitle.gif) no-repeat top left;
	width: 480px;
	height: 34px;
	text-indent: -9999px;
	font-size: 1px;
	display: block;
}

#main {
	height: 320px;
	width: 475px;
	position: relative;
	margin: 0  auto;
	}
	
a#view {
	position: absolute;
	top: 0;
	left: 0;
	width: 476px;
	height: 266px;
	text-indent: -5000px;
	z-index: 5;
	border: 2px solid #FFF;
	}
	
a#view:hover {
	border: 2px solid #788693;
	}
		
#overlay {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	text-align: center;
	}

#video {
	background: #FFF;
	width: 480px;
	height: 270px;
	margin: auto;
	}

#titleBar {
	height: 45px;
	background: #FFF;
	width: 475px;
	margin: 0  auto;
	line-height: 20px;
	}
	
	#titleBar h2 {
		font-size: 12px;
		color: #222;
		}

a#closeBtn {
	color: #222;
	font-weight: bold;
	float: right;
	}
	
	a#closeBtn:hover {
		color: #222;
		}
	
	
#cantaloupe-thumbnailsWrapper {
	width: 480px;
	/*height: 249px;*/
	border: 1px solid #FFF;
	/*overflow: auto;*/
	margin: 0 auto 12px auto;
}

#bodyContent #lcol h3 {
	padding: 12px;
	color:#fff;
}

#bodyContent #cantaloupe ul#cantaloupe-thumbnails {
	height: 315px;
	margin: 0;
	padding: 0;
	overflow: auto;
	}
	
	
	#bodyContent #cantaloupe ul#cantaloupe-thumbnails li {
		clear:left;
		padding: 6px 12px;
		border-bottom: 1px solid #FFF;
		}
		
	#bodyContent ul#cantaloupe-thumbnails li img {
		float:left;
		margin-right: 12px;
	}
	
	#bodyContent ul#cantaloupe-thumbnails li h4 {
		clear: none;
		border: none;
	}
	#bodyContent ul#cantaloupe-thumbnails li h4 .now-playing {
	visibility: hidden;
	color: #fee1a6;
	}
	
	#bodyContent ul#cantaloupe-thumbnails li.cantaloupe-current h4 .now-playing {
		visibility: visible;
	color: #fee1a6;
	}
	
	#bodyContent #cantaloupe ul#cantaloupe-thumbnails li a {
		/*display: block;*/
		clear: none;
		}
				
		
ul#cantaloupe-thumbnails li.cantaloupe-inactive a {}	


#cantaloupe-widgetsWrapper {
	width: 239px;
	margin: 0 auto;
}
	
ul#cantaloupe-widgets {
	margin: 0;
	padding: 0;
	}
	
	ul#cantaloupe-widgets li {}
			
		ul#cantaloupe-widgets li a {
		display: block;
		width: 239px;
		text-indent: -9999px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
		
		ul#cantaloupe-widgets li a:hover {
			opacity: 0.80;
			-moz-opacity: 0.8;
			filter: alpha(opacity=80);
		}
		
		ul#cantaloupe-widgets li#shareBtn a {
			background: url(../images/shareBtn.gif) no-repeat top left;
			height: 54px;
		}
		
		ul#cantaloupe-widgets li#joinBtn a {
			background: url(../images/subscribeBtn.gif) no-repeat top left;
			height: 57px;
		}
		
		ul#cantaloupe-widgets li#eNewsletterBtn a {
			background: url(../images/enewsletterBtn.gif) no-repeat top left;
			height:69px;
		}
		
		ul#cantaloupe-widgets li#emailUsBtn a {
			background: url(../images/emailUsBtn.gif) no-repeat top left;
			height: 63px;
		}
		
		ul#cantaloupe-widgets li a#archiveBtn {
			background: url(../images/archiveBtn.gif) no-repeat top left;
			height: 56px;
		}
	
	
	
#cantaloupe-footer {
	clear: left;
	text-align: center;
	margin: 0;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	background: #9b9084;
	}


#cantaloupe-footer a {
	color: #FFF;
	}

p#cantaFooter {
	text-align: right;
	font-size: 9px;
	margin-top: 24px;
}

a#cantaLink {
	color: #f7931e;
	text-decoration: none;
	}


.fade {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */