/* @license
 * MyFonts Webfont Build ID 2300328, 2012-05-29T20:48:35-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Century Schoolbook Regular by URW++
 * URL: http://www.myfonts.com/fonts/urw/century-schoolbook/t-regular/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2300328
 *
 * © 2012 Bitstream Inc
*/

@font-face {
  font-family: 'CenturySch-Reg';
  src: url('../fonts/2319A8_0_0.eot');
  src: url('../fonts/2319A8_0_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/2319A8_0_0.woff')       format('woff'),
       url('../fonts/2319A8_0_0.ttf')        format('truetype');
}

/* Clearfix http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

html, body { padding: 0; margin: 0; }

html {
  background: #000 url(../images/background-start.jpg) top center no-repeat;
  /* -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */
  background-size: 100%;
  color: white;
  min-width: 1060px;
  position: relative;
}

html.subpage {
  background-image: url(../images/header-subpages.jpg);
}

html.subpage #content a {
  color: white;
}

#page { width: 560px; margin: 25px auto 0; }
#page, #by, h1, h2, .brag, #contact, nav, #itunes-link, #seperator { text-align: center; }

#brags-wrapper { position: fixed; top: 25px; left: 0; width: 100%; }

#brags { width: 560px; margin: 0 auto; }

.brag {
  float: left; width: 33%; font: 16px "CenturySch-Reg";
  /* box-sizing: border-box; padding: 5px;  */
}

#logo {
  position: absolute;
  left: 0;
  display: block; width: 100%; height: 468px;
  background: url(../images/logo.svg) center center no-repeat; opacity: 0;
  margin: 0 auto; }

.brag, .brag a { color: #8b8c8e; }

h1, h2, nav {
  font: 34px/40px 'CenturySch-Reg', Arial, sans-serif;
  text-transform: uppercase; }

  h2 .tag { cursor: pointer; }

html.subpage h1,
html.subpage h2,
html.subpage nav { font-size: 24px; line-height: 38px; }

h1 { text-transform: uppercase; margin: 670px 0 30px; color: #404041; }
  h1 .insta { color: #babcbe }
  h1 .c     { color: #d0d2d2 }
  h1 .r     { color: #808184 }
  h1 .t     { color: #404041 }
  h1 .via   { color: #d0d2d2 }

h2 { font-size: 16px; line-height: 19px; }

a {
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}

#itunes-link { margin: 34px 0; }

#contact, #contact a, #photos .loading, #content {
  font: 18px/21px "CenturySch-Reg", serif;
  letter-spacing: 1px; }

#content strong { font-weight: normal; }

#by, #by a { color: #2a2a2a; }
#by a:hover { color: #848484 }

#how-it-works-video { margin: 0 auto; text-align: center; }

html.subpage #how-it-works-video { padding-bottom: 0; margin-top: 55px; }

nav { margin-top: 80px; font-size: 28px; line-height: 34px }
  nav a { color: #d0d0d0; text-decoration: none; border-bottom: 1px solid #d0d0d0; }

  nav a:first-child { margin-right: 1em }
  nav a:last-child { margin-left: 1em }
  nav a:hover { color: #fefefe; }

  nav a.disabled { color: #424242; border-bottom-color: #424242; }

  html.subpage nav { margin-top: 50px; }
  html.subpage nav a:first-child { margin-right: 0 }
  html.subpage nav a#how-it-works { margin-right: 1em }

#contact { margin-top: 1em; }
  #contact a { color: #fff; line-height: 40px; }
  #contact a:hover { color: #d0d0d0 }

#seperator { color: #808080; margin: 10px 0; line-height: 10px; }

h2 { color: #cfcfcf; }
  h2 .showing { color: #808080; }

#photos { text-align: center; }
#photos .loading { color: #808080; }

#photos ul, #photos li { margin: 0; padding: 0; list-style: none }

#photos ul { text-align: center; }
#photos li { display: inline-block; width: 320px; height: 360px; }
#photos li img { width: 306px; height: 306px; }

#photos li p.caption { font: 13px "CenturySch-Reg"; /*text-transform: uppercase;*/ padding-top: 10px; }
#photos li p.caption,
#photos li p.caption a { color: #d0d0d0; }
  #photos li p.caption a:hover { color: #dfdfdf; }

/* filters */
#photos.only-instacrt      li[data-tags~='instacrtcolor'],
#photos.only-instacrtcolor li[data-tags~='instacrt'] { display: none !important }

#content { text-align: left; width: 576px; margin: 0 auto }