#shards {
    position: relative;
    height: 280px;
    width: 100%;
    display: block
}
canvas {
    display: block;
    position: relative;
    background: transparent;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
#canvaslogo {
    background: url('https://acemedia.ninja/iga/sr/chain.png') center center no-repeat;
    position: absolute;
    z-index: 2;
    background-size: contain;
    width: 160px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
body {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    line-height: 160%;
    background-color: #FFF;
    margin: 0
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#page {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 0px;
    position: relative;
    z-index: 0
}
#qtip-blanket {
    position: fixed!important
}
blockquote {
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid #efefef;
    border-left: 5px solid #DDD;
    padding: 10px
}
blockquote p {
    font-weight: 300;
    font-size: 16px;
    padding-left: 0!important;
    padding-right: 0!important
}
blockquote p:last-of-type {
    margin-bottom: 0
}
img {
    border: 0
}
a:link,
a:visited {
    text-decoration: none;
    color: #111
}
a:hover,
a:visited:hover {
    color: #900;
    transition: color .2s ease-out;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out
}
#header {
    clear: both;
    width: 100%;
    margin: 0 auto 20px;
    background: #111;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 0;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
#header .box,
.pagenav .box {
    margin: 0 10px 0 0;
    line-height: 50px;
    height: 50px;
    padding: 0
}
#header .box .twitter-follow-button {
    margin-top: 16px
}
#header .box a {
    font-size: 28px;
    color: #FFF;
    opacity: .52;
    height: 50px;
    line-height: 46px;
    display: block;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear
}
#header .box.fbl {
    line-height: 34px
}
#header .box a:hover {
    opacity: 1
}
.meta .box {
    font-weight: 300;
}
.title {
    font-size: 7em;
    text-decoration: none;
    font-weight: 300;
    text-align: center;
    margin: 0 20px 0 0;
    float: left;
    width: 100px
}
.title a {
    display: block;
    height: 40px;
    width: 100%;
    text-indent: -9999px;
    background: url('https://acemedia.ninja/iga/sr/chain.png') left center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-top: 5px
}
.tope p:last-of-type {
    margin-bottom: 0
}
.description {
    color: white;
    background: #111;
    font-size: 18px;
    line-height: 180%;
    text-align: center;
    padding: calc(5em + 50px) 0px 5em 0px;
    margin: 0;
}
.description a {
	text-decoration: none !important;
	border-bottom: none !important;
	text-shadow: 1px 1px 0px #111 !important;
	background-image: none;
	color: white;
}
.description h2 {
    font-weight: 300!important;
    font-size: 22px;
    line-height: 160%;
    margin: 0!important;
    padding: 0!important
}
.description strong {
    color: #111
}
.headerspace {
    float: left;
    clear: both;
    border-top: 1px dotted #999;
    width: 100%;
    margin: 8px 0 0
}
#line {
    background-color: #FFF;
    position: absolute;
    width: 100%;
    height: 1px;
    z-index: -2;
    left: 0;
    margin: 0 auto
}
.searchbox {
    float: right;
    clear: none;
    color: #CCC;
    background: transparent;
    font-weight: 300;
    font-size: .9em;
    border: 3px solid #FFF;
    text-transform: normal;
    width: 150px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    margin: 7px 0 0 5px;
    padding: 8px
}
.searchbox:hover {
}
.searchbox:focus {
    outline: 0;
    border: 3px solid #FFF;
    color: white;
    width: 250px
}
.pagenav {
    width: auto;
    float: left;
    clear: none;
    margin: 0;
    padding: 0
}
#footer a:hover img,
.pagenav a:hover img {
    opacity: .5
}
#header form {
    width: auto;
    float: right;
    clear: none
}
#pages {
    width: 100%;
    clear: both;
    margin: 0 0 0 20px;
    padding: 120px 0 0
}
h4 {
    font-weight: 300;
    font-size: 4.5em;
    font-family: BebasNeueRegular, Arial, sans-serif;
    margin: 0;
    padding: 0
}
h3 {
    font-weight: 700;
    font-size: 16px;
    color: #999
}
h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 160%;
    margin: 0;
    padding: 20px 20px 10px
}
h5 {
    font-weight: 700;
    margin: 0;
    padding: 0
}
.wrapper {
}
.photopost img,
ul.photoset-slideshow li img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    position: relative;
    z-index: 10
}
.space {
    clear: both;
    width: 100%;
    margin-top: 10px
}
.box {
    width: auto;
    clear: none;
    float: left;
    margin-right: 20px;
    text-transform: lowercase;
    line-height: 20px;
    padding: 0
}
.box.likey {
    float: right;
    margin-right: 0
}
.box a {
    color: #CCC
}
.box a:hover {
    color: #000
}
.box .fa {
    font-size: 20px;
    margin-right: 5px
}
.photo {
    width: 100%;
    padding: 0
}
.album-shine {
    background-image: url(http://static.tumblr.com/ubkenek/vidlaaw9f/album-art-shine.png);
    width: 111px;
    height: 104px;
    z-index: 2;
    position: absolute
}
.albumart img {
    float: left;
    max-height: 100px;
    border: 0;
    margin: 2px 0 0 10px
}
.albumart {
    float: left;
    clear: none;
    margin: 0 10px 10px 0
}
.chat {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0
}
.chat li.even {
    background-color: #eaeaea;
    list-style: none;
    border-bottom: 2px solid #fff;
    margin: 0;
    padding: 5px
}
.chat li.odd {
    background-color: #dedddd;
    list-style: none;
    border-bottom: 2px solid #fff;
    margin: 0;
    padding: 5px
}
.chat ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#copyright,
.meta {
    width: 100%;
    clear: both;
    margin: 10px 0 0;
    height: 40px
}
#copyright a:link,
#copyright a:visited,
.meta a:link,
.meta a:visited {
    font-weight: 300;
    color: #999
}
#copyright a:hover,
.meta a:hover {
    text-decoration: underline
}
.date,
.notes,
.tag {
    border: 0;
    float: left;
    clear: both;
    margin: 0 0 0 20px
}
.meta .box img {
    margin: 0 10px -6px 0
}
#notes {
    padding: 20px
}
#note {
    height: auto;
    padding-left: 0;
    clear: both;
    border-top: 1px dotted #DDD;
    margin-top: 0;
    padding-top: 5px
}
ol.notes {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
ol.notes li.note {
    list-style: none;
    padding: 10px 0
}
ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px
}
ol.notes li.note .answer_content {
    font-weight: 300
}
ol.notes li.note blockquote {
    border-color: #eee;
    margin: 10px 0 0 25px;
    padding: 4px 10px
}
ol.notes li.note blockquote a {
    text-decoration: none
}
#footer {
    clear: both;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    background: #000;
    color: #fff;
    position: fixed;
    height: 20px;
    z-index: 999;
    bottom: -20px;
    left: 0;
    width: 100%
}
#footer a {
    color: #111
}
#footer .box {
    margin: 0 10px 5px 0
}
#footer .wrapper {
    overflow-x: scroll
}
.adsbygoogle {
    max-width: 728px;
    width: 90%;
    margin: 0 auto
}
.adsbygoogle ins {
    width: 100%!important
}
#social {
    float: right;
    clear: none;
    margin: 10px 0 0;
    padding: 0 10px 0 0
}
#copyright {
    color: #999;
    font-size: .85em;
    text-transform: uppercase;
    margin: 10px 0 10px 20px
}
.qtip-title {
    color: #111!important;
    font-size: 34px!important;
    line-height: 34px;
    padding-top: 12px!important
}
a.qtip-button {
    font-family: Light, Arial!important;
    font-size: 20px!important;
    color: #777!important
}
#demposts {
    margin: 0
}
.divider {
    max-width: 640px;
    background: rgba(255, 255, 255, 1);
    margin: 0 auto;
    padding: 4em 0px;
    clear: both;
}
.videoholder {
    margin-bottom: 20px;
    background: #111
}
.divider .meta,
.divider p {
    padding: 0;
}
.divider .meta {
	margin-top: 20px;
}
.meta .box .fa {
    float: left
}
.divider>h3 {
    font-size: 22px!important;
    color: #111!important;
    margin-top: 14px!important;
    margin-bottom: 2px!important
}
.following h2 {
    font-size: 30px!important;
    color: #111!important;
    margin-top: 0!important
}
.following a {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    margin-top: 4px;
    float: left;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    padding: 0
}
.following a img {
    display: block;
    width: 20px;
    height: 20px;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    margin: 0;
    padding: 0
}
.following a:hover img {
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}
#dsq-content .dsq-comment-header {
    border: none!important
}
div.title h1 a {
    font-size: 30px
}
p {
    font-size: 18px;
    line-height: 180%;
    margin-top: 0
}
#prevnext {
    display: none!important
}
#footer #prevnext .current_page,
#footer #prevnext a {
    font-size: 18px;
    color: #999;
    display: inline-block;
    padding: 10px 14px;
    margin: 0 5px;
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear
}
#footer #prevnext .current_page {
    color: #111;
    border: 1px solid #111
}
#prevnext {
    text-align: center;
    width: auto;
    height: 48px;
    margin: 0 auto
}
#footer #prevnext a.next {
    float: right
}
#footer #prevnext a:hover {
    color: #111;
    border: 1px solid #111
}
.clear {
    clear: both
}
span.affiliates {
    display: block;
    clear: both;
    margin-top: 20px
}
.dsq-post-footer {
    float: none!important
}
#dsq-content #dsq-global-toolbar {
    width: 192px!important;
    float: right;
    margin: 0!important
}
.note h3 {
    margin-top: 6px!important
}
.googlead {
    text-align: center;
    padding: 1em;
    background: #EDEDED;
    clear: both;
}
.twitter-follow-button {
    margin-top: 2px;
    overflow: hidden
}
.themfuckingbuttons {
    display: block;
    margin: 10px 0
}
.themfuckingbuttons .fb_iframe_widget {
    margin-top: 0;
    width: auto!important;
    float: left;
    margin-right: 1em
}
.themfuckingbuttons .overthere {
    float: right;
    text-align: right
}
span.audioartist {
    font-weight: 700;
    color: #111
}
span.audiotrack {
    font-weight: 700;
    color: #444
}
.html_photoset {
    width: 500px;
    margin: 0 auto
}
.eighttrack {
    height: 100%!important;
    width: 100%!important
}
h6.asker {
    font-size: 32px;
    margin: 0 0 2px
}
span.askerimage {
    display: block;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    float: left;
    margin: 0 10px 0 0
}
span.askerimage a {
    display: block;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-indent: -9999px
}
strong.question {
    font-size: 18px
}
.ui-tooltip-light .ui-tooltip-content {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border-color: #111;
    border-width: 9px;
    padding: 14px
}
.ui-tooltip-dark .ui-tooltip-title {
    background: #000
}
.ui-tooltip-dark .ui-tooltip-content {
    font-size: .9em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: red;
    border-width: 5px
}
div.slide-container {
    width: 100%;
    height: auto;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    z-index: 100;
    margin: 0;
    padding: 0
}
div.slide-container a.pausebutton,
div.slide-container a.playbutton {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 9999;
    color: #EFEFEF;
    display: block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background-image: url(imgs/slide-buttons.png);
    background-position-x: left;
    background-position-y: bottom
}
div.slide-container a.playbutton {
    right: 50px;
    background-position-y: top
}
div.slide-container a.pausebutton:hover,
div.slide-container a.playbutton:hover {
    background-position-x: center
}
div.slide-container a.activeoption,
div.slide-container a.activeoption:hover {
    opacity: 1!important;
    background-position-x: right!important
}
div.slide-container a.slideprev {
    background-position-x: left;
    left: -20px
}
div.slide-container a.slidenext:hover,
div.slide-container a.slideprev:hover {
    background-position-y: top
}
ul.photoset-slideshow {
    list-style: none;
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0 0 10px
}
ul.photoset-slideshow li {
    width: 100%;
    display: block;
    margin: 0 0 20px;
    padding: 0
}
ul.photoset-slideshow li:last-child {
	margin-bottom: 0px;
}
span.source-info {
    padding: 0 10px
}
ul.photoset-slideshow li img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0
}
.html_photoset a img:hover,
.photopost a img:hover,
ul.photoset-slideshow li img:hover,
ul.photoset-slideshow li:hover {
    position: relative
}
.photopost {
    clear: left;
    width: 100%;
    position: relative;
    margin: 0 0 10px;
    padding: 0;
}
.photopost img {
    display: block;
    margin: 0;
    padding: 0
}
.photopost a {
    display: block;
    height: auto;
    margin: 0;
    padding: 0
}
.videoholder.insta {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%!important;
    height: 0;
    padding: 0;
    background: #fff;
    position: relative
}
.videoholder iframe {

}
.videoholder.insta iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 15px auto 0;
    position: relative;
    width: 100%
}
.divider p a {
    border-bottom: 2px solid #ccc;
    color: #222
}
.divider p a:hover {
    border-bottom: 2px solid #111;
    color: #111
}
.divider iframe {
    display: block;
    margin: 0 auto;
    position: relative;
}
.twitter-share-button {
    float: left;
    margin: 0
}
.dsq-brlink,
.tumblrautopager_page_info,
.twtr-ft,
.twtr-hd {
    display: none
}
#footer .space,
.photosetpost,
.postaudio,
.postchat,
.postlink,
.postquote,
.posttext,
.postvideo,
.textpost,
div.title h1 {
    margin: 0
}
.chat .label,
.posttext p a,
span.affiliates a,
strong {
    font-weight: 700
}
iframe[src*="instagram.com"] {
    display: block
}
iframe[src*="codepen.io"] {
    display: block;
    height: 500px;
    clear: left
}
.instagram iframe {
    display: block;
    clear: left;
    width: 100%;
    height: 58vw
}
.videoholder.codepen {
    padding: 0!important;
    height: 500px!important
}
#livefyre-comments {
    margin: 20px
}
#topcontrol {
    z-index: 500
}
p img {
    max-width: 100%;
    width: 100%;
    height: auto
}
h3 a {
    line-height: 20px
}
h3 a .fa {
    color: #222;
    font-size: 20px;
    float: left;
    margin-right: 10px
}
iframe#ask_form {
    padding: 0 20px
}
.divider .adsbygoogle {
    margin-bottom: 20px
}
#tumblr_controls {
    right: 10px!important;
    top: auto!important;
    bottom: 10px!important;
    position: fixed!important;
    display: none!important
}
.contactlinks {
    padding: 20px;
    font-size: 14px;
    display: block
}
.contactlinks a {
    display: inline-block;
    padding: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #DDD;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    margin: 0 10px
}
.contactlinks a:hover {
    border: 1px solid #000
}
#loadingtext {
    transition: all 2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    opacity: 1;
    z-index: 10;
    top: -10px;
    position: absolute;
    width: 100%;
    background: #000
}
#loadingtext.hidden {
    transform: translateY(100px);
    opacity: 0;
    z-index: -1
}

