@font-face {
    font-family: 'diner-fattregular';
    src: url('Diner-Fatt-webfont.eot');
    src: url('Diner-Fatt-webfont.eot?#iefix') format('embedded-opentype'),
         url('Diner-Fatt-webfont.woff2') format('woff2'),
         url('Diner-Fatt-webfont.woff') format('woff'),
         url('Diner-Fatt-webfont.ttf') format('truetype'),
         url('Diner-Fatt-webfont.svg#diner-fattregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'diner-regularregular';
    src: url('Diner-Regular-webfont.eot');
    src: url('Diner-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Diner-Regular-webfont.woff2') format('woff2'),
         url('Diner-Regular-webfont.woff') format('woff'),
         url('Diner-Regular-webfont.ttf') format('truetype'),
         url('Diner-Regular-webfont.svg#diner-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}	
@font-face {
    font-family: 'diner-skinnyregular';
    src: url('Diner-Skinny-webfont.eot');
    src: url('Diner-Skinny-webfont.eot?#iefix') format('embedded-opentype'),
         url('Diner-Skinny-webfont.woff2') format('woff2'),
         url('Diner-Skinny-webfont.woff') format('woff'),
         url('Diner-Skinny-webfont.ttf') format('truetype'),
         url('Diner-Skinny-webfont.svg#diner-skinnyregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;

.open {
font-family : 'Open Sans Condensed', sans-serif;
}
.openb {
font-family : 'Open Sans Condensed', sans-serif;
font-weight : 700;
}
.openi {
font-family : 'Open Sans Condensed 300i', sans-serif;
font-style: italic;
}

	
body {
  	font-family: 'Open Sans Condensed', sans-serif;
  	font-size: 18px;
  	line-height: 140%;
  	color: #333333;
	}

p {
  	font-family: 'Open Sans Condensed', sans-serif;
  	font-size: 19px;
  	line-height: 140%;
  	text-align: left;
  	color: #333333;
	}	
		a:link {
			color: #9988cc;
			font-weight: normal;
			text-decoration: underline;
			}
		a:visited {
			color: #999999;
			font-weight: normal;
			text-decoration: none;
			}
		 a:hover {
			color: #9966cc;
			font-weight: normal;
			text-decoration: underline;
			}
		a:active {
			color: #9966cc;
			font-weight: normal;
			text-decoration: underline;
			}
	
	.bold {
		font-weight: 700;
		}
	
	.bvio {
		font-weight: 700;
		color : #9988cc;
		}
			
	.foot {	
		font-family : 'Open Sans Condensed', sans-serif;
		font-weight : 300;
		font-size: 18px;
		line-height: 140%;
		letter-spacing: 2px;
		margin: 20px;
		text-align: right;
		color: #ffffff;
		}
		.foot a:link {
			color: #ffffff;
			font-weight: 300;
			text-decoration: none;
			}
		.foot a:visited {
			color: #ffffff;
			font-weight: 300;
			text-decoration: none;
			}
		 .foot a:hover {
			color: #ccccff;
			font-weight: 300;
			text-decoration: underline;
			}
		.foot a:active {
			color: #ccccff;
			font-weight: 300;
			text-decoration: underline;
			}

	.log {
		margin: 40px 0px 40px 0px;
		}

	.pic {
		margin: 15px 0px 15px 0px;
		}

	.proj {
  		font-family: 'Open Sans Condensed', sans-serif;
  		font-size: 21px;
  		line-height: 200%;
  		text-align: left;
  		margin: 20px 0px 0px 0px;
  		color: #333333;
		}	
		.proj a:link {
			color: #9999cc;
			font-weight: normal;
			text-decoration: none;
			}
		.proj a:visited {
			color: #999999;
			font-weight: normal;
			text-decoration: none;
			}
		.proj a:hover {
			color: #9966cc;
			font-weight: normal;
			text-decoration: underline;
			}
		.proj a:active {
			color: #9966cc;
			font-weight: normal;
			text-decoration: underline;
			}
			
	.story {
  		font-family: 'Open Sans Condensed', sans-serif;
  		font-size: 21px;
  		line-height: 200%;
  		text-align: left;
  		color: #333333;
		}	

	.storys {
  		font-family: 'Open Sans Condensed', sans-serif;
  		font-size: 21px;
  		line-height: 140%;
  		text-align: left;
  		color: #333333;
		}	

	.sub {
	  	font-family: 'Open Sans Condensed', sans-serif;
	  	font-size: 24px;
	  	line-height: 200%;
	  	text-align: left;
  		color: #333333;
		}
		
	.title {
  		font-family: 'diner-regularregular', sans-serif;
 	 	font-size: 60px;
	  	letter-spacing: 3px;
 	 	line-height: 120%;
  		text-align: left;
  		color: #333333;
		}	

	.titles {
  		font-family: 'diner-regularregular', sans-serif;
 	 	font-size: 60px;
	  	letter-spacing: 2px;
 	 	line-height: 120%;
  		text-align: left;
  		color: #333333;
		}

	.titlev {
  		font-family: 'diner-regularregular', sans-serif;
 	 	font-size: 42px;
	  	letter-spacing: 3px;
 	 	line-height: 120%;
  		text-align: left;
  		color: #9988cc;
		}