/* @override 
	http://cdn.snapsnapsnap.photos/wp-content/themes/camera-plus-blog/style.css?ver=19
	http://cdn.snapsnapsnap.photos/wp-content/themes/camera-plus-blog/style.css?ver=23
	http://cdn.snapsnapsnap.photos/wp-content/themes/camera-plus-blog/style.css?ver=24 */
/*
Theme Name: Camera +

Description: Dedicated Wordpress theme for Company Name

*/
.alignleft,
.fl {
  float: left !important;
  margin: 0 20px 20px 0;
}

img.alignleft {
  margin-right: 10px;
}

img.alignright {
  margin-left: 10px;
}

.alignright,
.fr {
  float: right !important;
  margin: 0 0 20px 20px;
}

/*
.alignnone {
  margin: 0 auto !important;
  display: block !important;
}
*/

.aligncenter {
  display: block !important;
  float: none !important;
  text-align: center !important;
  clear: both !important;
  margin: 0 auto !important;
}

.current-menu-item {
  cursor: default;
}

.dn {
  display: none;
}

img {
  border: none;
}

a {
  outline: none;
}

body {
  margin: 0;
  font-family: 'proxima-nova',helvetica,Arial,Helvetica;
  background: #2C2F31 url('//static.snapsnapsnap.photos/css/images/bg.jpg');
  color: #fff;
}

.container {
  width: 964px;
  margin: 0 auto;
  position: relative;
}

h1 {
  font-family: 'proxima-nova',helvetica;
  font-size: 70px;
  line-height: 70px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 25px;
  letter-spacing: -2px;
}

h2 {
  font-family: 'proxima-nova',helvetica;
  font-size: 32px;
  color: #fff;
  font-weight: lighter;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: -1.5px;
}
h2.post-title a {
  color: #fff;
  text-decoration: none;
}

h3 {
  font-family: 'proxima-nova',helvetica;
  font-size: 32px;
  line-height: 33px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 22px;
}

h4 {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}

p {
  font-size: 17px;
  line-height: 27px;
  color: #a3b1bf;
  margin: 0 0 27px;
  letter-spacing: 0.3px;
}

p + h3 {
  margin: 51px 0 34px;
}

