/* General */

body { font: 100%/1.5 'franklin_gothic_fsbook', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #222F45; background: #fff; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-font-feature-settings: "kern" 1, "liga" 1; -moz-font-feature-settings: "kern" 1, "liga" 1; font-feature-settings: "kern" 1, "liga" 1; }
h1, h2, h3, h4, h5, h6 { -moz-font-feature-settings:"liga" 1, "dlig" 1; -ms-font-feature-settings:"liga" 1, "dlig" 1; -o-font-feature-settings:"liga" 1, "dlig" 1; -webkit-font-feature-settings:"liga" 1, "dlig" 1; font-feature-settings:"liga" 1, "dlig" 1; margin: 0 0 .75em; font-size: 1.5em; margin-bottom: .5em; }
p { margin: 0; }
a, a:visited { color: #000; }
a:hover { text-decoration: underline; opacity: .38; }
.body-wrap { margin: 0 auto; max-width: 1296px; }




/* Header */


.masthead { padding: 20px; width: 100%; position: fixed; z-index: 99; text-align: center; }
.masthead h1 { line-height: 1.25; font-size: 1em; margin: 0; font-weight: inherit; position: absolute; left: 50%; top: 1.95em; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20%; cursor: default; display: none; }
.masthead nav { float: left; }
.masthead nav a { margin-right: 12px; }
.masthead .social { float: right; margin-top: 3px; }
.masthead .svg-icon { width: 16px; height: 16px; margin-left: 8px; color: #000; }





/* Main */

main { padding: 64px 20px 0; width: 100%; max-width: 640px; margin: 0 auto; }
main p { margin: 0 0 .75em; }
article { margin-bottom: 100px; }
article img { width: 100%; height: auto; display: block; margin-bottom: 20px; }
.html_photoset { margin-bottom: 1.5em; }
.type-photo a, .type-photoset a { margin-bottom: 1.5em; display: block; }
.contentinfo { font-size: 13px; text-align: left; }
.contentinfo a { margin: 0 12px 0 0; }
.time-notes { display: inline-block; }
.time-notes a { opacity: .38; }
.like-reblog { float: right; padding: 0; margin: 0; opacity: .38; }
.like-reblog li { list-style: none; display: inline-block; padding-right: 1px; }
.tags { border-top: 1px solid #f0f0f0; margin: 1em 0 3em; padding: 1em 0; }
.tags li { list-style: none; display: inline; }
.tags li a { text-transform: uppercase; letter-spacing: .75px; font-size: 10px; opacity: .38; }
.notes { padding: 0; }
.note { display: block; clear: left; }
.avatar { width: 20px; height: 20px; display: block; }
.avatar_frame { float: left; }
.action { float: left; opacity: .38; }
.action a { margin-right: 0; }
.pagination { text-align: center; }
.pagination ul { padding: 0; }
.pagination li { list-style: none; display: inline; }
.pagination li a { margin: 0 6px; }
.mainfooter { padding: 1.5em 20px; text-align: center; font-size: 14px; opacity: .38; }
.js-loading-message { display: block; margin: 0 auto; text-align: center; width: 100%; padding: 1.5em; }

@font-face { font-family: 'franklin_gothic_fsbook';
	src: url('http://cjspencer.com/fonts/franklingothic-book-webfont-64.ttf') format('truetype'); font-weight: normal; font-style: normal; }




/* Media Queries */

@media screen and (min-width: 568px) {  }

@media screen and (min-width: 768px) {
.masthead { padding: 46px 50px; }
.masthead h1 { display: block; top: 58px; }
.masthead .svg-icon { width: 17px; height: 17px; margin-left: .5em; }
main { padding: 120px 50px 0; max-width: 700px; }
.mainfooter { padding: 2em 30px; text-align: center; }
}

@media screen and (min-width: 1024px) {  }





/* Funk */

@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
body, article { animation-name: fade-in; animation-duration: 1.5s; }
a { transition: all 0.2s ease; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }