svg {
    touch-action: none;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,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);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

.regular p {
	font-weight: bold;
	color:aqua;
}

.regular .bottom-nav {
	display: none;
}

::selection {
    background: {AccentColor}; /* Safari */
	color: {color:Body Text};
	}

::-moz-selection {
	background: {AccentColor}; /* Firefox */
	color: {color:Body Text};
}

body {
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
    font-size:18px;
	-webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	}



p, li, blockquote {
	line-height: 180%;
	margin: 0;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 30px;
}

.ir {
	text-indent: -99999em;
}

.center {
	text-align: center;
}

/* Global colors
********************************/

body {
	color: {color:Body Text};
	background-color: {BackgroundColor};
}

.blog-description {
	color: {color:Secondary text};
}

a {
	color: {color:Body text};
	text-decoration: none;
	border-bottom: 1px dotted rgba(136, 136, 136, 0.3);
}

#header h1 a {
	color: {TitleColor};
	border-bottom: none;
}

a:hover {
}

a:active {
	position: relative;
	outline: none;
	top: 1px;
}


.metadata a, #footer-links a, #footer p.promo a, .links a {
	color: {color:Secondary text};
	border-bottom: none;
}

.metadata a:hover, #footer-links a:hover, #footer p.promo a:hover, .links a:hover, .more a:hover, a.mobile-player:hover {

}

.post {
	border-bottom: 1px solid rgba(136, 136, 136, 0.2);
}

.colophon p {
	color: {color:Secondary text};
}


/* Global fonts
********************************/

body {
	font-family: Open Sans, georgia, serif;
	font-weight: normal;
}

.title h1, .link-title h1, .chat-title h1, .q h1, .a h1, .album-info h2, #footer h2 {
	font-family: {block:IfPostHeadlineFont}{text:Post Headline Font},{/block:IfPostHeadlineFont} {TitleFont}, georgia, serif;
	font-weight: {TitleFontWeight};
}

.blog-title h1 {
	font-family: {block:IfTitleFont}{text:Title Font},{/block:IfTitleFont} {TitleFont}, futura, helvetica, arial, sans-serif;
	font-weight: {TitleFontWeight};
	font-size: 96px;
	line-height: 1em;
}

.metadata a {
	font-family: {block:IfSecondaryFont}{text:Secondary Font},{/block:IfSecondaryFont} {font:Body}, helvetica, arial, sans-serif;
	font-weight: normal;
}


/* Page
********************************/

{block:IfWideImages}
#page {
	border: 0px solid;
	max-width: 1010px;
	padding-left:  80px;
	padding-right: 80px;
	margin: auto;
}
{/block:IfWideImages}

{block:IfNotWideImages}
#page {
    border: 0px solid;
	max-width: 640px;
	padding-left:  50px;
	padding-right: 50px;
	margin: auto;
}
{/block:IfNotWideImages}


{block:IfAlternateHeaderLayout}

/* Header Left-Aligned
********************************/

#header {
	margin-top: 70px;
	display: block;
	overflow: visible;
}

#header a {
	text-decoration: none;
}

.blog-title {
	display: block;
	float: left;
	border: 0px red solid;
	width: 50%;
	margin-bottom: 20px;
}

.blog-title a {
	border-bottom: none;
}

.blog-title img {
	max-width: 100%;
}

.blog-title h1 {
	font-size: 46px;
}

.blog-description {
	font-size: 16px;
	line-height: 180%;
    margin-top: 8px;
}

.links {
	float: right;
	margin-top: 10px;
}


.links ul {
	margin-top: 10px;
	padding: 0;
	display: block;
	float: right;
	position: relative;
}

.links li {
	display: inline;
	margin-left: 10px;
	font-size: 16px;
	position: relative;
	text-transform: none;
}

.links li:first-child {
	margin-left: 0px;
}

{/block:IfAlternateHeaderLayout}

{block:IfNotAlternateHeaderLayout}
/* Header Centered
********************************/

#header {
	margin-top: 20px;
	margin-bottom: 40px;
	display: block;
	overflow: visible;
}

#header a {
	text-decoration: none;
}

.blog-title {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 25px;
}

.blog-title a {
	border-bottom: none;
}

.blog-title img {
	max-width: 100%;
}

.blog-description {
	font-size: 16px;
	line-height: 140%;
	margin-top: 20px;
}

.links {
	margin-top: 0px;
	text-align: center;
	float: none;
}


.links ul li.back-to-app {
    position: absolute;
    left: 20px;
}

.links ul {
	margin-top: 10px;
	padding: 0;
	display: block;
	text-align: center;
	float: none;
}