.more {
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-color: #7476E2;
  padding: 3px 9px 4px;
  letter-spacing: 0.5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

header.main {
  position: relative;
  min-height: 150px;
  background: white url(//static.snapsnapsnap.photos/css/images/headerbg@2x.png);
  background-size: 220px 134px;
}

header.main .starburst {
	display: block;
  background: url('//static.snapsnapsnap.photos/css/images/stars@2x.png') no-repeat;
  background-size: 189px 122px;
  width: 189px; height: 122px;
  position: absolute;
  left: 220px;
  top: 12px;
}


@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	header.main .starburst {	
		background-image: url('//static.snapsnapsnap.photos/css/images/stars@2x.png');
	}
}

header.main:after {
	content: '';
	width: 100%;
	height: 4px;
	background: #36CCCB;
	position: absolute;
	bottom: -4px;
	left: 0;
}



header.main .container {
	text-align: right;
	padding-top: 40px;
}

header.main .navigation .container {
	padding-top: 0;
}

header.main .logo {
  float: left;
  margin: -20px 0 0 15px;
  width: 150px;
  height: 87px;
  background-image: url('//static.snapsnapsnap.photos/css/images/snapsnapsnap.png?1398154354');
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
  color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  header.main .logo {
    background-image: url('//static.snapsnapsnap.photos/css/images/snapsnapsnap@2x.png?1398154400');
    -webkit-background-size: 150px auto;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    background-size: 150px auto;
  }
}

header.main .info {
	display: block;
	font-family: 'proxima-nova', helvetica;
	font-size: 15px;
	color: #A3B1BF;
	font-weight: lighter;
	margin: 0 0 8px 0;
	letter-spacing: 0px;
	line-height: 27px;
}

header.main .logo-camplus, 
header.main .logo-magicam,
header.main .logo-filters {
	display: inline-block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	color: transparent;
}

header.main .logo-camplus {
	width: 128px;
	height: 29px;
	background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/logo-camplus_3.png');
	background-size: 128px 29px;
}
header.main .logo-magicam  {
	width: 138px;
	height: 31px;
	background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/logo-magicam_3.png');
	margin-left: 20px;
	background-size: 138px 31px;
}
header.main .logo-filters  {
	width: 100px;
	height: 29px;
	background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/logo-filters_3.png');
	margin-left: 20px;
	margin-right: 39px;
	background-size: 100px 29px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	header.main .logo-camplus {
		background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/logo-camplus_3.png');
	}
header.main .logo-magicam {
	background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/logo-magicam_3.png');
}
header.main .logo-filters {
	background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/logo-filters_3.png');
}
}

header.main .info b {
	color: #2e3033;
}

header.main .app-store {
  display: block;
  float: right;
  width: 134px;
  height: 40px;
  margin: 24px 0 0 0;
  background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/store.png?1398154984');
  background-position: left top;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  header.main .app-store {
    background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/store.png?1398154971');
    -webkit-background-size: 134px auto;
    -moz-background-size: 134px auto;
    -o-background-size: 134px auto;
    background-size: 134px auto;
  }
}
header.main .navigation {
  background-color: #5c6166;
  height: 40px;
  position: absolute;
  bottom: -24px;
  left: 50%;
  z-index: 10;
  overflow: hidden;
  margin-left: -482px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
header.main nav.main ul {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}
header.main nav.main ul li {
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'proxima-nova',helvetica;
}
header.main nav.main ul li.current-menu-item {
	background: #1b83eb;
}
header.main nav.main ul a {
  color: #fff;
  display: block;
  padding: 10px 33px;
  text-decoration: none;
  border-right: 1px solid #45494d;
	height:40px;
	font-weight: bold;
box-sizing: border-box;}

nav.social {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  background-color: #737980;
}
nav.social ul {
  margin: 12px 6px 0;
  padding: 0;
  list-style: none;
}
nav.social ul li {
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 13px;
}
nav.social ul li.fb {
  background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/fb.png?1398155964');
  background-position: left top;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  nav.social ul li.fb {
    background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/fb.png?1398159321');
    -webkit-background-size: 16px auto;
    -moz-background-size: 16px auto;
    -o-background-size: 16px auto;
    background-size: 16px auto;
  }
}
nav.social ul li.tw {
  background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/tw.png?1398156004');
  background-position: left top;
  background-repeat: no-repeat;
  width: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  nav.social ul li.tw {
    background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/tw.png?1398159352');
    -webkit-background-size: 19px auto;
    -moz-background-size: 19px auto;
    -o-background-size: 19px auto;
    background-size: 19px auto;
  }
}
nav.social ul li.rss {
  background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/rss.png?1398156052');
  background-position: left top;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  nav.social ul li.rss {
    background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/rss.png?1398159378');
    -webkit-background-size: 16px auto;
    -moz-background-size: 16px auto;
    -o-background-size: 16px auto;
    background-size: 16px auto;
  }
}

nav.social ul li.yt {
	width: 22px;
  background-image: url('//static.snapsnapsnap.photos/css/images/youtube@2x.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 22px 16px;
}

nav.social ul a {
  display: block;
  height: 18px;
}

section.main {
  margin: 68px 0 0 0;
}

body..single section.main h1 {
	font-size: 70px;
	letter-spacing: 0;
	margin-bottom: 16px;
}

.slides {
	margin: 0;
	padding: 0;
}

section.main .meta {
	margin-bottom: 32px;
}

.flexslider {
	position: relative;
}

.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 100%;
	height: 60px;
	top: 50%;
	margin-top: -43px;
	left: 0;
	z-index: 40;
}

.flex-direction-nav li a {
	display: block;
	width: 60px;
	height: 60px;
	background-color: rgba(0,0,0,.2);
	position: absolute;
	top: 0;
	text-indent: -9999px;
}

.slides li {
	width: 964px;
/*	height: 470px;*/
	background-size: cover;
	-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
}

.flexslider {
	margin: 0!important;
}
.flexslidercarousel {
/*	display: none; */
	margin-bottom: 60px;
	overflow: hidden;
	width: 716px;
}

.flexslidercarousel .flex-direction-nav {
	display: none;
}

.flexslider .slides img {
	height: auto;
}

.flex-control-paging {
	display: none;
}

.flexslidercarousel .flex-viewport {
	width: 716px;
	height: 81px;
	background-color: black;
}

.flexslidercarousel li {
	padding: 1px 0 1px 1px;
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.flexslidercarousel li.flex-active-slide:after {
	content:'';
	border: 3px solid #7476e2;
	width: 74px;
	height: 74px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 100;
}

.flexslidercarousel img {
	width: auto;
	height: 80px;
}

.flex-control-nav {
	width: 100%;
	margin: 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

ol.flex-control-thumbs {
	margin: 0;
	height 82px;
}

ol.flex-control-nav.flex-control-thumbs li {
	padding: 1px;
	width: auto;
	float: none;
	display: inline-block;
}

ol.flex-control-nav.flex-control-thumbs li img {
	height: 80px;
	width: auto;
}

.flex-viewport li a.zoom {
	position: absolute;
	display: block;
	top: 20px;
	right: 20px;
	width: 45px;
	height: 45px;
	background-color: rgba(0,0,0,.2);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	background-image: url(//static.snapsnapsnap.photos/css/images/slider-zoom@2x.png);
	background-size: 22px 22px;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-webkit-transition-delay: 3s;
}

.flexslider:hover .flex-viewport li a.zoom {
	opacity: 1;
	-webkit-transition-delay: 0;
}

.flex-control-nav li {
	display: inline-block;
	margin: 0 8px;
}

.flex-control-nav li a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	border: 2px solid #fff;
	-webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 -ms-border-radius: 15px;
 -o-border-radius: 15px;
 border-radius: 15px;
 cursor: pointer;
}

.flex-control-nav li a.flex-active {
	background-color: #fff;
	cursor: default;
}

.main .flexslider .slides img {
	border-radius: 0;
	box-shadow: none;
}


.flexslider .flex-next,
.flexslider .flex-prev {
	-webkit-transition-delay: 3s;
}

.flexslider:hover .flex-next,
.flexslider:hover .flex-prev,
.flexslider.reveal .flex-next,
.flexslider.reveal .flex-prev {
	-webkit-transition-delay: 0;
}

.flexslider.reveal .flex-next {opacity: 0.8; right: 5px;}
.flexslider.reveal .flex-prev {opacity: 0.8; left: 5px;}


.rsSliderContent { display: none !important; }

.containerFlexDiv { max-width: 716px; }

.flex-centered .slides {width: 100%!important; text-align: center;}
.flex-centered .slides li {display: inline-block!important; *display: inline!important; float: none!important;}

.meta {
  border-top: 2px solid #525c66;
  font-family: 'proxima-nova',helvetica;
  color: #fff;
  font-size: 0;
  margin-bottom: 81px;
}
.meta span {
  font-size: 17px;
  line-height: 19px;
  position: relative;
  display: inline-block;
}
.meta span a {
  text-decoration: none;
}
.meta .date {
  background-color: #5c6166;
  font-size: 15px;
  text-transform: uppercase;
  top: -2px;
  font-weight: bold;
  padding: 12px 14px 8px 14px;
  margin-right: 23px;
}
.meta .date a {
  color: #fff;
}
.meta .author {
  border-right: 1px solid #525c66;
  padding: 10px 23px 8px 0;
  top: -2px;
}
.meta .author a {
  color: #fff;
}
.meta .comment {
  color: #36CCCB;
  border-right: 1px solid #525c66;
  padding: 11px 28px 8px 41px;
  top: -1px;
}
.meta .comment:before {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/comment.png?1398158180');
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .meta .comment:before {
    background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/comment.png?1398159292');
    -webkit-background-size: 16px auto;
    -moz-background-size: 16px auto;
    -o-background-size: 16px auto;
    background-size: 16px auto;
  }
}

.meta .social {
	padding: 5px 0 0 20px;
	box-sizing: border-box;
	height: 27px;
}

#comments .social {
	position: relative;
}

.social .fb-share-button.fb_iframe_widget {
	top: -8px;
	display: inline !important;
}

.meta .tags {
  padding: 11px 28px 8px 50px;
  top: -1px;
}
.meta .tags a {
  color: #36CCCB;
  text-decoration: none;
  margin-right: 11px;
}
.meta .tags:before {
  content: '';
  width: 21px;
  height: 12px;
  background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites/tag.png?1398159132');
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: 17px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .meta .tags:before {
    background-image: url('//static.snapsnapsnap.photos/css/images/no-sprites@2x/tag.png?1398159264');
    -webkit-background-size: 21px auto;
    -moz-background-size: 21px auto;
    -o-background-size: 21px auto;
    background-size: 21px auto;
  }
}
.meta.index {
  margin: 21px 0 40px;
  border-top: 0;
  border-bottom: 1px solid #525c66;
  padding-bottom: 19px;
}
.meta.index .date {
  background-color: rgba(41, 46, 51, 0.9);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-right: 0;
}
.meta.index .date a {
	color: #a3b1bf;
}
.meta.index .more {
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  margin-top: 4px;
}

.side-info > img {
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.side-info.full {
  width: 100%;
  margin: 118px 0 50px;
}
.side-info.full > img {
  width: 716px;
  float: left;
}
.side-info.full .text {
  float: right;
  width: 220px;
}
.side-info.full .text ul li {
  width: 170px;
  float: left;
  margin-left: 30px;
}
.side-info.full .text ul li:nth-child(2) {
  border-width: 1px;
}
.side-info.full .text ul li img {
  top: 8px;
  left: -29px;
}
.side-info.half {
  width: 400px;
  float: right;
  margin: 3px 34px 0 65px;
  padding-bottom: 100px;
}
.side-info.half > img {
  width: 100%;
}
.side-info.half .text {
  width: 100%;
  padding: 0 5px;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.side-info p {
  font-size: 13px;
  line-height: 20px;
  color: #a3b1bf;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.side-info ul {
  margin: 14px 0 0 0;
  padding: 0;
  list-style: none;
}
.side-info ul li {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #a3b1bf;
  border-top: 1px solid #525c66;
  position: relative;
  float: left;
  margin: 0 0 10px 32px;
  padding-top: 9px;
  width: 150px;
}
.side-info ul li:nth-child(1), .side-info ul li:nth-child(2) {
  border-width: 0;
}
.side-info ul li:nth-child(2n) {
  float: right;
  margin-left: 0;
}
.side-info ul li img {
  width: auto;
  height: 18px;
  position: absolute;
  top: 6px;
  left: -28px;
}
.side-info br {
  display: none;
}

.side-text {
  width: 200px;
  float: right;
  margin: 3px 15px 0 0;
  padding-bottom: 100px;
  line-height: 1.8;
}
.blogtext .side-text p {
  font-size: 13px;
  line-height: 20px;
  color: #a3b1bf;
  letter-spacing: 0;
  margin-bottom: 10px;
  width: 180px;
}

.blogtext .side-text h4 {
	font-size: 14px;
	margin: 3px 0;
}

.blogtext .side-text a {
	color: white;
	text-decoration: none;
}

div.blog {
	margin-top: 80px;
}

div.blog .post {
	border-top: 1px solid #5c6166;
	padding-top: 40px;
	padding-bottom: 45px;
	clear: both;
}
div.blog .post:nth-last-of-type(2) {
	border-bottom: 1px solid #5c6166;
}

div.blog .post > img {
	float: left;
	-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
 width: 220px;
 height: 124px;
}

div.blog .post .post-content {
	float: right;
	width: 716px;
}

div.blog .post p {
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 22px;
}

div.blog .post .data {
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: #a3b1bf;
	text-transform: uppercase;
	margin-bottom: 15px;
}

div.blog h1 {
	float: left;
}

.pagination {
	float: right;
	margin-top: 33px;
}

div.blog h1 + .pagination {
	margin-top: 45px;
}

.pagination ol {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.pagination span.title {
	display: none;
}

.pagination ol li {
	display: inline-block;
	margin: 0 8px;
}

.pagination ol li a, .pagination ol li span {
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #545658;
	text-indent: -9999px;
	-webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 -ms-border-radius: 15px;
 -o-border-radius: 15px;
 border-radius: 15px;
}

.pagination ol li span {
	background: #fff;
	border: 2px solid #fff;
}

.pagination ol li a.prev, .pagination ol li a.next {
	border-radius: 0;
	border: 0;
	text-indent: 0;
	font-size: 15px;
	border-bottom: 1px solid #767778;
	width: auto;
	height: auto;
	color: #fff;
	text-decoration: none;
	position: relative;
	top: -4px;
}

.pagination ol li a.next {
	margin-left: 8px;
}

.pagination ol li a.prev {
	margin-right: 8px;
}

#comments {
  margin-top: /*1*/ 92px;
  border-bottom: 1px solid #525c66;
  padding-bottom: 83px;
}
#comments .comment-list {
  width: 717px;
  margin: 41px 0 0 0;
  padding: 0;
  list-style: none;
}
#comments .comment-list .children {
  list-style: none;
  margin: 35px 0 60px;
  padding-left: 90px;
}
#comments .comment-list li {
  margin-bottom: 28px;
}
#comments .comment-list li:last-child .comment-content {
  border-width: 0;
}
#comments .comment-author.vcard {
  font-family: 'proxima-nova',helvetica;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  font-style: italic;
  top: 5px;
}
#comments .comment-author.vcard img {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  float: left;
  margin-right: 25px;
  position: relative;
  top: -5px;
}
#comments .comment-author.vcard .fn {
  font-weight: normal;
}
#comments .comment-author.vcard .fn a {
  text-decoration: none;
  color: #fff;
}
#comments .comment-metadata {
  font-family: 'proxima-nova',helvetica;
  font-size: 15px;
  line-height: 20px;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 1px;
}
#comments .comment-metadata a {
  text-decoration: none;
  color: #828e99;
}
#comments .comment-content {
  margin-left: 89px;
  padding-right: 25px;
  border-bottom: 1px solid #525c66;
}
#comments .comment-content p {
  font-size: 15px;
  line-height: 23px;
  color: #a3b1bf;
}
#comments .reply {
  float: right;
  margin-top: 10px;
}
#comments .reply a {
  color: #828e99;
  text-decoration: none;
}

