/*
 * CN_Blog CSS File
 *
 * Description:
 *     2014 Stilz theme from https://idesty.tumblr.com recreated specifically
 *     for CN_Blog.
 *
 * Author:
 *     Clara Nguyen (@iDestyKK)
 */

/* ------------------------------------------------------------------------- */
/* Custom Fonts                                                         {{{1 */
/* ------------------------------------------------------------------------- */

/*
 * Specifies custom fonts for use on the page that may not be present on the
 * user's system.
 */

@font-face {
	font-family: ssans-regular;
	src: url("../../font/SourceSansPro-Regular.ttf");
}

@font-face {
	font-family: ssans-light;
	src: url("../../font/SourceSansPro-Light.ttf");
}

@font-face {
	font-family: ssans-exlight;
	src: url("../../font/SourceSansPro-ExtraLight.ttf");
}

@font-face {
	font-family: inconsolata;
	src: url("../../font/inconsolata.otf");
}

@font-face {
	font-family: kosugimaru;
	src: url("../../font/KosugiMaru-Regular.ttf");
}

@font-face {
	font-family: lato-regular;
	src: url("../../font/Lato-Regular.ttf");
}

@font-face {
	font-family: lato-bold;
	src: url("../../font/Lato-Bold.ttf");
}

@font-face {
	font-family: exod;
	src: url("../../font/exod.otf");
}

@font-face {
	font-family: exo_i;
	src: url("../../font/exoi.otf");
}

/* ------------------------------------------------------------------------- */
/* Settings Pane                                                        {{{1 */
/* ------------------------------------------------------------------------- */

body.stilz_2014 .settings_amoled_theme {
	display: none;
}

/* ------------------------------------------------------------------------- */
/* Page                                                                 {{{1 */
/* ------------------------------------------------------------------------- */

/*
 * Now then... the real deal.
 */

html {
	margin: 0px;
	padding: 0px;

	font-family: exod, ssans-light, kosugimaru;

	text-size-adjust: none;
}

body.stilz_2014 {
	margin: 0px;
	padding: 0px;

	font-family: exod, ssans-light, kosugimaru;

	background-position: top center;
	background-attachment: fixed;
	background-size: cover;

	text-size-adjust: none;
}

body.stilz_2014.dark {
	background-image: url('../../../images/themes/stilz/stilz_bg.png');
	color: #FFF;
}

body.stilz_2014.light {
	background-image: url('../../../images/themes/stilz/stilz_bg_light.png');
	color: #000;
}

body.stilz_2014.amoled {
	color: #FFF;
	background-color: #000;
}

body.stilz_2014.dark::-webkit-scrollbar {
	width: 8px;
}

body.stilz_2014.dark::-webkit-scrollbar-thumb {
	background-color: #666;
}

body.stilz_2014.dark::-webkit-scrollbar-track-piece {
	background-color: #111;
}

body.stilz_2014.amoled::-webkit-scrollbar {
	width: 8px;
}

body.stilz_2014.amoled::-webkit-scrollbar-thumb {
	background-color: #666;
}

body.stilz_2014.amoled::-webkit-scrollbar-track-piece {
	background-color: #111;
}

/* ------------------------------------------------------------------------- */
/* Top Bar                                                              {{{1 */
/* ------------------------------------------------------------------------- */

/*
 * The top bar present on every page...
 */

body.stilz_2014 .top-bar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 28px;
	z-index: 10000;

	color: #FFF;
	padding: 12px 0px 12px 0px;
	text-shadow:
		0px 0px 4px rgba(0, 0, 0, 0.5), 0px 0px 12px #000, 0px 0px 24px #000;
}

@keyframes bg-fade-in-light-crystal {
	0% {
		color: #FFF;
		padding-top: 12px;
	}
	50% {
		padding-top: 12px;
	}
	100% {
		color: #000;
		padding-top: 12px;
		backdrop-filter: blur(15px) contrast(1.2) saturate(2);
		background-color: rgba(242, 243, 244, 0.5);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	}
}

@keyframes bg-fade-in-dark-crystal {
	0% {
		color: #FFF;
		padding-top: 12px;
	}
	50% {
		padding-top: 12px;
	}
	100% {
		color: #FFF;
		padding-top: 12px;
		backdrop-filter: blur(15px) contrast(1.2) saturate(2);
		background-color: rgba(11, 11, 14, 0.8);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
	}
}