.links li a {
    font-size: 14px;
}

.links li {
	display: inline;
	margin-left: 10px;
	text-transform: none;
}

.links li:first-child {
	margin-left: 0px;
}

{/block:IfNotAlternateHeaderLayout}

/* Post wrappers
********************************/
.links li {
    position: relative;
}
.links li a .label{
    background: #F16D6E;
    color: white;
    border-radius: 3px;
    font-size: 10px;
    padding: 5px;
    line-height: 100%;
    position: relative;
    top: -1px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-family: open sans;
}
#content {
	width: 100%;
	overflow-x: hidden;
	clear: both;
}

.post {
	margin-bottom: 45px;
	padding-bottom: 40px;
	width: 100%;
}

.post.photo {
    margin-bottom:25px;
    padding-bottom: 0;
    border: none;
}

.narrow {
	max-width: 640px;
	margin: auto;
}
.post.photo .narrow {
    max-width: 100%;
}

/* Headings
********************************/

.title h1, .link-title h1, .chat-title h1 {
	text-align: center;
	margin: auto;
	margin-bottom: 25px;
	font-size: 42px;
	line-height: 50px;
}

.link-title a {
	text-decoration: none;
	position: relative;
	border: none;
	color: {AccentColor};
}

span.link-arrow {
	position: relative;
	font-size: 20px;
	bottom: 3px;
}

.quote-short {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 25px;
}

.photo img, .album-art img, .videoWrapper {
    max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 2px;
}

.photo img, .album-art img {
	min-width: 640px;
}

.photoset-layout {
    max-width: 700px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

.tumblr_audio_player {
	height: 250px;
}

.audio iframe {
	width: 100%;
	margin-bottom: 20px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe, .videoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Post body styles
********************************/

.caption p {
	margin-bottom: 15px;
	font-size: 14px;
}

.caption h1 {
	font-weight: bold;
	margin-bottom: 15px;
}

.caption h2 {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 24px;
}

.caption blockquote {
	margin-bottom: 10px;
	border-left: 3px solid rgba(136, 136, 136, 0.2);
	margin-left: 5px;
	padding-left: 15px;
	line-height: 26px;
}

.caption pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	background-color: rgba(136, 136, 136, 0.2);
	border-radius: 2px;
	padding: 10px 15px 10px 15px;
	font-size: 15px;
	line-height: 24px;
	margin: 15px 0 25px 0;
}

.caption ul, ol {
	margin-top: 0;
	margin-bottom: 25px;
	padding-left: 40px;
	font-size: 14px;
}

.caption img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 30px auto 30px auto;
    border-radius: 2px;
}

.quote-short {
	line-height: 40px;
	font-size: 36px;
	margin-bottom: 20px;
}

.quote-medium, .quote-long {
	line-height: 32px;
	font-size: 24px;
	margin-bottom: 20px;
}

ul.chat {
	list-style-type: none;
	padding-left: 0;
}

.chat li {
	border-bottom: 1px solid rgba(136, 136, 136, 0.3);
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.chat li:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

span.odd, span.even  {
	font-weight: bold;
}

.more a {
	display: block;
	width: 99%;
	height: 30px;
	border: 1px solid rgba(136, 136, 136, 0.3);
	text-align: center;
	text-decoration: none;
	border-radius: 2px;
	padding-top: 10px;
	margin-bottom: 30px;
}


.more a:active {
    background: rgba(136, 136, 136, 0.08);
    box-shadow: inset 0px 1px 4px rgba(136, 136, 136, 0.2);
    top: 0px;
}

.audio-module {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
}

a.mobile-player {
	border: 1px solid rgba(136, 136, 136, 0.2);
	background: rgba(136, 136, 136, 0.1);
	width: 99%;
	padding: 30px 0 30px 0;
	margin-bottom: 25px;
	border-radius: 2px;
	display: none;
}

a.mobile-player:active {
    top: 0px;
    box-shadow: inset 0px 1px 4px rgba(136, 136, 136, 0.2);
    background: rgba(136, 136, 136, 0.18);
    border: 1px solid rgba(136, 136, 136, 0.3);
}

.play-triangle {
	margin-left: 20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6.5px 0 6.5px 10px;
	border-color: transparent transparent transparent rgba(136, 136, 136, 0.8);
}

.album-info {
	display: block;
	float: left;
	width: 63%;
}

#custom-loading {
    margin: 20px 0;
    text-align: center;
}

