﻿body{
	font-family: "freight-text-pro",Georgia,serif;
	font-size: 12pt;
	line-height: 1.8em;
	color: #2d2d2d;
	margin:0;
	margin:0 0 0 0;
	-webkit-transition: .7s;
	transition: .7s;
}

img, video, object{ max-width: 100% }

.half {width:49.5%; float:left;}
.left {padding-right:1%;}

.letters img {padding-bottom:1%;}

article, header, nav, section {
    display: block;
}



.quote_block {

    color: #dbdbdb;
    font-family: "Sea","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15pt;
    line-height: 1em; 
}



	@font-face {
		font-family: 'Sea';
		src: url('../fonts/Louis-George-Cafe.woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Mono Social Icons Font';
		src: url('../fonts/MonoSocialIconsFont-1.10.eot');
		src: url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'), url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
		src: url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 60px;
    
}

a.symbol {
    padding: 7px 5px 3px 5px;
    color: white;
    text-decoration: none;
}


/* Homepage */


h3 {
    color: #dbdbdb ;
    font-family: "proxima-nova",sans-serif;
	font-size: 14pt;

}

.project_image{

    width: 800px;
}

.tire_image{

    width: 400px;
}


.header {color:#888888;}


.title, .banners a, .header, h2, .title, .pageSubtitle, h1 {
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
    font-family: "proxima-nova",sans-serif;
}



.sectionHeader {
	font-family: "freight-text-pro",Georgia,serif;
	font-size: 16pt;
	line-height: 1.8em;
	font-style: italic;
	color: #888;
	padding-top: 30px;
	padding-bottom: 0;
}

.title {
	font-size: 30px;
	letter-spacing:6px;
	margin-top: 160px;
	margin-bottom:6px;
	color:#dbdbdb;
    text-align: left;
}

.subtitle {
	font-size:16px;
	margin-top: 90px;
	margin-bottom: 40px;
	font-family: "freight-text-pro",Georgia,serif;
	color:#888888;
	text-transform: none;
	letter-spacing: 0px;
	font-style:italic;
    text-align: left;
}

.pageTitle {
	font-size: 32px;
	margin-top: 50px;
	margin-bottom: 0px;
	color: #444444;
	font-family: "freight-text-pro",Georgia,serif;
	text-transform:none;
	font-style:italic;
    text-align: left;
    margin-left: 20px;
}


h1 {
	font-size: 15px;
	color: #888888;
	font-weight: normal;
	letter-spacing: 3px;
	padding-top: 55px;
	margin-bottom: -25px;
	padding-bottom: 0;
}


.mainPageText
{
    margin: 50px 50px;

}

.borderedPlayLink
{

    border: gold solid 1px; padding: 5px; font: 170% Courier,Lucida Console,sans-serif; font-weight: 700;
}

.pageSubtitle {
	color:#888888;
    text-align: left;
    margin-left: 20px;
}

.link-image {
    text-align: center;
}

h2, .pageSubtitle {
	font-weight:normal;
}

h2 {
	padding: 0px 0 35px 0 !important;
	margin-top:-8px !important;
}



a {
	color:#fc6f44;
}

.banners a, h2 {
	margin-bottom:100px;
}

.banners {
}

p {
	font-family: "Sea","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15pt;
	line-height: 1.8em;
	color: #dbdbdb;
}

.div {
	margin:60px 0 50px 0;
}
	
	
/* footer */
	
.footer {padding: 0 70px 0 0;}
.foot {padding:0px 0;}

.foot .padding {
	padding:30px 0 0 0  !important;
}

.foot p, .text {
	width:600px;
	max-width:90%;
	
}

.text {
	margin: 50px auto;
}

.foot p {
	margin: 30px auto;
}

.foot .left {
	float:left;
	width:440px;
	padding-right:15px;
}

.foot img {padding:0 10px;}

.foot .right {
	float:left;
	width:440px;
	padding:30px 0px;
}

.foot .right img {
	padding:20px 20px;
}

.back {
	font-style:italic;
}
/* Layout 
================================ */

.wrap{
  margin: 0px auto;
  overflow: hidden;
  width: 960px;
max-width:80%;
}

.primary-header{
  float: right;
  width: 30%
}

.content{
	text-align:center;
  max-width: 100%;
}

p{
	text-align:left;

}

img {
	max-width:100%;
}

@media only screen and (max-width: 1085px){
  body{
    font-size: 16px;
  }

  .wrap{
    margin: 15px auto;
  }

  .primary-header,  .content{
    float: none;
    width: auto;
  }

}

/* Text 
================================ */

a{
  text-decoration: none;
}

/* Header */

.primary-header{
  font-size: 0.85em;
}

.site-title{ font-size: 1.2em; }

.page-menu {
  margin: 0 0 30px;
  padding: 0;
}

.page-menu li{
  border-top: 1px dotted #d4d7d9;
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  list-style: none;
}

.is-current-page{
  color: #999;
  pointer-events: none;
}

/* Content */

.content-title{
  font-size: 2.4em;
  line-height: 1.3;
  margin: 0 0 0.5em;
}

.post-preview{
  border-top: 1px dotted #d4d7d9;
  margin: 1em 0 0;
  padding: 1em 0 0;
}

.subpage-menu a{
  display: inline-block;
  margin-right: 15px;
}
/* I got 99 problems, but this last line ain't one */






