@charset "utf-8";
/* CSS Document */

/*#Page-Left { width: 300px; float: left; border-right: 1px solid #F3DDC5; }*/
	
	#Slices-Preview { list-style: none; display: block; width: 80%; margin: auto; padding: 0; }
		.slice-preview-item a{ display: block; width: 100%; float: left; padding: 10px; border-bottom: 1px solid #F3DDC5; margin-bottom: 10px; font-size: 0.9em; color: #F06E23; text-decoration: none; }
			.slice-preview-item a:hover { background-color:#f2f2f2; padding: 9px 9px 10px 9px; border: 1px solid #F3DDC5;}
			
		.slice-preview-img { width: 100%; }
			.slice-preview-img img { width: 100%; }
			
		
			
	#Slices { margin: auto; padding: 0; width: 700px; float: right; list-style: none; }
		.slice-item { display: block; width: 650px; float: left; padding-top: 30px; margin-bottom: 20px; border-top: 1px solid #D1D1D3; }
			a.slice-title { font-size: 1.1em; color: #F06E23; font-family: 'DejaVuSansBook',Arial, Helvetica, sans-serif; padding: 5px 0; text-decoration: none; }
			.slice-img { width: 100%; margin: 20px 0;}
				.slice-img img { width: 100%; }
			
	#Slice-Nav { display: block; width: 95%; margin: auto; }
		#Slice-Nav-Older { float: left; }
		#Slice-Nav-Newer { float: right; }
		#Slice-Nav a { text-decoration: none; color: #F06E23; }
		
	a#View-Next-Ten { display: block; width: 100%; text-align: center; text-decoration: none; color: #F06E23; }
		
		
	/* Responsive Video */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; 
		height: 0; 
		overflow: hidden;
		width: 100%; margin: 20px 0;
	}
	
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		
			
	@media all and (max-width: 1088px) {
		
		/*#Page-Left { width: 25%;}*/
		
		#Slices{ width: 70%; }
			.slice-item { width: 92%;}
			
		#Slice-Nav a {
				text-decoration: none;
				padding: 20px;
				color: #FFF;
				background-color:#999;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
			
	}
	
	@media all and (max-width: 598px) {
		#Page-Left { display: none; }
		
		#Slices{ width: 95%; float: none; margin: auto; }
			.slice-item { width: 100%;}
	}