.player {
	display: block;
	background-color: #ffffff;
	float: right;
	padding-top: 5px;
	padding-right: 2px;
	border: 1px solid rgba(136, 136, 136, 0.3);
}

.desktop-spotify {
	display: block;

}

.mobile-spotify {
	display: none;
	width: 290px;
	margin: auto;
}

.iphone-video object {
    display: block;
    margin: 0px auto 20px;
}

.asker-block, .answer-text {
	display: block;
	overflow: auto;
}

p.question {
	padding-bottom: 10px;
	padding-top: 10px;
}

p.album, p.question {
	font-size: 24px;
	line-height: 32px;
}

h1.qa-letter {
	display: block;
	float: left;
	width: 45px;
	position: relative;
	bottom: 3px;
	font-size: 30px;
}

.q {
	margin-bottom: 20px;
}

img.asker {
	float:left;
	margin-right: 8px;
	border-radius: 2px;
	position: relative;
	top: 2px;
}

p.asker {
	font-style: italic;
}

p.question {
	clear: both;
}


/* Metadata
********************************/

.metadata {
	border: 0px solid gray;
	overflow: auto;
	font-size: 12px;
	text-transform: capitalize;
	margin-top: 20px;
}
.photo .metadata{
    margin-top: 0;
}
.metadata a {
	text-decoration: none;
	font-size: 12px;
}

.date, .tags, .notes-count {
	display: block;
	float: left;
	margin-right: 15px;
}

.meta-right {
    float: right;
    display: block;
}
.meta-right > * {
    display: inline-block !important;
    margin-left: 5px;
}
.tags a, .notes-count a, .date a {
	margin-right: 5px;
}


/* Footer
********************************/

#footer {
	text-align: center;
	margin-bottom: 40px;
}

#footer a {
	text-decoration: none;
	border-bottom: none;
}

a.back-next {
    margin: 0px 10px 0px 10px;
}

#footer h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 40px;
}


#footer-links ul {
	margin-bottom: 0px;
	padding: 0;
	display: block;
	text-align: center;
}

#footer-links li {
	display: inline;
	margin-left: 5px;
	font-size: 14px;
}

#footer-links li:first-child {
	margin-left: 0px;
}

#footer .colophon p {
	font-size: 14px;
	font-style: italic;
}

#footer p.promo {
	font-size: 12px;
	text-transform: uppercase;
	font-style: normal;
}


