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

#Slice-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-bottom: 30px; }
			.slice-title { font-size: 1.1em; color: #F06E23; font-family: 'DejaVuSansBook',Arial, Helvetica, sans-serif; padding: 5px 0; }
			.slice-img { width: 100%; }
				.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; }

	/* Responsive Video */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; 
		height: 0; 
		overflow: hidden;
	}
	
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#Slice-Back-Button { display: none;}
			
	@media all and (max-width: 1089px) {
		
		#Slice-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: 599px) and (min-width: 300px) {
		#Page-Left { display: none; }
		
		#Slices{ width: 95%; float: none; margin: auto; }
			.slice-item { width: 100%;}
			
		a#Slice-Back-Button {
			display: block;
			padding: 3px 6px 0px 6px;
			float: right;
			font-size: 34px;
			cursor: pointer;
			text-decoration: none;
			color: #B6B6B6;
			margin-right: 30px;
			margin-top: 4px;
		}
	}