article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }


	/* =============================================================================
	   Base
	   ========================================================================== */

	html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}

	body { margin: 0; font-size: 1em; line-height: 1.4; }

	body, button, input, select, textarea { font-family: sans-serif; color: #222; }

	/* =============================================================================
	   Links
	   ========================================================================== */

	a { color: #444; }
	a:hover { color: #444; }
	a:focus { outline: thin dotted; }

	/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
	a:hover, a:active { outline: 0; }


	/* =============================================================================
	   Typography
	   ========================================================================== */

	b, strong { font-weight: bold; }

	blockquote { margin: 1em 40px; }

	/* Redeclare monospace font family: h5bp.com/j */
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

	/* Improve readability of pre-formatted text in all browsers */
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }

	h1, h2, h3, h4, h5, h6 {
	  margin-top: 0;
	}

	/* =============================================================================
	   Lists
	   ========================================================================== */

	ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


	/* =============================================================================
	   Embedded content
	   ========================================================================== */

	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }



	/* =============================================================================
	   Forms
	   ========================================================================== */

	label { cursor: pointer; }

	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

	button, input { line-height: normal; }

	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

	/* =============================================================================
	   Let's start it
	   ========================================================================== */

#site-nav-box {
	position: fixed;
	width: 210px;
	height: 100%;
	z-index: 9999;
	background: #d5d9db;
	border-top: 2px solid #e4c754;
	
	/* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #dadee0, #cdd2d4);

	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #dadee0, #cdd2d4);

	  /* IE 10 */
	  background: -ms-linear-gradient(top, #dadee0, #cdd2d4);

	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #dadee0, #cdd2d4);
	
}

#site-nav{
	width: 150px;
	padding-top: 57px;
	padding-left: 30px;
}

h1 {
	padding-bottom: 20px;
	border-bottom: 2px solid #adb0b3;
}

h1 a{
	font: 28pt 'SteelfishRegular', Helvetica, sans-serif;
	font-weight: bold;
	line-height: 25pt;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color: #949799;
}

#site-nav li {
	font: 14pt droid serif;
	line-height: 20pt;
	font-style: italic;
	opacity: 1;
}

#site-nav li a {
	font: 12pt droid serif;
	line-height: 17pt;
	font-style: italic;
	opacity: 0.5;
}
#site-nav li a:hover {
	opacity: 1;
}

#content {
	padding-top: 50px;
	padding-left: 230px;
	padding-right: 7px;
}

	body { 
	  font: 13px 'Helvetica Neue', helvetica, sans-serif;
	  background: #e8eced;
	 				/*url(img/Jamie_Plane3.jpg) scroll no-repeat;*/
	  	-moz-background-size:cover;
		background-size:cover;
	  color: #888;
	}

	a {
	  text-decoration: none;
	}
	
	
	/** TEST FOR ANCHORS **/
	.header {
		clear: both;
		padding-top: 20px;
		float: left;
	}

	/**** Demos ****/

	#container {
	  margin-bottom: 20px;
	  clear: both;
	}

/** Centers content 
	.centered { margin: 0 auto; }
**/
	.box {
	  margin: 5px;
	  background: #fff;
	  font-size: 11px;
	  float: left;
	}

	.col1 { width: 250px;}
	
	.col2 { width: 510px;}
	
	.post {
		float: left;
		position: relative;
		margin: 5px;
		background: #fff;
	}
	.post h2 {
		margin: 0;
		font-size: 16px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	
	.post h3 {
		font: 11pt droid serif;
		line-height: 0 !important;
		margin-bottom: 5pt;
		font-style: italic;
		opacity: 1;
		color: #282828;
	}
	
	.post h4 {
		font: 10pt droid serif;
		font-style: italic;
		line-height: 9pt;
		opacity: .5;
		margin: 0;
	}
	
	.post h5 {
		font-family: 'SteelfishRegular', helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 19pt;
		letter-spacing: 0;
		line-height: 19pt;
		margin: 0;
		opacity: .4;
	}

	.post .photo {
		position: relative;
		padding: 0;
		line-height: 0 !important;

		background: #e4c754;

	}
	.post .photo .photo_info {
		position: absolute;
		top: 91%;
		left: 50%;
		width: 100%;
		margin: -50% 0 0 -50%;
		text-align: center;
		opacity: 0;
		
		/*
		-webkit-transition: 0.5s ease-out;
		-webkit-transition: 0s ease-in;
		-moz-transition: 0.5s ease-out;
		-moz-transition: 0s ease-in;
		-o-transition: all 0.5s ease;
		transition: 0.5s ease-out;
		transition: 0s ease-in;
		*/

	}
	
	.photo_info2 {
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 8px;
		background-color: #cdd2d4;
		color: #282828;
		display: none;
	}

	.post:hover .photo .photo_info {
		opacity: 1;
	}
	.post .photo .photo_info a {
		color: #c8c8c8;
		text-decoration: none;
	}
	.post .photo .photo_info h2 a {
		margin: 0;
		line-height: 100%;
		font-family: 'SteelfishRegular', helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 25pt;
		color: #282828;
		letter-spacing: 0;
		opacity: 1;
	}
	
	.post img {
		max-width: 100%;
		height: auto;
	}
	.post .photo img {
		opacity: 1;
		margin: 0;
		/*
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		*/
		
	}
	.post:hover .photo img {
		opacity: 0.3;
	}


/* Viewer        //////////////////////////////////////////////*/
	#viewer {
		padding-left: 7px;

	}
	
	h2 {
		margin: 0;
		line-height: 100%;
		font-family: 'SteelfishRegular', helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 24pt;
		color: #949799;
		letter-spacing: 0;
		opacity: 1;
	}
	
	.videobox {
		padding-top: 9px;
		padding-bottom: 71px;
	}