/* line 2087, ../../app/assets/stylesheets/partials/_layouts.css.scss */
.footer-wrapper {
  float: left;
  width: 100%;
  background-color: white;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #fafafa));
  background: -webkit-linear-gradient(#ffffff 0%, #fafafa 25%);
  background: -moz-linear-gradient(#ffffff 0%, #fafafa 25%);
  background: -o-linear-gradient(#ffffff 0%, #fafafa 25%);
  background: linear-gradient(#ffffff 0%, #fafafa 25%);
  border-top: 1px solid #f3f3f3;
  position: relative;
  margin-bottom: 0;
}

.footer-wrapper .footer {
  position: relative;
  padding: 35px 25px;
  box-sizing: border-box;
}

/* line 2127, ../../app/assets/stylesheets/partials/_layouts.css.scss */
.footer-wrapper .footer p {
  clear: both;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin: 35px 45px;
  line-height: 210%;
}
/* line 2134, ../../app/assets/stylesheets/partials/_layouts.css.scss */
.footer-wrapper .footer p a {
  margin: 0 5px;
  color: #333;
  font-weight: bold;
}
/* line 2139, ../../app/assets/stylesheets/partials/_layouts.css.scss */
.footer-wrapper .footer p.links {
  color: #f3f3f3;
  margin-top: 0;
}
/* line 2142, ../../app/assets/stylesheets/partials/_layouts.css.scss */
.footer-wrapper .footer p.copyright {
  font-family: "open sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: normal;
  font-size: 14px;
  margin: 0;
  font-weight: normal;
}
/* line 2148, ../../app/assets/stylesheets/partials/_layouts.css.scss */
.footer-wrapper .footer p.copyright a {
  color: #333;
  margin: 0;
  font-size: inherit;
}
/* line 2153, ../../app/assets/stylesheets/partials/_layouts.css.scss */
.footer-wrapper .footer p.copyright .heart {
  color: #B35465;
}


/* Notes and comments
********************************/

#permalink-content {
	margin-top: 40px;
}

.avatar_frame {
	position: relative;
	top: 4px;
	margin-right: 10px;
}

.comments {
	margin-bottom: 35px;
}

.comments h3, .permalink-notes h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.permalink-notes ol {
	padding-left: 0;
}

.permalink-notes li {
	list-style: none;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 13px;
}

.permalink-notes blockquote {
	margin: 5px 0px 5px 0px;
	border-left: 3px solid rgba(136, 136, 136, 0.2);
	margin-left: 20px;
	padding-left: 15px;
    line-height: 24px;
}
.notes a {
    border-bottom: none;
}
.notes .action a {
    line-height: 140%;
    border-bottom: 1px dotted #ddd;
    display: inline-block;
    padding-bottom: 3px;
}


.post iframe, .post object {
max-width: 100%;
}

.cat-tags {
    margin: 25px 0 25px;
    font-size: 12px;

    line-height: 240%;
}
.cat-tags a {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 5px;
    line-height: 140%;
    background: #fafafa;
    -webkit-transition: 500ms background-color ease;
    -moz-transition: 500ms background-color ease;
    -o-transition: 500ms background-color ease;
    transition: 500ms background-color ease;
}
.cat-tags a.subscribe {
    border: none;
}
.cat-tags a.new {
    background: rgba(241, 215, 118, 0.19);
    color: #9C6542;
    border-color: #F1E16B;
}
.cat-tags a:hover {
    background: white;

}

/* Browser size break-points
********************************/


@media screen and (max-width: 800px) {

#header {
	margin-top: 20px;
	display: block;
	overflow: visible;
	padding-bottom: 0px;
}

.blog-title {
	display: block;
	text-align: center;
	margin-top: 50px;
	float: none;
	width: 100%;
    margin-bottom: 50px;
}

.blog-title h1 {
	font-size: 40px;
	margin-bottom: 10px;
}

.blog-description {
	font-size: 16px;
	line-height: 140%;
}

.links {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	float: none;
	border-bottom: 1px dotted rgba(136, 136, 136, 0.4);
}

.links ul {
	margin-top: 10px;
	padding: 0;
	display: block;
	text-align: center;
	float: none;
}

.links li {
	display: inline;
	margin-left: 16px;
	font-size: 17px;
	text-transform: none;
	position: relative;
}


.metadata {
	font-size: 16px;
	}

.player {
	display: none;
}

a.mobile-player {
	display: block;
}

.album-info {
	width: 100%
}

.title h1, .link-title h1, .chat-title h1 {
text-align: center;
font-size: 36px;
line-height: 42px;
}

}

@media screen and (max-width: 740px) {

body .links ul .back-to-app {
    position: relative;
    left: 0;
}
body .post.text h2 {
    font-size: 38px;
}
#page {
	padding-left:  1em;
	padding-right: 1em;
}

#header {
	margin-bottom: 50px;
}

/* WRANGLE TUMBLR VIDEO PLAYER */


.iphone-video img {
	width: 90%;
}

.iphone-video a {
	margin-bottom: 20px;
}

/* IMAGES */

.photo img, .album-art img {
	min-width: 100%;
}

.link-title a {
	line-height: 50px;
}

.desktop-spotify {
	display: none;
}

.mobile-spotify {
	display: block;
}

}

.social {
    margin: 10px 0 10px;
    text-align: center;
    position: relative;
}


.screen-toggle {
    position: absolute;
    right: 0;
    display: none;
    top: 2px;

}
.indexpage .screen-toggle {
    display: inline-block;
}
.screen-toggle a {
    opacity: 0.25;
}
.screen-toggle a.active {
    opacity: 0.6;
}
.screen-toggle a img {
    width: 15px;
    height: 15px;
}
.social > * {
    display: inline-block;
}
.social .facebook iframe {
    width: 100px;
}

.hide {
    display: none !important;
}

.post.text{
    margin-bottom: 10px;
    padding-bottom: 0;
    border: none;
}
.post.text h1{
display: none;

}
.post.text h2{
    margin-bottom: 20px;
font-weight: 100;
text-transform: uppercase;
font-size: 30px;
line-height: 140%;
color: #333;
text-align: center;
border: none;
font-family: 'Open sans';
}
.post.text h2 a{
    border: none;
}


.blog-title a#logo {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     display: inline-block;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform-origin: 50% 52%;
    overflow:hidden;
}
.blog-title a#logo:hover {
  -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}

.email-signup {
    background: white;
    max-width: 100%;
    margin: 0 auto 25px;
    overflow: hidden;
padding: 30px 30px;
text-align: center;
}

#mc-embedded-subscribe-form .clear {
    display: inline-block;
}

#mc-embedded-subscribe-form label {
    display: inline-block;
        margin-bottom: 20px;