body.stilz_2014 .hover-bar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 28px;
	z-index: 10000;

	padding: 12px 0px 12px 0px;

	/*
	text-shadow:
		0px 0px 4px rgba(0, 0, 0, 0.5), 0px 0px 12px #000, 0px 0px 24px #000;
	*/

	animation: bg-fade-in-light-crystal 0.5s forwards;

	background-image: url(../../../images/themes/crystal/menu_bar_light.svg);
}

body.stilz_2014.dark .hover-bar,
body.stilz_2014.amoled .hover-bar {
	background-image: url(../../../images/themes/crystal/menu_bar_dark.svg);
}

body.stilz_2014.dark   .hover-bar,
body.stilz_2014.amoled .hover-bar {
	animation: bg-fade-in-dark-crystal 0.5s forwards;
}

body.stilz_2014 .banner-links-inner {
	width: calc(100% - 64px);
	max-width: 1280px;

	margin: 0px auto;
	height: 100%;
	padding: 0px 0px 8px 0px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

body.stilz_2014 .hover-bar .banner-links-inner {
	padding: 0px;
	border-bottom: 0px solid transparent;
}

body.stilz_2014 .dark-banner .banner-links-inner {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

body.stilz_2014 .site-txt {
	float: left;
	margin: 0px 4px;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
}

body.stilz_2014 .hover-bar .site-txt {
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
}

body.stilz_2014.dark   .hover-bar .site-txt,
body.stilz_2014.amoled .hover-bar .site-txt {
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

body.stilz_2014 .site-txt .post-name-txt {
	float: right;
	opacity: 0;
}

@keyframes stxt-fade-in {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

body.stilz_2014 .hover-bar .site-txt .post-name-txt {
	animation: stxt-fade-in 0.5s forwards;
}

body.stilz_2014 .banner-link {
	position: relative;
	float: right;
	margin: 0px 4px;
	padding: 4px 8px 4px 8px;
	border-radius: 4px;
	font-weight: bold;
	color: #FFF;
}

body.stilz_2014 .hover-bar .banner-link {
	color: #000;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
}

body.stilz_2014.dark   .hover-bar .banner-link,
body.stilz_2014.amoled .hover-bar .banner-link {
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

body.stilz_2014 .banner-link:hover {
	/* background-color: #FFF; */
	color: #000;
	text-shadow: 0px 0px 4px transparent;

	backdrop-filter: invert(0.4) contrast(2.5) saturate(2) blur(15px);
	background-color: rgba(16, 16, 16, 0.25);
}

body.stilz_2014 .banner-link:hover span.txt-fx {
	color: #FFF;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

body.stilz_2014 .dark-banner .banner-link {
	color: #FFF;
}

body.stilz_2014 .dark-banner .banner-link:hover {
	background-color: #FFF;
	color: #000;
}

body.stilz_2014 .banner-links-inner a {
	color: inherit;
	text-decoration: none;
}

/* ------------------------------------------------------------------------- */
/* Top Banner                                                           {{{1 */
/* ------------------------------------------------------------------------- */

/*
 * This deals with the top of the page when viewing a specific blog page.
 * Includes the banner, text inside the banner, etc.
 */

body.stilz_2014 .top-banner {
	width: 100%;
	height: 380px;
	max-height: 100vh;

	position: relative;
}


body.stilz_2014 .top-banner .img-layer00 {
	/* background-image: url("../../../images/banners/knox_sunrise/layer_00.jpg"); */
	z-index: -3;
}

@keyframes banner-fade {
	25% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

body.stilz_2014 .top-banner .img-layer01 {
	/* background-image: url("../../../images/banners/knox_sunrise/layer_01.jpg"); */
	animation: banner-fade 2s forwards;
	z-index: -2;
	opacity: 0;
}

body.stilz_2014 .top-banner .img-layer02 {
	background: transparent;
	z-index: -1;
}

body.stilz_2014.dark .top-banner .img-layer02,
body.stilz_2014.amoled .top-banner .img-layer02 {
	/*
	background-color: rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 0px 250px rgba(0, 0, 0, 0.5);
	*/
}

body.stilz_2014 .top-banner .img-layer00,
body.stilz_2014 .top-banner .img-layer01,
body.stilz_2014 .top-banner .img-layer02 {
	background-size: cover;
	background-position: center center;

	position: fixed;
	width: 100%;
	height: 380px;
	top: 0px;
	left: 0px;
}

body.stilz_2014 .category-banner {
	height: 180px;
	top: -64px;
}

body.stilz_2014 .category-banner .img-layer00,
body.stilz_2014 .category-banner .img-layer01,
body.stilz_2014 .category-banner .img-layer02 {
	height: 180px;
}

body.stilz_2014 .top-banner .inner {
	width: calc(100% - 64px);
	max-width: 1280px;
	height: 100%;
	margin: auto;
	position: relative;
}

body.stilz_2014 .category-banner .inner {
	margin-top: 64px;
	top: 64px;
}

body.stilz_2014 .top-banner .inner .dbl-inner {
	position: absolute;
	bottom: 0px;

	width: 100%;
	text-align: center;

	font-size: 125%;
	color: #FFF;
	text-shadow:
		0px 0px 1px rgba(255, 255, 255, 1),
		1px 1px 1px rgba(0, 0, 0, 0.225),
		2px 2px 1px rgba(0, 0, 0, 0.2),
		3px 3px 2px rgba(0, 0, 0, 0.175),
		4px 4px 2px rgba(0, 0, 0, 0.15),
		5px 5px 3px rgba(0, 0, 0, 0.125),
		6px 6px 3px rgba(0, 0, 0, 0.1),
		7px 7px 4px rgba(0, 0, 0, 0.075),
		8px 8px 4px rgba(0, 0, 0, 0.05),
		9px 9px 5px rgba(0, 0, 0, 0.025),
		1px 1px 5px #000,
		1px 1px 15px #000;
}

body.stilz_2014 .top-banner .inner .dbl-inner .label {
	margin-bottom: 12px;
	overflow: auto;
}

body.stilz_2014 .top-banner .inner .dbl-inner .label a {
	text-decoration: none;
	color: inherit;
}

/* ok, we can do better */
body.stilz_2014 .top-banner .inner .dbl-inner .label .label-bg {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(15px) saturate(3.5) contrast(2);
	padding: 0px 5px 1px 5px;
	margin-right: 10px;
	font-size: 85%;
	border-radius: 4px;
	font-variant: all-small-caps;
	color: #000 !important;
	text-shadow: 0px 0px 0px transparent !important;
	font-weight: bold;
}

body.stilz_2014 .top-banner .inner .dbl-inner .title {
	margin-bottom: 14px;
	font-family: exod, ssans-regular, kosugimaru;
	font-size: 250%;
}

body.stilz_2014 .top-banner .inner .dbl-inner .about {
	margin-bottom: 12px;
}

/*
 * Category page patches
 */

body.stilz_2014 .category-banner .inner {
	max-width: unset;
}

body.stilz_2014 .category-banner .inner .dbl-inner {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);

	padding: 24px 32px;
}

body.stilz_2014 .category-banner .inner .dbl-inner .title {
	text-align: center;
	font-variant: small-caps;

	color: #000;
	text-shadow: white 0 0 5px, white 0 0 15px, white 0 0 25px, white 0 0 5px;
}

body.stilz_2014.light .category-banner .inner .dbl-inner .title {
	text-align: center;
	font-variant: small-caps;

	color: #FFF;
	text-shadow: #000 0 0 5px, #000 0 0 15px, #000 0 0 25px, #000 0 0 5px;
}

body.stilz_2014 .category-banner .inner .dbl-inner .about {
	text-align: center;
	font-variant: normal;

	font-family: exod, ssans-regular, kosugimaru;
	font-size: 15px;
}


/* ------------------------------------------------------------------------- */
/* Sidebar                                                              {{{1 */
/* ------------------------------------------------------------------------- */

/*
 * Sidebar that appears on the home page, category pages, and second page,
 * third page, etc.
 */

body.stilz_2014 .widget {
	box-sizing: border-box;
	padding: 16px;
	margin-bottom: 32px;
	border: 1px solid #444444;
	/* background-color: #E3E4E5; */

	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
	position: relative;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}

body.stilz_2014.dark .widget {
	background-image: url(../../../images/themes/stilz/stilz_aero_bg.png), url(../../../images/themes/stilz/stilz_bg_blurred.png);
}

body.stilz_2014.light .widget {
	background-image: url(../../../images/themes/stilz/stilz_aero_bg.png), url(../../../images/themes/stilz/stilz_bg_blurred_light.png);
}

body.stilz_2014 .widget::before {
	content: attr(content);
	width: calc(100% + 32px);
	position: relative;
	top: -16px;
	left: -16px;
	padding-left: 2px;
	box-sizing: border-box;
	font-size: 15px;
	display: inline-block;
}

body.stilz_2014.dark .widget::before {
	border-bottom: 1px solid #444444;
	background-color: rgba(0, 0, 0, 0.65);
}

body.stilz_2014.light .widget::before {
	border-bottom: 1px solid #BBB;
}

body.stilz_2014 .widget::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 8px;
	/* background-image: url(../../../images/themes/crystal/grey_orb.svg); */
	width: 12px;
	height: 12px;
}

body.stilz_2014 .about-me {
	position: relative;
	background-color: transparent !important;
}

body.stilz_2014 .about-me div.name {
	width: 100%;
	font-size: 175%;
	text-align: center;
	padding-bottom: 16px;
}

body.stilz_2014 .about-me img.profile-pic {
	box-sizing: border-box;
	position: relative;
	left: 25%;
	width: 50%;
	top: 8px;
	margin: 0 auto 32px auto;
	padding: 8px;
	border-radius: 22px;
	background-image: url(../../../images/themes/crystal/pic_bg.svg);
	background-size: cover;
	box-shadow: 0px 4px 15px #e980937f;
}

body.stilz_2014.dark .about-me img.profile-pic {
	/* border: 8px solid #5F5F5F; */
}

body.stilz_2014.amoled .about-me img.profile-pic {
	/* border: 8px solid #333333; */
}

body.stilz_2014 .widget .header {
	border-top   : 2px solid #000;
	border-bottom: 2px solid #000;

	margin-bottom: 16px;

	display: none;
}

body.stilz_2014.dark .widget .header {
	border-top   : 2px solid #CCCCCF;
	border-bottom: 2px solid #CCCCCF;
}

body.stilz_2014.amoled .widget .header {
	border-top   : 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

body.stilz_2014 .widget .header .inner {
	background-color: transparent;
	margin: 4px 0px;
	width: 100%;
}

body.stilz_2014 .widget .header .inner .text {
	color: #000;
	font-size: 125%;
	font-variant: all-small-caps;
	position: relative;
	top: -2px;
	text-align: center;
}

body.stilz_2014.dark .widget .header .inner .text {
	color: #CCCCCF;
}

body.stilz_2014.amoled .widget .header .inner .text {
	color: #FFF;
}

body.stilz_2014 .widget .cat-label {
	box-sizing: border-box;
	margin: 4px;
	width: calc(100% - 8px);

	padding: 4px 4px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.stilz_2014.dark   .cat-label,
body.stilz_2014.amoled .cat-label {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Social Media Icons */
body.stilz_2014 .sm {
	width: 100%;
	height: 48px;
	position: relative;
	margin-top: 8px;
}

body.stilz_2014 .sm-circle {
	margin-top: 16px;
	margin-left: 6px;
	box-sizing: border-box;
}

body.stilz_2014 .sm-regular .ico {
	width: 32px;
	height: 32px;
	float: left;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 8px;
}

body.stilz_2014 .sm-circle .ico {
	width: 32px;
	height: 32px;
	float: left;
	background-size: 75%;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 8px;
	margin-bottom: 8px;
	border: 2px solid #CCC;
	background-color: #EEE;
	border-radius: 50%;
}

body.stilz_2014.dark .sm-circle .ico {
	background-color: #0b0b0e;
	border: 2px solid #4b4b4e;
}

body.stilz_2014.amoled .sm-circle .ico {
	background-color: #000;
	border: 2px solid #FFF;
}

body.stilz_2014 .sm .content {
	float: left;
	line-height: 32px;
	height: 32px;
	box-sizing: border-box;
	margin-left: 10px;
	width: calc(100% - 50px);
}

body.stilz_2014 .sm .fb { background-image: url("../../../images/social_icons/facebook-light.svg"  ); }
body.stilz_2014 .sm .tw { background-image: url("../../../images/social_icons/twitter-light.svg"   ); }
body.stilz_2014 .sm .gh { background-image: url("../../../images/social_icons/github-light.svg"    ); }
body.stilz_2014 .sm .yt { background-image: url("../../../images/social_icons/youtube-light.svg"   ); }
body.stilz_2014 .sm .sc { background-image: url("../../../images/social_icons/soundcloud-light.svg"); }
body.stilz_2014 .sm .bc { background-image: url("../../../images/social_icons/bandcamp-light.svg"  ); }
body.stilz_2014 .sm .ln { background-image: url("../../../images/social_icons/line-light.svg"      ); }

body.stilz_2014.dark   .sm .fb, 
body.stilz_2014.amoled .sm .fb { background-image: url("../../../images/social_icons/facebook-dark.svg"  ); }
body.stilz_2014.dark   .sm .tw, 
body.stilz_2014.amoled .sm .tw { background-image: url("../../../images/social_icons/twitter-dark.svg"   ); }
body.stilz_2014.dark   .sm .gh, 
body.stilz_2014.amoled .sm .gh { background-image: url("../../../images/social_icons/github-dark.svg"    ); }
body.stilz_2014.dark   .sm .yt, 
body.stilz_2014.amoled .sm .yt { background-image: url("../../../images/social_icons/youtube-dark.svg"   ); }
body.stilz_2014.dark   .sm .sc, 
body.stilz_2014.amoled .sm .sc { background-image: url("../../../images/social_icons/soundcloud-dark.svg"); }
body.stilz_2014.dark   .sm .bc, 
body.stilz_2014.amoled .sm .bc { background-image: url("../../../images/social_icons/bandcamp-dark.svg"  ); }
body.stilz_2014.dark   .sm .ln, 
body.stilz_2014.amoled .sm .ln { background-image: url("../../../images/social_icons/line-dark.svg"      ); }

/* ------------------------------------------------------------------------- */
/* Post Listings                                                        {{{1 */
/* ------------------------------------------------------------------------- */

body.stilz_2014 table.page-table {
	width: 100%;
	color: inherit;
}

body.stilz_2014 table.page-table td {
	vertical-align: top;
}

/*
 * The listing of posts (home page, pages, categories, etc).
 */

body.stilz_2014 a.post-link-box {
	text-decoration: none;
	color: inherit !important;
}

body.stilz_2014 .post-box {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	position: relative;
	border: 1px solid #444444;
	border-right: 8px solid #444444;

	background-image: url('../../../images/themes/crystal/module_bg_light.svg');
	background-size: cover;

	background-position: top center;
	background-attachment: fixed;
	background-size: cover;

	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}

body.stilz_2014.light .post-box {
	background-image: url('../../../images/themes/stilz/stilz_aero_bg.png'), url('../../../images/themes/stilz/stilz_bg_blurred_light.png');
	background-color: #0B0B0E;
	color: #000;
	/* border: 1px solid #171717; */
}

body.stilz_2014.dark .post-box {
	background-image: url('../../../images/themes/stilz/stilz_aero_bg.png'), url('../../../images/themes/stilz/stilz_bg_blurred.png');
	background-color: #0B0B0E;
	color: #CCCCCF;
	/* border: 1px solid #171717; */
}

body.stilz_2014.amoled .post-box {
	background-image: url('../../../images/themes/stilz/stilz_aero_bg.png'), url('../../../images/themes/stilz/stilz_bg_blurred.png');
	background-color: #0B0B0B;
	color: #FFF;
	/* border: 1px solid #171717; */
}

body.stilz_2014 .post-box::before {
	content: "Blog Post";
	background-size: 28px 28px;
	width: calc(100% + 32px);
	position: relative;
	top: -8px;
	left: -16px;
	padding-left: 2px;
	box-sizing: border-box;
	font-size: 15px;
	display: inline-block;
	border-bottom: 1px solid #444444;
}

body.stilz_2014.dark .post-box::before,
body.stilz_2014.amoled .post-box::before {
	background-color: rgba(0, 0, 0, 0.65);
}

body.stilz_2014.light .post-box::before {
	background-color: rgba(0, 0, 0, 0.0);
}

body.stilz_2014 .post-box .title {
	font-size: 175%;
	font-family: exod, ssans-regular, kosugimaru;
}

body.stilz_2014 .post-box .tags,
body.stilz_2014 .post-box .date {
	font-size: 100%;
	font-family: exod, ssans-regular, kosugimaru;
	font-variant: all-small-caps;
}

body.stilz_2014 .post-box .tags {
	margin: 8px 8px 16px 8px;
}

body.stilz_2014 .post-box .tags a {
	background-color: #BBB;
	color: #000;
	border-radius: 4px;
	padding: 0px 4px 2px 4px;
	position: relative;
	left: -8px;
}

body.stilz_2014 .post-box .date {
	margin: 0px 0px 4px 0px;
}

body.stilz_2014 .post-box .banner {
	width: 100%;
	height: 320px;
	background-size: cover;
	background-position: center;
}

body.stilz_2014 .post-box .desc {
	margin: 16px 0px;
	max-height: 192px;
	overflow-y: hidden;
}

body.stilz_2014 .post-box .fade-down {
	height: 64px;
	position: absolute;
	bottom: 60px;
	left: 0px;
	width: 100%;
	/*
	background: rgb(227, 228, 229);
	background: linear-gradient(
		0deg,
		rgba(240, 240, 241, 1.0) 15%,
		rgba(227, 228, 229, 0.0) 100%
	);
	*/
}

body.stilz_2014.light .post-box .fade-down {
	/*
	background: rgb(8, 8, 8);
	background: linear-gradient(0deg, rgba(8, 8, 8, 0.8), rgba(255, 255, 255, 0));
	*/
	border-bottom: 1px solid rgba(24, 24, 24, 0.16);
}

body.stilz_2014.dark .post-box .fade-down,
body.stilz_2014.amoled .post-box .fade-down {
	background: rgb(8, 8, 8);
	background: linear-gradient(0deg, rgba(8, 8, 8, 0.8), rgba(0, 0, 0, 0));
	border-bottom: 2px solid rgba(24, 24, 24, 0.75);
}

body.stilz_2014.dark .fade-down {
	/*
	background: rgb(11, 11, 14);
	background: linear-gradient(
		0deg,
		rgba(11, 11, 14, 1.0) 15%,
		rgba(11, 11, 14, 0.0) 100%
	);
	*/
}

body.stilz_2014.amoled .fade-down {
	/*
	background: rgb(11, 11, 11);
	background: linear-gradient(
		0deg,
		rgba(11, 11, 11, 1.0) 15%,
		rgba(11, 11, 11, 0.0) 100%
	);
	*/
}

body.stilz_2014 .post-box .continue {
	display: table;
	background-color: #BBB;
	color: #000;
	padding: 1px 8px 4px 8px;
	margin: 0px auto 8px auto;
	font-variant: all-small-caps;
}

body.stilz_2014.dark   .post-box .continue,
body.stilz_2014.amoled .post-box .continue {
	background-color: #FFF;
	color: #000;
}

body.stilz_2014 .nav-bar {
	width: 100%;
	box-sizing: border-box;
	overflow: auto;
}

body.stilz_2014 .nav-bar .nav-left {
	float: left;
}

body.stilz_2014 .nav-bar .nav-right {
	float: right;
}

body.stilz_2014 .nav-bar .nav-left,
body.stilz_2014 .nav-bar .nav-right {
	display: table;
	background-color: #000;
	color: #FFF;
	padding: 1px 8px 4px 8px;
	font-variant: all-small-caps;
}

body.stilz_2014.dark   .nav-bar .nav-left, body.stilz_2014.dark   .nav-bar .nav-right,
body.stilz_2014.amoled .nav-bar .nav-left, body.stilz_2014.amoled .nav-bar .nav-right {
	background-color: #FFF;
	color: #000;
}

body.stilz_2014 .nav-bar a {
	color: #FFF;
}

body.stilz_2014.dark   .nav-bar a,
body.stilz_2014.amoled .nav-bar a {
	color: #000;
}

/* ------------------------------------------------------------------------- */
/* Post Content                                                         {{{1 */
/* ------------------------------------------------------------------------- */

/*
 * Regarding the body of the page where the post is displayed.
 */

body.stilz_2014 .content {
	/* background-color: #EDEEEF; */
	width: 100%;

	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}

body.stilz_2014.light .content {
	background-image: url(../../../images/themes/stilz/stilz_bg_light.png);
}

body.stilz_2014.dark .content {
	background-image: url(../../../images/themes/stilz/stilz_bg.png);
}

body.stilz_2014 a.anchor {
	position: relative;
	top: -56px;
}

body.stilz_2014 h1 a,
body.stilz_2014 h2 a,
body.stilz_2014 h3 a,
body.stilz_2014 h4 a,
body.stilz_2014 h5 a,
body.stilz_2014 h6 a {
	color: inherit !important;
	text-decoration: none;
}

body.stilz_2014 li {
	margin: 12px 0px;
}

body.stilz_2014 .disclaimer {
	border: 0px solid transparent;
	border-left: 4px solid #A00;
	background-color: rgba(255, 0, 0, 0.15);
	font-size: 15px;
	color: #b30000;
	margin: 8px 0px;
	padding: 8px;
}

body.stilz_2014.dark   .disclaimer,
body.stilz_2014.amoled .disclaimer {
	color: #FF0000;
}

body.stilz_2014 .content:first-of-type {
	padding: 32px 0px 0px 0px;
}

body.stilz_2014 .content:nth-child(n+2) {
	padding: 32px 0px 32px 0px;
}

body.stilz_2014.dark .content {
	color: #FFF;
}

body.stilz_2014.amoled .content {
	color: #FFF;
}

body.stilz_2014 .post-body {
	max-width: 1280px;
	width: calc(100% - 64px);
	margin: 0 auto;
	font-family: exod, ssans-regular, kosugimaru;
	font-size: 100%;
	box-sizing: border-box;
	padding: 16px 32px;
}

body.stilz_2014.light .post-body.post {
	border: 1px solid #444;
	border-right: 8px solid #444;

	background-image: url(../../../images/themes/stilz/stilz_aero_bg.png), url(../../../images/themes/stilz/stilz_bg_blurred_light.png);
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}

body.stilz_2014.dark .post-body.post {
	border: 1px solid #444;
	border-right: 8px solid #444;

	background-image: url(../../../images/themes/stilz/stilz_aero_bg.png), url(../../../images/themes/stilz/stilz_bg_blurred.png);
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}

body.stilz_2014 .post-body img {
	max-width: 100%;
}

body.stilz_2014.dark .invertible,
body.stilz_2014.amoled .invertible{
	filter: invert(1);
}

body.stilz_2014 a {
	color: #AAAAAA;
	text-decoration: none;
}

body.stilz_2014 a:hover {
	color: #777777;
}

body.stilz_2014.dark a {
	color: #AAAAAA;
}

body.stilz_2014.amoled a {
	color: #00FFE7;
}

body.stilz_2014 h2 {
	border-left: 4px solid #ff768e;
	padding-left: 12px;
	position: relative;
	left: -18px;
	margin-top: 48px;
}

body.stilz_2014 h2:first-of-type {
	margin-top: 24px;
}

body.stilz_2014 h3 {
	margin-top: 42px;
}

body.stilz_2014.dark h2, body.stilz_2014.amoled h2 {
	border-left: 4px solid #667;
}

body.stilz_2014 pre {
	/* border: 1px solid #BBB; */
	padding: 8px;
	overflow-x: auto;
	background-color: #e0e0e0;
	color: #000000;
	/* border-radius: 4px; */
	/* box-shadow: 2px 2px 8px #c7c7c7; */
	border: 1px solid #c3c3c3;

	position: relative;
	top: -10px;
}

/* Code without a pre on the outside */
body.stilz_2014 code {
	background-color: #D8D8D8;
	/* border: 1px solid #C3C3C3; */
	padding: 2px 4px;
	border-radius: 4px;
}

/* Code with a pre on the outside */
body.stilz_2014 pre code {
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0px;
	border-radius: 0px;
	text-shadow: 0px 0px 0px transparent;
}

body.stilz_2014 pre, body.stilz_2014 code {
	font-family: inconsolata !important;
	/* font-size: 92%; */
	tab-size: 4;
}

body.stilz_2014.dark pre {
	background-color: rgba(0, 0, 0, 0.5);
	border: 0px solid transparent;
	border: 1px solid #444;
	box-shadow: 0px 0px 0px transparent;
	border-radius: 0px;
	color: #C3C3C3;
}

body.stilz_2014.dark code {
	background-color: #080808;
	border: 1px solid transparent;
}

body.stilz_2014.dark pre code {
	background-color: transparent;
	border: 0px solid transparent;
}

body.stilz_2014.amoled pre {
	background-color: rgba(12, 12, 12, 0.5);
	border: 0px solid transparent;
	border: 1px solid #232323;
	box-shadow: 0px 0px 0px transparent;
	border-radius: 0px;
	color: #C3C3C3;
}

body.stilz_2014.amoled code {
	background-color: #1b1b1b;
	border: 1px solid transparent;
}

body.stilz_2014.amoled pre code {
	background-color: transparent;
	border: 0px solid transparent;
}

/* Label for the code blocks */
body.stilz_2014 .code-label {
	position: relative;
	top: 2px;
	left: 20px;
	font-size: 14px;
	font-variant: all-small-caps;
	font-weight: bold;
}

/* Quote box */
body.stilz_2014.light .quote {
	border-left: 4px solid #c3c3c3;
	padding: 8px 14px;
	font-style: italic;
}

body.stilz_2014.dark .quote,
body.stilz_2014.amoled .quote {
	border-left: 4px solid #232323;
	padding: 8px 14px;
	font-style: italic;
}

/* Hide elements in specific themes */
body.stilz_2014.light .light-null {
	display: none;
}

body.stilz_2014.dark .dark-null {
	display: none;
}

body.stilz_2014.amoled .dark-null {
	display: none;
}

/* Tables */
body.stilz_2014 table.nt {
	border-radius: 4px;
	border-spacing: 0px;
	background-color: #rgba(0, 0, 0, 0.0);
	border: 1px solid #BBB;
	box-shadow: 2px 2px 8px #c7c7c7;
	overflow: hidden;
}

body.stilz_2014 table.nt,
body.stilz_2014 table.nt td.nows {
	white-space: nowrap;
}

body.stilz_2014 table.nt tr.top td,
body.stilz_2014 table.nt th {
	background-color: #3e3e3e;
	overflow: hidden;
	color: white;
	text-align: left;
}

body.stilz_2014 table.nt tr.bt td,
body.stilz_2014 table.nt td,
body.stilz_2014 table.nt th {
	padding: 6px 8px;
}

body.stilz_2014.dark table.nt {
	background-color: rgba(0, 0, 0, 0.0);
	border: 1px solid #202026;
	box-shadow: 2px 2px 8px #000;
}

body.stilz_2014.dark table.nt tr.top td {
	background-color: #2e2e37;
	color: #FFF;
}

body.stilz_2014.dark table.nt tr.bt td {
	border-bottom: 1px solid #0A0A0A;
	color: #FFF;
}

body.stilz_2014.dark table.nt td {
	color: #FFF;
}

body.stilz_2014.amoled table.nt {
	background-color: #000;
	border: 1px solid #444;
	box-shadow: 2px 2px 8px #000;
}

body.stilz_2014.amoled table.nt tr.top td {
	background-color: #111;
	color: #FFF;
}

body.stilz_2014.amoled table.nt tr.bt td {
	border-bottom: 1px solid #0A0A0A;
	color: #FFF;
}

body.stilz_2014.amoled table.nt td {
	color: #FFF;
}

body.stilz_2014 .caption {
	font-style: italic;
	font-size: 85%;
	margin-top: 12px;
	width: 100%;
	text-align: center;
}

body.stilz_2014 table td .caption {
	font-size: inherit;
}

body.stilz_2014.dark .caption {
	color: #CCCCCF;
}

body.stilz_2014.amoled .caption {
	color: #FFF;
}

/*
 * Audio Player Overrides
 */

body.stilz_2014.light audio::-webkit-media-controls-panel {
	background-color: #DDD;
}

body.stilz_2014.dark   audio,
body.stilz_2014.amoled audio {
	filter: invert(1);
}

body.stilz_2014 audio:focus {
	outline-width: 0px;
}


/* ------------------------------------------------------------------------- */
/* Bottom Links & Copyright                                             {{{1 */
/* ------------------------------------------------------------------------- */

/*
 * Links are listed, as well as the copyright string and page generation time.
 * The theme will stay traditional to how other CN websites are.
 */

body.stilz_2014 hr.post-end {
	border: 1px solid rgba(0, 0, 0, 0.0);
}

body.stilz_2014.dark   hr.post-end,
body.stilz_2014.amoled hr.post-end {
	border: 1px solid rgba(255, 255, 255, 0.0);
}

body.stilz_2014.dark   table,
body.stilz_2014.amoled table {
	color: inherit;
}

body.stilz_2014 img.avi {
	width: 100%;
	border-radius: 50%; /* could be 100% idc */
	box-sizing: border-box;
	position: relative;
	margin: 0 auto 32px auto;
	padding: 8px;
	border-radius: 24px;
	background-image: url(../../../images/themes/crystal/pic_bg.svg);
	background-size: cover;
	box-shadow: 0px 4px 15px #e980937f;
}

body.stilz_2014 .blog-bottom {
	width: 100%;
	background-color: #252528;
	color: #FFF;
}

body.stilz_2014 .blog-bottom .inner {
	width: calc(100% - 64px);
	max-width: 1280px;
	margin: auto;
	position: relative;
	box-sizing: border-box;
	padding: 42px 32px;
	overflow: auto;

	font-family: exod, ssans-regular, kosugimaru;
}

body.stilz_2014 .blog-bottom .inner .section {
	float: left;
	padding-right: 32px;
	font-size: 110%;
}

body.stilz_2014 .blog-bottom .inner .section .title {
	font-variant: all-small-caps;
	color: rgba(255, 255, 255, 0.5);
	padding-bottom: 6px;
}

body.stilz_2014 .blog-bottom .inner .section a {
	text-decoration: none;
	color: #BBB;
}

body.stilz_2014 .blog-bottom .inner .section a:hover {
	color: #FFF;
}

body.stilz_2014 .blog-bottom .copyright {
	width: 100%;
	padding-bottom: 6px;
	font-weight: bold;
	text-align: center;
}