html, body {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
	background-color:rgb(255, 255, 255);
}

.hidden{
	display:none;
}
.glyph{
	-webkit-box-shadow:	
				inset 0 1px 0 rgba(255, 255, 255, .4),
				inset 0 -1px 0 rgba(255, 255, 255, .4),
				inset 1px 0 0 rgba(255, 255, 255, .4),
				inset -1px 0 0 rgba(255, 255, 255, .4),
				0px -3px 10px rgba(0,0,0,.05),
				-3px 0px 10px rgba(0,0,0,.05),
				3px 0px 10px rgba(0,0,0,.05),
				0px 3px 0px rgba(245,245,245,.6),
				0px 4px 0px rgba(0,0,0,.2),
				0px 5px 1px rgba(0,0,0,.1),
				0px 6px 3px rgba(0,0,0,.1),
				0px 7px 10px rgba(0,0,0,.05);
	-moz-box-shadow:
				inset 0 1px 0 rgba(255, 255, 255, .4),
				inset 0 -1px 0 rgba(255, 255, 255, .4),
				inset 1px 0 0 rgba(255, 255, 255, .4),
				inset -1px 0 0 rgba(255, 255, 255, .4),	
				0px -1px 5px rgba(0,0,0,.1),
				0px 3px 0px rgba(245,245,245,.6),
				0px 4px 0px rgba(0,0,0,.2),
				0px 5px 1px rgba(0,0,0,.1),
				0px 6px 3px rgba(0,0,0,.1);
}
#content{
	width:90%;
	margin:0px auto;
	padding-bottom:50px;
	position:relative;
}

#header{
	border:1px solid transparent;
	position:relative;
	margin:20px auto;
}

#header h1{
	margin-bottom:10px;	
}

#video-container > * {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

#screen{
	margin:0px auto 20px auto;
	width:100%;
	height:56%;
	overflow:hidden;
	background:black;
}


div.vid-info{
	width:100%;
	margin:0px auto 10px auto;
	padding:0px 10px;
	overflow:hidden;
}

#title{
	margin-bottom:10px;
}

#gallery{
	width:100%;
	overflow:hidden;
	margin:0px auto;
}
#gallery.ipad{
	height : 500px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

#thumbs{
	list-style:none;
	margin:0px auto;
	padding:0px;
	margin:0px;
}

#thumbs li{
	float:left;
	margin:10px;
}


#thumbs form input{
	cursor:pointer;
	width:200px;
	height:150px;
	background-position:center top;
	background-color:transparent;
	font-weight:bold;
	font-size:16px;
	display:block;
	border-radius:3px;
}

#thumbs form h5 {
	font-weight:bold;
	display:block;
	width:180px;
	height:40px;
	overflow:hidden;
	text-overflow:ellipsis;	
}

#footer{
	text-align:center;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}
#search-info{
	margin-top:15px;
}
@media (max-width: 768px) {
	#content{
		width:100%;
	}
}
@media (max-width: 525px){ 
	#thumbs li{
		float:none;
		margin:5px;
	}
	#thumbs li form{
		width:200px;
	}
	#thumbs li form input{
		height:100px;
	}	
	#thumbs li form h5{
		height:20px;
	}	
	
}