.pageTitle {
    margin: 0 0 40px;
    font-weight: 200;
    text-align: center;
    color: #CCC
}

.tope h2 {
	padding: 0px;
	font-size: 1.6em;
	margin-bottom: 10px;
}

.tmblr-iframe {
	bottom: 0px !important;
	top: inherit !important;
}


#header .wrapper {
	max-width: 1440px;
	margin: 0px auto;
	width: 96%;
}

.js-limk_horizontal_widget_placeholder {
	max-width: 800px;
	margin: 0px auto;
	width: 96%;
}

img.post_media_photo, .photopost img {
    display: block;
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0px 0px 20px;
}

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

    figure img.post_media_photo, .photopost img {
        width: 110% !important;
        margin: 0px -5% 20px;
    }

#header {
	height: 52px;
}

#header .pagenav.mainnav {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#header .pagenav.mainnav a {
	margin: 0px 5px;
}

}

@media only screen and (min-width : 1200px) {

    .divider {
        max-width: 900px;
    }

    figure img.post_media_photo {
     
    }


@media only screen and (max-width : 414px) {
	#header .pagenav {
		float: right !important;
	}
	.divider {
		margin-bottom: 50px !important;
	}
	#header {
		top: -1px;
	}
	#header .box {
		margin: 0px 0px 0px 10px !important;
	}
	#header form, #header .rightButtons {
		display: none !important;
	}
}