#respond {
  margin-top: 69px;
}
#respond #reply-title {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: lighter;
  letter-spacing: -1px;
}
#respond .comment-notes {
  display: none;
}
#respond .logged-in-as a {
  color: #a3b1bf;
  text-decoration: none;
}
#respond .comment-form {
  margin: 39px 0 0 87px;
}
#respond .comment-form p {
  margin-bottom: 9px;
  font-size: 15px;
}
#respond .comment-form p.gravatar-info {
  margin-top: -15px;
}
#respond .comment-form p.gravatar-info a {
  color: #a3b1bf;
  text-decoration: none;
}
#respond .comment-form label {
  font-family: 'proxima-nova',helvetica;
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  font-style: italic;
}
#respond .comment-form label span {
  font-weight: lighter;
  color: #a3b1bf;
}
#respond .comment-form input, #respond .comment-form textarea {
  margin: 0;
  padding: 0;
  border: 0;
  width: 330px;
  height: 20px;
  padding: 5px;
  margin-top: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#respond .comment-form textarea {
  resize: none;
  width: 619px;
  height: 150px;
}
#respond .comment-form input#submit {
  width: auto;
  height: 30px;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  background-color: #7476E2;
  cursor: pointer;
  margin-top: 7px;
  padding: 2px 11px 3px;
  letter-spacing: 0.5px;
}
#respond .form-allowed-tags {
  display: none;
}

