@charset "utf-8";
a, a img {
	border: none;
	outline: none;
	}

#container {
	border: 1px solid #000;
	}
	
#cantaloupe {
	width: 675px;
	background: #cc0000;
	}
	
	#cantaloupe * {
		margin: 0;
		padding: 0;
		}

#main {
	height: 270px;
	position: relative;
	}
	
	#overlay {
		text-align: right;		
		position: relative;
		height: 270px;
		}
		
		#video {
			width: 480px;
			height: 270px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			}
	
	a#play {
		position: absolute;
		display: block;
		text-indent: -5000px;
		height: 270px;
		width: 675px;
		z-index: 5;
		}
		
		a#closeBtn {
			position: absolute;
			z-index: 10;
			left: 485px;
			top: 5px;
			height: 20px;
			width: 20px;
			font-weight: bold;
			background: #000;
			text-align: center;
			line-height: 20px;
			border: 1px solid #FFF;
			}
	
ul#thumbs {
	list-style: none;
	background: #540303;
	height: 60px;
	}
	
	ul#thumbs li {
		float: left;
		width: 223px;
		overflow: hidden;
		height: 60px;
		}
		ul#thumbs li a {
			display: block;
			margin: 0;
			padding: 0;
			width: 223px;
			height: 60px;
			}
			
			ul#thumbs li a img {
				margin: 0;
				padding: 0;
				border: 1px solid #000;
				}
		
	

ul#js {
	clear: left;
	list-style: none;
	background: #cc0000;
	height: 25px;
	border-top: 1px solid #000;
	padding: 0;
	line-height: 25px;
	}
	
	ul#js li {
		float: left;
		height: 25px;
		border-right: 1px solid #000;
		}
		
		ul#js li.last {
			background: none;
			border: none;
			}
		
		li#joinBtn {
			width: 384px;
			}
			
			li#joinBtn a {
				background: url(../images/signUpBtn.gif) no-repeat center center;
				}
			
		li#shareBtn {
			width: 98px;
			}
			
			li#shareBtn a {
				background: url(../images/shareBtn.gif) no-repeat center center;
				}
			
		li#archiveBtn {
			width: 184px;
			}
			
			li#archiveBtn a {
				background: url(../images/archiveBtn.gif) no-repeat center center;
				}
			
	ul#js li a {
		text-indent:-5000px;
		display: block;
		height: 25px;
		}

#vcs {
	background: #2b0808;
	
	}

/* ClearFix CSS */
.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 */