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

/*
------------------------------------------------------------------------------------------------
  RESETS
------------------------------------------------------------------------------------------------
*/
		*{
			padding:0px;
			margin:0px;
			font-family:Verdana, Geneva, sans-serif;
			line-height:1.6em;
			color:#5a5a5a;
			}
		
/*
------------------------------------------------------------------------------------------------
  LAYOUT
------------------------------------------------------------------------------------------------
*/	
		body{
			background-color:#e9eaeb;
			background-image:url(/assets/img/background.jpg);
			background-repeat:no-repeat;
			background-position:top center;
			font-size:12px;
			overflow-y:scroll;
			margin-bottom:200px;
			}
			
		#content{
			width:900px;
			margin:auto;
			margin-top:258px;
			position:relative;
			}	
		
		#body{
			margin-top:0px;
			width:600px;
			}
			
/*
------------------------------------------------------------------------------------------------
  FORMATTING
------------------------------------------------------------------------------------------------
*/			
		@font-face {
			font-family: 'Walkway SemiBold';
			src: url('../fonts/walkway_semibold-webfont.eot');
			src: url('../fonts/walkway_semibold-webfont.eot?#iefix') format('eot'),
				 url('../fonts/walkway_semibold-webfont.woff') format('woff'),
				 url('../fonts/walkway_semibold-webfont.ttf') format('truetype'),
				 url('../fonts/walkway_semibold-webfont.svg#webfontKtGQmt6a') format('svg');
			font-weight: normal;
			font-style: normal;
		
		}
		
	/* headers */
	
		h1{
			padding:0px;
			margin:0px;
			font-family:'Walkway SemiBold';
			font-weight:normal;
			font-size:116px;
			text-transform:lowercase;
			margin-bottom:-10px;
			font-weight:normal;
			}
			
			
		h2{
			font-family:'Walkway SemiBold';
			font-size:40px;
			font-weight:normal;
			margin-bottom:0.1em;
			}
			
		h3{
			}
			
		p{
			margin-bottom:0.5em;
			}
			
	/* links */
			
		#body a:link{
			text-decoration:none;
			border-bottom:1px dotted #666;
			}
			
		#body a:hover{
			text-decoration:none;
			border-bottom:none;
			}
			
	/* colors */
			
		.nav .item-about,
		.about a:link span,
		.about h1,
		.about h2{
			color:#8b9e76;
			}
			
		.nav .item-contact,
		.contact a:link span,
		.contact h1,
		.contact h2{
			color:#769e9e;
			}
			
		.nav .item-work,
		.work a:link span,
		.work h1,
		.work h2{
			color:#9e769e;
			}
			
		.nav .item-news,
		.news a:link span,
		.news h1,
		.news h2{
			color:#767c9e;
			}
		
		
/*
------------------------------------------------------------------------------------------------
  ELEMENTS
------------------------------------------------------------------------------------------------
*/			
		.project,
		.story{
			display:block;
			margin-bottom:40px;
			}
			
		.text{
			margin-bottom:10px;
			}
			
		.info p{
			font-size:1em;
			}
			
		.credits p{
			font-size:0.9em;
			}
			
		.video iframe{
			-moz-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.5); 
			-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); 
			margin:10px 0px 20px 0px;
			}
			
		.date{
			margin-bottom:10px;
			font-size:0.9em;
			font-weight:bold;
			}
			
		.story img{
			-moz-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.5); 
			-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); 
			margin:10px 0px;
			}
		
/*
------------------------------------------------------------------------------------------------
  PAGES
------------------------------------------------------------------------------------------------
*/	

	#about p{
		margin-bottom:2em;
		}