#infscr-loading {
	text-align: center;
	width: 100%;
	padding: 1em;
	font-size: 2em;
	font-style: normal !important;
}




.box a.taglinks {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #111;
  display: inline-block;
  height: 26px;
  text-transform: capitalize;
  line-height: 26px;
  padding: 0 32px 0 10px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none !important;
  transition: color 0.2s;
  font-size: 14px;
}

.box a.taglinks::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  right: 16px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.box a.taglinks::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #eee;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.box a.taglinks:hover {
  background-color: crimson;
  color: white;
}

.box a.taglinks:hover::after {
   border-left-color: crimson; 
}

#notes h3 {
	text-align: center;
}



.npf-link-block .title {
    width: 100% !important;
}

.npf-link-block .poster::before {
    opacity: .5;
}

.npf-link-block .bottom {
    padding: 0px  !important;
}

.npf-link-block {
    border: 10px solid #000;
}

.npf-link-block .bottom .description {
    padding: 2em !important;
    max-height: none !important;
}

.npf-link-block .bottom .site-name {
    text-align: center;
    padding: 1em;
    margin: 0px;
    background: #000000;
}

.npf-link-block .bottom .site-name a {
    color: #FFFFFF;
}

p.npf_chat {
    padding: 2em !important;
    display: block;
    background: #222222;
    font-size: 16px !important;
    border-radius: 10px;
    color: lightgreen;
}