body {
		font-family: "myriad-pro",sans-serif;
		font-size: 100%;
		line-height:1;
        background: #f6f6f6;
        color: #241d0e;
        margin: 0;
		padding: 0;
      }
	  
	h1 {
		font-family: "ff-enzo-web",sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 170%;
		text-transform: uppercase;
		margin-bottom: 0.8em;
		}
	h2 {
		font-family: "ff-enzo-web",sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 140%;
		line-height: 2em;
		text-transform: uppercase;
	}
	h3 {
		font-family: "ff-enzo-web",sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 100%;
		margin: 2em 0 0.4em 0;
		text-transform: uppercase;
		}
	  p{
		font-family: "myriad-pro",sans-serif;
		font-size: 120%;
		line-height: 1.4;
		margin-bottom: 2em;
		font-weight: normal;
		font-style: normal;
	  }
/* ----- MAIN NAVIGATION ----- */
	.container {
		display: inline-block;
		position: relative;
		width: 24%;
		float: left;
	}
	.dummy {margin-top: 100%;} /* % changes aspect ratio, 100=1:1 */
	.element {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		font-size: 1em;
		padding-top: 38%;
	}
	nav {
		margin: 2% 7%;
		}
	nav ul {
		list-style:none;
		padding: 0;
		line-height: normal;
		}
	nav ul li {
		float: left;
		margin: 0 2px 2px 0;
		}
	nav ul li a {
		display: block;
		background-color: #ddd;
		text-align: center;
		text-decoration: none;
		color: #201b19;
		font-weight: normal;
		padding: 0;
		-webkit-transition: background-color .3s linear;
		transition: background-color .3s linear;
	}
	nav ul li a.element:hover {
		background-color: #f9b317;
		}
	nav ul li a.active {
		background-color: #f9b317;
		}

	/* Previous and Next links */
      #prevnext {
        clear: both;
        color: #666;
        margin: 0 0 1em 0;
		padding: 0;
        text-align: center;
		text-decoration: none;
      }
      #prevnext a:link.prev, #prevnext a:link.next {
		  font-weight: normal;
		  background-color: #ddd;
		  float: left;
		  text-decoration: none;
		  }
	  #prevnext a.prev:hover {background-color:  #f9b317;}
	  #prevnext a.next:hover {background-color:  #f9b317;}
	  #prevnext p {float: left; display: block; width: 50px; height: 50px; line-height: 2;}
	  
/* Building blocks & layout */
	article {
		border-bottom: 1px solid #f9b317;
		padding-bottom: 1em;
		}
	aside p {
		line-height: 2.2em;
		font-size: 0.8em;
		margin: 0;
		color: #666;
		}

/* Tags */
	p.tags {
		font-size: 80%;
		color: #999;
		font-weight: normal;
		margin: 0;
		padding: 0;
		line-height: 1.2;
		}
	p.tags a:link, p.tags a {
		font-weight: normal;
		text-decoration: none;
		margin-right: 0.2em;
		color: #999;
		}
	p.tags a:hover {color: #333;}
	aside p.tags a:before {content: "#"; text-decoration: none;}
	aside p.tags {margin-bottom: 0;}
		
/* Dates */
	aside p a.date {color: #666; text-decoration: none;}
	.newdate, .samedate {}
      a, a:visited, a:active {color: #241d0e; text-decoration: underline;}
      a:hover {background-color: #f9b317;}
      
/* Title and Description */
	  h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {text-transform: uppercase; text-decoration: none; font-weight:normal;}
      h1 a, h1 a:active, h1 a:visited {color: #241d0e;}
 
/* Common to all posts */
	.regular, .quote, .link, .photo, .video, .conversation, .audio {margin-left: 0; max-width: 715px;}  
	.regular h3, .link h3, .conversation h3 {
        margin: 0;
		font-weight: normal;
		color: #241d0e;
		max-width: 715px;
      }
		
/* Regular Posts */
	.regular blockquote, .link blockquote {
        border-left: 3px solid #f9b317;
        font-weight: bold;
		line-height: 1.4em;
		border-left: 4px solid #fc0;
		margin: 2%;
		padding: 2%;
		color: #333;
		display: block;
      }
	.regular img {max-width: 100%;}
	.regular ul, .regular ol {margin-top: 1em; margin-bottom: 1em;}
      
/* Quote Post */
	.quote {
		font-size: 110%;
		line-height: 1.2em;
		padding-top: 2em;
      }
	.quote big {font-weight: bold;}
	.quote .source {
        font: Verdana;
        font-size: 11px;
        margin-left: .5em;
      }
	  
/* Photo posts */
	.photo .caption, .video .caption, .audio .caption {display: block; font-size: 100%; line-height: 2; color: #666;}
	.photo img {
        border: none;
        background: transparent;
        padding:0px;
        max-width: 100%;
        height:auto;
      }

/* Link Posts */
	.link a {font-weight: normal;}
	.link a.hover {color: #333; background-color: #f9b317;}
	.link .description {display: block;}
	  
/*Video posts */
	.video {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}
	.video iframe, .video embed, .video object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		}

/* Footer. */
	footer {
		bottom: 0;
		left: 68px;
		width: 180px;		
		margin: 0;
        font-size: 0.6em; color: #666;
		}
	.query { font-weight: normal; }
	
/* Trickbag */
	.clear {clear: both;}
	hr.clear {
		height: 0;
		margin: 0;
		padding: 0;
		}
	.hidden {visibility: hidden;}