.recent {
  margin-top: 48px;
  padding-bottom: 3px;
}
.index .recent {
	margin-top: 9px;
}
.recent h2 {
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.recent ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.recent ul li {
  display: inline-block;
  width: 220px;
  margin: 0 28px 64px 0;
  vertical-align: top;
  position: relative;
}
.recent ul li .more {
	position: absolute;
	bottom: 0;
	left: 0;
}
.recent ul li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.recent ul li:nth-child(4n) {
  margin-right: 0;
}
.recent ul li img {
  width: 100%;
  height: 122px;
  border: 1px solid #3c3d3d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.recent ul li h3 {
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 18px 0 0;
}
.recent ul li .data {
  font-family: 'proxima-nova',helvetica;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  color: #828e99;
  font-weight: bold;
}
.recent ul li p {
  font-size: 15px;
  line-height: 23px;
  color: #a3b1bf;
  margin: 22px 0 17px;
}

.stars {
  border-top: 1px solid #525c66;
  margin: 44px 0 8px;
  padding: 45px 0 0 0;
}
.stars.on-blog {
	border: 0;
}
.stars ul {
  margin: 19px 0 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.stars ul li {
  display: inline-block;
  width: 300px;
  margin-right: 32px;
}
.stars ul li:nth-child(3n) {
  margin-right: 0;
}
.stars ul li img {
  width: 100%;
  height: 168px;
  border: 1px solid #3c3d3d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

section.main.index {
  margin-top: 49px;
}

.banner {
	display: block;
  width: 964px;
  margin: 0 auto;
  height: 521px;
/*  border: 1px solid #606963;*/
  box-shadow: 0px 4px 2px 0px rgba(18, 16, 12, 0.196);
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}

.banner .info {
display: block;
  background: rgba(41, 46, 51, 0.6);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(12,14,15,.4) 30%, rgba(41,46,51,.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(12,14,15,.4)), color-stop(100%,rgba(41,46,51,.8)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(12,14,15,,4) 30%,rgba(41,46,51,.8) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(12,14,15,,4) 30%,rgba(41,46,51,.8) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(12,14,15,.4) 30%,rgba(41,46,51,.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(12,14,15,.4) 30%,rgba(41,46,51,.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#292e33',GradientType=0 );
  
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 31px 30px 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	color: white;
}

.banner .info h1 {
  line-height: 70px;
  margin-bottom: 0;
}

.banner .info a {
	text-decoration: none;
}

.banner .info .author {
	padding-left: 3px;
  font-size: 17px;
  font-weight: bold;
  color: #a3b1bf;
}


.post {
  padding: 30px 0;
}

.nav-previous a, .nav-next a {
  color: #fff;
  text-decoration: none;
}

footer.main {
}
footer.main .about {
  margin-top: 46px;
  padding-top: 30px;
  padding-bottom: 84px;
  background-color: #222426;
}
footer.main .about h2 {
  margin: 50px 0 25px 0;
}
footer.main .about p {
  font-size: 15px;
  line-height: 23px;
  color: #a3b1bf;
}
footer.main .about .about-text {
  float: left;
  width: 280px;
  margin-top: 46px;
  text-align: left;
  position: relative;
}


footer.main .about .about-text a.covering {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 100;
}

footer.main .about .about-text .screens {
	margin: auto;
	display: block;
}
footer.main .about .about-text {
	margin-right: 30px;
	padding-right: 30px;
}
footer.main .about .about-text:last-child {
	margin-right: 0;
	padding-right: 0;
}
footer.main .about .about-text .screen {
	float: right;
	height: 300px;
	width: auto;
	margin-left: 15px;
}

footer.main .about .about-text h4 {
	font-size: 15px;
	margin: 0 0 .2em 0;
}

footer.main .about .logo {
	height: 1.5em;
	width: auto;
	vertical-align: middle;
	margin-left: .3em;
}

footer.main .about {
	line-height: 1.5em;
}

footer.main .about .icon {
	height: 1.5em;
	width: auto;
	vertical-align: middle;
	margin-right: .2em;
	position: relative;
	top: -.1em;
}

footer.main .about .about-text p {
  margin-bottom: 18px;
}
footer.main .about .about-img {
  width: 422px;
  float: right;
  margin: 40px 12px 0 0;
}
footer.main .about .about-img img {
  width: 100%;
  height: auto;
}
footer.main .footnote {
  float: left;
  width: 550px;
  margin-top: 31px;
}
footer.main .footnote p {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  letter-spacing: 0;
}
footer.main .footnote p strong {
  font-weight: bold;
  color: #fff;
}
footer.main nav.social {
  margin-top: 39px;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative; /* really I want this to be higher up in the hierarchy.. */
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}


.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}









/* karl's mods */

section.main p {
  max-width: 700px;
}

a {
  color: #36CCCB;
}

h1 a, h3 a {
	color: white;
	text-decoration: none;
}

h1 a:hover, h3 a:hover {
	text-decoration: underline;
}

.blogtext {
	counter-reset: h3step;
}

.blogtext h3:before {
	counter-increment: h3step;
	content: counter(h3step);
	display: inline-block;
	background-color: #7476E2;
	width: 40px;
	height: 40px;
	color: white;
	border-radius: 20px;
	text-align: center;
	vertical-align: baseline;
	line-height: 42px;
	font-size: 28px;
	margin-left: -52px;
	margin-right: 12px;
}

.blogtext h3.nonum,
.blogtext .unnumbered h3 {
	margin-left: 0;
}

.blogtext h3.nonum:before,
.blogtext .unnumbered h3:before {
	display: none;
	counter-increment: none;
	content: none;
}

.blogtext .rsTitle h3 {
	display: none;
}

.blogtext .rsTitle h3 {
	display: none;
	content: '';
	counter-increment: none;
}

.blogtext h3 {
	max-width: 700px;
	margin-left: 50px;
	margin-top: 2em;
}

h3 .step {
	display: inline-block;
	background-color: #7476E2;
	width: 40px;
	height: 40px;
	color: white;
	font-weight: normal;
	border-radius: 20px;
	text-align: center;
	vertical-align: baseline;
	line-height: 42px;
	margin-right: .3em;
}

.current_page_item {
	background-color: #7476E2;
}

/*
#fancy_title {
	display: none !important;
}

.noobmask {
	border: 0 !important;
}

.shiba-stage img {
	background-color: black !important;
}

.noobslide_numcontrol {
	text-align: center;
}

.noobslide_numthumb {
	display: inline-block !important;
	float: none !important;
	text-indent: -5000em;
	background-color: black !important;
	border: 2px solid white;
	width: 12px !important;
	height: 12px !important;
	border-radius: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 6px !important;
}

.noobslide_numthumb.active {
	background-color: white !important;
}

.noobmain, .shiba-gallery {
	margin: 0 !important;
}
*/



/* gallery post */

.flexslider {
	background: black!important;
}

.flexslider .slides img {
	border-radius: 5px;
	box-shadow: inset 1px 1px 1px 1px rgba(255,255,255,0.2);
	background-clip: border-box;
}

.slider ol.flex-control-nav {
	text-align: center;
}
/*
.slider ol.flex-control-nav li {
	width: 12px !important;
	height: 12px !important;
	margin: 0 6px !important;
}
*/

.slider ol.flex-control-nav li a {
	display: block;
	text-indent: -5000em;
	overflow: hidden;
	width: 12px;
	height: 12px;
	background: transparent;
	
	border: 2px solid white;
	border-radius: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: none;
}

.slider ol.flex-control-nav li a.flex-active {
	background: white;
}

.slider .flex-direction-nav a {
	width: 45px;
	height: 45px;
}

.flex-direction-nav li a.flex-prev, .flexslider:hover a.flex-prev {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	left: 20px;
	background-image: url(//static.snapsnapsnap.photos/css/images/slider-prevarrow@2x.png);
	background-size: 24px 21px;
	background-position: center center;
}

.flex-direction-nav li a.flex-next, .flexslider:hover a.flex-next {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	right: 20px;
	background-image: url(//static.snapsnapsnap.photos/css/images/slider-nextarrow@2x.png);
	background-size: 24px 21px;
	background-position: center center;
}


.slider .flex-direction-nav a.flex-next {
}

.slider .flex-direction-nav a.flex-prev {
}



/* interview post */

.interview .author {
  font-family: 'proxima-nova',helvetica,'trebuchet ms',helvetica,sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  font-style: italic;
  top: 5px;
}

.interview .author img {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  float: left;
  margin-right: 25px;
}

.interview p {
  margin-left: 89px;
  padding-right: 25px;
  font-size: 15px;
  line-height: 23px;
  color: #a3b1bf;
  margin-bottom: 2em;
  max-width: 611px;
}

.side-text .author {
	margin-bottom: 1em;
}

.side-text .author img {
  width: 128px;
  height: 128px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  -o-border-radius: 64px;
  border-radius: 64px;
}


/* grid tips */
.gallery {
	width: 720px;
	margin: 0 !important;
	counter-reset: gallerystep;
}

.gallery .gallery-item {
/*	text-align: left!important;*/
}

.gallery img {
	border: 0!important;
	border-radius: 5px;
	box-shadow:inset 1px 1px 1px 1px rgba(255,255,255,0.2);
}

.gallery .gallery-caption {
	color: #a3b1bf;
	font-size: 15px;
	line-height: 1.7;
/*	text-align: left; */
/*	float: left;*/
	margin-top: 10px!important;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.gridtips .gallery .gallery-caption:before {
	counter-increment: gallerystep;
	content: counter(gallerystep);
	display: block;
	position: absolute;
	top: 6px;
	left: 0;

	background-color: #7476E2;
	width: 36px;
	height: 36px;

	color: white;
	font-family: bree;
	font-style: italic;
	font-size: 23px;
	font-weight: normal;
	border-radius: 18px;
	
	text-align: center;
	vertical-align: baseline;
	line-height: 40px;
	margin-right: .3em;
	text-indent: -3px;
}


/* before/after post */

div.twentytwenty-handle {
	background-color: #7476E2;
	border: 2px solid white !important;
	width: 34px;
	height: 34px;
}

.twentytwenty-left-arrow {
	margin-left: -15px !important;
}
.twentytwenty-right-arrow {
	margin-right: -15px !important;
}

.twentytwenty-overlay {
	opacity: 1;
}

.twentytwenty-overlay:hover {
	background: transparent !important;
}

.twentytwenty-before-label, .twentytwenty-after-label {
	opacity: 1 !important;
}

.twentytwenty-before-label::before, .twentytwenty-after-label::before {
	font-family: bree;
	font-style: italic;
	font-size: 19px !important;
	line-height: 47px !important;
	letter-spacing: inherit !important;
	background: rgba(31,34,38,.4) !important;
}

#page img.twentytwenty-before {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#page img.twentytwenty-after {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#page .twentytwenty-before-label::before {
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#page .twentytwenty-after-label::before {
	-webkit-border-radius: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 0px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.twentytwenty-horizontal .twentytwenty-before-label::before {
	left: 0 !important;
}

.twentytwenty-horizontal .twentytwenty-after-label::before {
	right: 0 !important;
}

.twentytwenty-horizontal .twentytwenty-before-label::before, .twentytwenty-horizontal .twentytwenty-after-label::before {
	top: 0 !important;
	margin-top: 0 !important;
}



/* tutorial */

.tutorialscreen {
	position: relative;
	width: 385px;
	height: 813px;
	background: url(//static.snapsnapsnap.photos/css/images/iphonebg.jpg);
}

.tutorialscreen.left {
	margin-left: 15px;
}

.tutorialscreen.right {
	float: right;
	margin-left: 70px;
	margin-right: 20px;
}


.tutorialsteps {
	width: 468px;
	margin-bottom: 80px;
}

.tutorialstep p {
	font-size: 17px;
	margin-left: 44px;
}

.tutorialsteps.right {
	float: right;
}

.tutorialsteps h4 {
  font-family: 'proxima-nova',helvetica,'trebuchet ms',helvetica,sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  font-style: italic;
  letter-spacing: -1px;
  color: #fff;
  margin: 0 0 5px;
}

.tutorialsteps .step, .tutorialscreen .step {
  font-family: 'proxima-nova',helvetica,'trebuchet ms',helvetica,sans-serif;
  font-size: 24px;
  font-style: italic;
	font-weight: normal;

	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 17px;

	box-sizing: border-box;
	color: #7476E2;
	text-align: center;
	vertical-align: baseline;
	margin-right: 10px;
	text-indent: -3px;


	background-color: white;
	border: 2px solid #7476E2;
	transition: 250ms;
}

.tutorialsteps .tutorialstep.sel .step, .tutorialscreen .step.sel {
	background-color: #7476E2;
	color: white;
}

.tutorialscreen .step.sel {
	-webkit-transform: scale(1.5);
	
}

.tutorialscreen .step {
	position: absolute;
}


.side-text img {
	width: 161px;
	height: 161px;
	border-radius: 161px;
}


.postloop {
	padding-top: 70px;
}

.postloop h1 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.postloop h3 {
	margin-bottom: 0;
}

.postloop .post {
	border-top: 1px solid #5c6166;
}

.postloop .post img {
	float:left;
	border-radius: 4px;
	margin: 0 20px 0 0;
}

.postloop .post h3, .postloop .post p, .postloop .post a.more, .postloop .post .data {
	margin-left: 255px;
}

.postloop .post p {
	font-size: 15px;
	color: #a3b1bf;
	min-height: 60px;
}

.postloop .post a.more {
	font-size: 15px;
}

.postloop .data {
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: #a3b1bf;
	text-transform: uppercase;
	margin-bottom: 15px;
}

footer.main .footnote {
	float: none;
	width: auto;
}

footer.main .footnote p {
	width: 550px;
}

footer.main .broughtto {
  font-size: 20px;
  font-family: proxima-nova;
  color: #a3b1bf;
  text-align: center;
  text-transform: uppercase;
}

.footnote img {
	float: right;
	height: 50px;
	width: auto;
}

.flexslider .slides > li {
    -webkit-backface-visibility: visible !important;
}


.authorinfo {
	overflow: hidden;
	padding-bottom: 40px;
}

body.author h2 {
	margin-bottom: 20px;
}

.authorinfo img {
	width: 220px;
	height: 220px;
	border-radius: 220px;
	float: left;
}

.authorinfo h1, .authorinfo p {
	float:right;
	width: 707px;
}

.follow .followtitle {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	margin-right: 34px;
}


body.single .follow .followtitle {
	font-size: 13px;
	color: white;
	margin-right: 0;
}

.follow a {
	display: inline-block;
	width: 22px;
	height: 19px;
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	text-indent: -5000em;
	vertical-align: middle;
	margin-right: 22px;
	position: relative;
	top: -2px;
}

body.single .follow a {
	margin-left: 5px;
	margin-right: 0;
}

.follow a.twitter {
	background-image: url(http://static.snapsnapsnap.photos/css/images/social/twitter@2x.png);
	background-size: 19px 16px;
}

.follow a.instagram {
	background-image: url(http://static.snapsnapsnap.photos/css/images/social/instagram@2x.png);
	background-size: 16px 16px;
}

.follow a.email {
	background-image: url(http://static.snapsnapsnap.photos/css/images/social/email@2x.png);
	background-size: 18px 14px;
}

.follow a.www {
	background-image: url(http://static.snapsnapsnap.photos/css/images/social/www2@2x.png);
	background-size: 17px 17px;
}

.follow a.flickr {
	background-image: url(http://static.snapsnapsnap.photos/css/images/social/flickr@2x.png);
	background-size: 22px 10px;
}

.follow a.facebook {
	background-image: url(http://static.snapsnapsnap.photos/css/images/social/facebook@2x.png);
	background-size: 16px 16px;
}




body.error404 .content {
	margin: 120px 0 120px 0;
	text-align: center;
}

body.error404 .line1 {
	margin-top: 20px;
	font-size: 50px;
	font-weight: bold;
}

body.error404 .line2 {
	font-size: 32px;
}

nav.search form {
	float: right;
	margin-right: 195px;
}
nav.search input {
	box-sizing: border-box;
	height: 30px;
	width: 250px;
	padding: 7px 12px 5px 36px;
	margin-top: 5px;
	border-radius: 3px;
	color: #737980;
	font-size: 15px;
	font-family: 'proxima-nova', helvetica;;
	background: #505559 url(//static.snapsnapsnap.photos/css/images/searchglass@2x.png) no-repeat 10px 6px;
	background-size: 18px 18px;

	border: none;
	-webkit-appearance: none;
	outline: none;
}

nav.search input:focus,nav.search input.active {
	background-color: white;
}

nav.search ::-webkit-input-placeholder {
	color: #737980;
}

nav.search ::-moz-placeholder {  /* Firefox 19+ */
	color: #737980;
	opacity: 1;
}

body.search h4 {
	font-size: 18px;
	color: #a3b1bf;
}
nav.search :-ms-input-placeholder {  
	color: #737980;
}


.photogroup {
	/* letter-spacing: -4px; */
	font-size: 0;
	margin-bottom: 30px;
}

.photogroup p {
	margin:0;
	font-size: 0;
	display: inline;
	line-height: 0;
	/* display: none; */
}

.photogroup .withrecipe {
	display: inline-block;
}

.inlineblock {
	display: inline-block;
}

.half {
	width: 350px;
}

.half img {
	width: 350px;
	height: auto;
}

/*
<div class="reveal"><div class="recipe">
<div class="clarity">Clarity</div>
<div class="lab">Soft Focus</div>
<div class="filter">Magic Hour</div>
<div class="crop">16:9</div>
</div></div>
</div>
*/


.withrecipe {
	position: relative;
	overflow: hidden;
	margin-bottom: 2em;
	-webkit-touch-callout: none; 
	-webkit-user-select: none;

}

.withrecipe .reveal {
	position: absolute;
	bottom: 0;
	width: 100%;
	
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 1s;
}

.withrecipe:hover .reveal,
.withrecipe:focus .reveal,
.withrecipe:active .reveal,
.withrecipe.show .reveal {
	max-height: 100%;
	-webkit-transition:  2s;
}

.withrecipe .recipe {
	background-color: rgba(41,46,51,.6);
	padding: 10px 20px 15px 20px;
	
	box-sizing: border-box;
}

.withrecipe .recipe div {
	position: relative;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	padding: 11px 20px 11px 30px;
	background-position: 0 11px;
	background-repeat: no-repeat;
}

.withrecipe .recipe div.lastingroup:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	left: 30px;
	right: 0;
	bottom: 0;
	height: 1px;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.withrecipe .recipe div.clarity {
	background-image: url(//static.snapsnapsnap.photos/css/images/recipes/clarity@2x.png);
	background-size: 22px 18px;
}

.withrecipe .recipe div.crop {
	background-image: url(//static.snapsnapsnap.photos/css/images/recipes/crop@2x.png);
	background-size: 18px 18px;
}

.withrecipe .recipe div.filter {
	background-image: url(//static.snapsnapsnap.photos/css/images/recipes/filter@2x.png);
	background-size: 18px 18px;
}

.withrecipe .recipe div.lab {
	background-image: url(//static.snapsnapsnap.photos/css/images/recipes/lab@2x.png);
	background-size: 16px 17px;
}

.withrecipe .recipe div.border {
	background-image: url(//static.snapsnapsnap.photos/css/images/recipes/border@2x.png);
	background-size: 12px 18px;
}







.postlist {
  margin-top: 48px;
  padding-bottom: 3px;
}
.index .postlist {
	margin-top: 9px;
}
.postlist h2 {
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.postlist ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.postlist ul li {
  display: inline-block;
  width: 220px;
  height: 150px;
  margin: 0 28px 64px 0;
  vertical-align: top;
  position: relative;
/*  background-color: white; */
  border-radius: 4px;
  overflow: hidden;
  background-clip: padding-box;
  box-shadow: 0px 2px 1px 0px rgba(18, 16, 12, 0.196);
}

/*
.postlist.recentp ul li, .postlist.recentp ul li a, .postlist.recentp ul li .h3 {
	background-color: #232527;
	color: white;
}*/

.postlist ul li a {
	color: black;
	text-decoration: none;
	display: block;
}

.postlist ul li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(12,14,15,.4) 30%, rgba(41,46,51,.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(12,14,15,.4)), color-stop(100%,rgba(41,46,51,.8)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(12,14,15,,4) 30%,rgba(41,46,51,.8) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(12,14,15,,4) 30%,rgba(41,46,51,.8) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(12,14,15,.4) 30%,rgba(41,46,51,.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(12,14,15,.4) 40%,rgba(41,46,51,.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#292e33',GradientType=0 );

}

.postlist ul li a:hover {
	text-decoration: underline;
}

.postlist ul li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.postlist ul li:nth-child(4n) {
  margin-right: 0;
}
.postlist ul li img {
  width: 100%;
/*  height: 122px; 145px */
}
.postlist ul li .info {
	display: block;
	padding: 15px 13px;
	
	/* banner style */
	position: absolute;
	bottom: 0;
/*	background-color: rgba(0,0,0,0.4);*/
}

.postlist ul li .h3 {
	display: block;
	font-weight: bold;
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: 0;
  margin: 0 0 4px 0;

	/* banner style 
		color: black;
*/
	color: white;
}
.postlist ul li .data {
  font-family: 'proxima-nova',helvetica;
  font-size: 14px;
  line-height: 14px;
  /*text-transform: uppercase;*/
  color: #a3b1bf;
  font-weight: bold;
}
.postlist ul li p {
  font-size: 15px;
  line-height: 23px;
  color: #a3b1bf;
  margin: 22px 0 17px;
}



.phoneborder {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 110px 30px 120px 30px;
	box-sizing: border-box;
}

.phoneborder img {
	position: relative;
	z-index: 20;
}

.phoneborder:before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	display: block;
	width: 358px;
	height: 756px;
	background-image: url(//static.snapsnapsnap.photos/css/images/iphone5.png);
	background-size: 100% 100%;
}



.phoneborder6 {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 83px 21px 80px 21px;
	box-sizing: border-box;
}

.phoneborder6 img {
	position: relative;
	z-index: 20;
	width: 297px;
	height: auto;
}

.phoneborder6:before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	display: block;
	width: 340px;
	height: 696px;
	background-image: url(//static.snapsnapsnap.photos/css/images/iphone6.png);
	background-size: 100% 100%;
}

.photogroup .phoneborder6 {
	margin: 0 5px 0 5px;
}



.phoneborder6landscape {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 22px 100px 22px 87px;
	box-sizing: border-box;
}

.phoneborder6landscape img {
	position: relative;
	z-index: 20;
	width: auto;
	height: 308px;
}

.phoneborder6landscape:before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	display: block;
	width: 720px; /*756px;*/
	height: 351px; /*369px;*/
	background-image: url(//static.snapsnapsnap.photos/css/images/iphone6landscape.png);
	background-size: 100% 100%;
}

.photogroup .phoneborder6landscape {
	margin-bottom: 10px;
}

.blogtext .note {
	background-color: #393D40;
	margin: 27px 0 27px 0;
	padding: 17px 17px;
	border: 1px solid #505559;
	-webkit-border-radius: 5px;
	max-width: 700px;
	color: #a3b1bf;
	box-sizing: border-box;
}

.blogtext .note p:last-child {
	margin: 0;
}

.social .soctweet {
	display: inline-block;
	width: 138px;
	height: 28px;
}

.social .soctweet .twitter-share-button {
	text-indent: -5000em;
}

.social .socfacebook {
	display: inline-block;
	width: 88px;
	height: 28px;
}

.blogtest .bordered {
	border: 1px solid #d6d4d3;
	padding: 4px;
	background: #fff;
}

.blogtext p{
	line-height: 27px;	
}

.blogtext .note p, .blogtext .note ol, .blogtext .note ul {
	font-size: 15px;
	margin: 0 0 12px;
	line-height: 23px;
}

.blogtext li {
	color: #a3b1bf;
}

.blogtext .note li {
	line-height: 23px;
}

.blogtext h4 {
	color: white;
	font-size: 22px;
	margin: 33px 0 18px 0;

}

.blogtext h4.fixed{
	margin-top: 0px;
}

.blogtext h4.topmarginhack {
	margin: -10px 0 30px;
}