font-weight: 600;
font-size: 21px;
line-height: 140%;
color: #333;
text-align: center;
border: none;
margin: 0 0 20px 0;
font-family: open sans;
}

#mc-embedded-subscribe-form input.email {
display: inline-block;
background: #fafafa;
border: none;
font-family: open sans;
font-size: 14px;
padding:9px 10px;
border-radius: 3px;
width: 70%;
position: relative;
top: -1px;
}

#mc-embedded-subscribe {
  display: inline-block;
background: #EE6768;
font-family: 'open sans';
color: white;
cursor: pointer;
border: none;
border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 20px;
-webkit-transition: 500ms background-color ease;
    -moz-transition: 500ms background-color ease;
    -o-transition: 500ms background-color ease;
    transition: 500ms background-color ease;
}
#mc-embedded-subscribe:hover {
  background: #D34041;
}

.photo .meta-right img {
    min-width: 0;
    margin: 0;
}

.btn {
    text-align: center;
    border: #F17273 2px solid;
    color: #F17273;
    padding: 13px 25px;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    display: block;
}
.btn:hover {
    border-color: #C74C4D;
    color: #C74C4D;
}
.btn-primary {
    background: #F17273;
    color: white;
}
.btn-primary:hover {
    background: #C74C4D;
    color: #fff;
}

{CustomCSS}
    .instagram {
        margin-right: 0;
        position: relative;
        top: 1px;
            transform: scale(0.8);
            -moz-transform: scale(0.8);
            -webkit-transform: scale(0.8);
    margin-left: -18px;
    }
    .instagram img {
    }
.top-ads {
    position: relative;
    color: #fff;
    z-index: 10;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 25px;
    float: left;
    text-align: center;
    border: 1px solid #f3f3f3;
    padding: 0;
    background: #fff;
}
.top-ads .adhere:after {
position: absolute;
      content: "Sponsor Us";
      margin-top: -10px;
      margin-left: -46px;
      font-size: 13px;
      top: 50%;
      left: 50%;
      text-align: center;
      font-weight: bold;
      color: #ccc;
      text-transform: uppercase;
      letter-spacing: 1px;

}
.top-ads > *{
    display:inline-block;
}
.top-ads .adhere {
       display: block;
    height: 25px;
    max-width: 728px;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 33px 0;
    background: #fff;
    color: #fff  !important;

}
.two-cols {
    position: relative;
    min-height: 350px;
}
.two-cols .left-col {
    padding-right: 350px;
}
.two-cols .right-col {
    position: absolute;
    right: 0;
    top: 0;
}
.two-cols .ads{
    position: relative;
    color: #fff;
    z-index: 10;
    display: block;
    box-sizing: border-box;
    margin: 0 auto 0px;
    text-align: center;
    border: 1px solid #f3f3f3;
    padding: 0;
    background: #fff;
}
.two-cols .ads .adhere {
    display: block;
    width: 300px;
    height: 250px;
    text-align: center;
    padding: 33px 0;
    background: #fff;
    position: relative;
    color: #fff !important;
}
.two-cols .ads .adhere:after {
    position: absolute;
    content: "Sponsor Us";
    margin-top: -10px;
    margin-left: -46px;
    font-size: 13px;
    top: 50%;
    left: 50%;
    text-align: center;
    font-weight: bold;
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.thumb-screen.indexpage .post.photo{
	        width: 31.33%;
            margin-left: 1%;
            margin-right: 1%;
            float: left;
            position: relative;
	}
	body.thumb-screen.indexpage .post.photo img{
	    min-width: 0;
	}
	body.thumb-screen.indexpage .post.photo .wide > a {
	    display: block;
        max-height: 211px;
        overflow: hidden;
    }

    body.thumb-screen.indexpage .post.photo  .narrow {
        margin-top: 5px;
    }


	body.thumb-screen.indexpage .date {
	    display: none;
	}
	body.thumb-screen.indexpage .metadata {
	    position: relative;
	}
	body.thumb-screen.indexpage .metadata a {
	    font-size: 10px;
	}

	body.thumb-screen.indexpage .metadata .tags {

	}

	body.thumb-screen.indexpage .date, body.thumb-screen .tags, body.thumb-screen .notes-count{
	    margin-right: 5px;
	}
	body.thumb-screen.indexpage #custom-loading {
	    float: left;
	    width: 100%;
	}

body.thumb-screen.indexpage	.post .meta-right iframe, body.thumb-screen.indexpage .post .meta-right svg, body.thumb-screen.indexpage .post .meta-right a img  {
	    width: 15px;
	    height: 15px;
	}