/*
Theme Name: Dinosaur Dracula (2015) - Parent Theme!
Description: Custom Theme by Cliffpro (Now SSL friendly!) - DO NOT EDIT!!!
Author: Cliff Huizenga
Author URI: https://cliffpro.co
Template: DinoDrac2015_Parent
Version: 2.1.9.29
*/

/**
	Colors:
	Blue: 	#4090cb
	Red: 	#bc281e
	Green:	#98d81c
	Grey:	#c5c5c5
**/

/* Custom Fonts */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);
@import url(https://fonts.googleapis.com/css?family=Exo:400,700);

@font-face {
    font-family: 'SHARRPEGOTHIKRegular';
    src: url('fonts/sharrpe_gothik-webfont.eot');
    src: url('fonts/sharrpe_gothik-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sharrpe_gothik-webfont.woff') format('woff'),
         url('fonts/sharrpe_gothik-webfont.ttf') format('truetype'),
         url('fonts/sharrpe_gothik-webfont.svg#SHARRPEGOTHIKRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* HTML5 Reset - https://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe.youtube,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =HTML5 Declarations
-------------------------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display: block;
}

/* =Typeface (Font) Elements
-------------------------------------------------------------- */

body  {
color: #000;
/* font-family: Georgia, Times, sans-serif; */
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em;
background: url(https://dinosaurdracula.com/wp-content/uploads/2014/09/brickz.jpg) top left repeat;

}

h1, h2, h3, h4, h5, p {
	line-height: 1em;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 5px 0;
}

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }

p {
	/* font-size: 16.7px; */
	font-size: 17.5px;
	margin: 0 0 30px 0;
}

em {
	font-style: italic;
	font-weight: 200;
}
strong { font-weight: 700; }
a:link, a:visited, a:active {
	color: #4090cb;
	text-decoration: none;
	border-bottom: none;
}

a:hover {
	color: #bc281e;
	border-bottom: none;
}

img, img a, a img { border: none; }

ul { margin: 0 0 30px 0; }

ul li {
	line-height: 1.5em;
}

ul.one-third {
	margin: 0 auto 30px auto;
	padding: 0;
	width: 100%;
	max-width: 660px;
}
ul.one-third li {
	display: inline-block;
	margin: 0 0 1px;
	width: 31%;
}
ul.one-third li:nth-child(3n-1) {
	margin: 0 10px 1px 10px;
}

input, textarea {
	border: none;
	padding: 5px;
	float: none;
	border: 2px solid #000;
	-moz-border-radius: 3px;
		 border-radius: 3px;
	font-size: 16px;
}

input[type="submit"] {
	text-align: center;
	margin: 10px 0;
	float: right;
	clear: none;
	border: 2px solid #000;
	-moz-border-radius: 3px;
		 border-radius: 3px;
}

input[type="submit"]:hover {
	border: 2px solid #bc281e;
	-moz-border-radius: 3px;
		 border-radius: 3px;
	background: #fff;
	color: #bc281e;
	cursor: pointer;
}

input[type="submit"]:active {
	border: 2px solid #000;
	-moz-border-radius: 3px;
		 border-radius: 3px;
	background: #bc281e;
	color: #fff;
	cursor: pointer;
}

.screen-reader-text { position: absolute; left: -9999px; }

::selection, ::-moz-selection  { background: #bc281e; color: #fff; }
img::selection 		{ background: transparent;}
img::-moz-selection	{ background: transparent;}
body { -webkit-tap-highlight-color: background: #bc281e; }

pre {
	font-family: Monaco;
	font-size: .75em;
}

/* Universal Setup
-------------------------------------------------------------- */

html, body {
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: auto;
	min-width: 960px;
	text-align: center;
}

.mobile-only { display: none; }

/* Main Sections
-------------------------------------------------------------- */

#the-wrapper {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
}

#the-header, #the-sidebar, #the-footer {
	text-align: left;
}

#the-header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 278px;
}

#the-body {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

#the-main {
	margin: 0;
	padding: 0;
}

#the-content {
	text-align: center;
}

#the-sidebar {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #666;
    background: #242629;
	border-radius: 0 15px 15px 0;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Title and Main Menu (Navigation)
-------------------------------------------------------------- */

#heading {
	margin-top:10px;
	font-size: 52px;
}

#heading a {
	display: block;
	width: 960px;
	height: 278px;
	margin: 5px auto;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	background: url('https://dinosaurdracula.com/wp-content/uploads/2015/07/top-1.jpg') top left no-repeat;
}
#heading a span {
	position: absolute;
	left: -9999px;

}

#the-navigation { background: url('https://dinosaurdracula.com/wp-content/uploads/2015/07/top-2.jpg') top left no-repeat; }
#the-navigation .access {
	width: 960px;
	height: auto;
	max-height: 48px;
	overflow: hidden;
	margin: 0 auto;
}

#the-navigation {
	width: 960px;
	display: block;
	margin: 0px auto;
	padding: 0;
	font-size: 28px;
	text-shadow: #000 2px 2px 2px;
}
#the-footer, #featured-bar {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	float: none;
	font-size: 28px;
	text-shadow: #000 2px 2px 2px;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}
#featured-bar, #the-footer { background: url('https://dinosaurdracula.com/img/sowhat.jpg') top left repeat; }
.access {
	width: 952px;
	margin: 0 auto;
}
.nav-below-pad { display: block; height: 41px; width: 100%; min-width: 700px; background: none !important;}
#nav-below { background: url('https://dinosaurdracula.com/img/blog-bar.jpg') top left repeat; position: absolute; bottom: 0; width: 100%; min-width: 700px; height: 21px; border-radius: 0 0 15px 15px; }
.access {
	width: 952px;
	margin: 0 auto;
}
.access .menu {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	float: left;
}
#the-navigation .access .menu {
	width: 100%;
}
.access .menu a:link, .access .menu a:visited, .access .menu a:active {
	color: #cbcbcb;
}
.access .menu ul {
	display: inline;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
}
.access .menu ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 1em;
}
.access .menu ul li a {
	text-decoration: none;
	margin: 10px 20px;
	padding: 0;
	display: inline-block;
	cursor: pointer;
}
.access .menu ul li a:hover {
	color: #f91bf6;
}
.access .menu ul li ul {
	background: #fff;
	display: none;
	width: auto;
	min-width: 10em;
	position: absolute;
	top: 2em;
	left: -1px;
	text-align: left;
	z-index: 99999;
}
.access .menu ul li ul li {
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	float: none;
	text-transform: none;
}
.access .menu ul li ul a {
	display: block;
	margin: 0;
	padding: .5em;
}
.access .menu ul li ul ul {
	left: 100%;
	top: -1px;
}
.access .menu ul li:hover > ul {
	display: block;
}
/* After Dark Welcome Box */

#after-dark-open {
	display: block;
	margin: 15px auto 5px auto;
	padding: 0;
	width: 100%;
	max-width: 660px;
	height: auto;
}

#after-dark-open a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #1f1e22;
}

#after-dark-open a img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

body.single-post #after-dark-open {	
	display: none;
}

/*	Blog
---------------------------------------------*/

.dd-content { 
	position: relative; 
	display: grid; 
	grid-template-columns: 717px 208px;
	grid-template-rows: auto;
	grid-template-areas: "main sidebar";
	margin: 0 auto 15px; 
	padding: 0; 
	width: 945px; 
	height: 100%;
	text-align: center; 
	border: 4px solid #d10303 !important;  
	-webkit-border-radius: 20px !important; 
	-moz-border-radius: 20px !important; 
	border-radius: 20px !important; 
	/* -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; */ 
	background: #F7F6F6;
}
.dd-container-wrap {
	grid-area: main;
}
#the-sidebar {
	grid-area: sidebar;
}
.dd-container-wrap { width: 100%; height: 100%; margin: 0 auto; padding: 0; }
#post-header header, #post-header header h1 { color: #fff; margin: 0; padding: 0; }
#post-header header h1 { padding-bottom: 5px; }
article { height: 100%; }
article section { clear: both; padding: 10px; margin: 0; }
article section p { text-align: left; }
article section p img { margin: 0; }
article section img.border { border: 3px solid #bd5c0e; border-radius: 3px; -moz-border-radius: 3px; }
article section img.alignleft { margin: 0 10px 10px 0; float: left; }
article section img.alignright { margin: 0 0 10px 10px; float: right; }
article section p img.border { margin: 0; }
article section p img.alignleft { margin: 0 10px 0 0; float: left; }
article section p img.alignright { margin: 0 0 0 10px; float: right; }
article.single-post section { height: auto; min-height: 1000px; border-bottom: none; }
body.single-post .dd-content { margin-bottom: 15px; }
.post-preview-top { position: relative; display: block; }
.alignnone { width: auto; max-width: 100%; height: auto; }
.medium-image, .attachment-medium { float: left; margin: 0 20px 20px 0; width: 320px; height: 125px; }
.post-image, .wide-image { width: 100%; height: auto; margin: 0 0 20px 0; }
iframe.youtube { display: block; margin: 0 auto; } /* For YouTube HTML5 compatibility... Yes, seriously. Lame, I know. */
.readmore, .more-link { position: relative; display: block; margin: 15px 0; font-size: 14.7px; font-weight: bold; }
.the_excerpt { display: block; }
.entry-meta { display: block; font-size: 14.7px; text-align: right; font-weight: bold; line-height: 1.5em; }
time { display: block; padding: 0 0 20px 0; }

.pagination a { margin: 0 10px; }
.pagination a.inactive, .pagination a.current { margin: 0 5px; }
/* Archives Page Pagination */

.pagination.archives-page {
	margin: 0 auto 20px auto;
}

.pagination.archives-page a, .pagination.archives-page span {
	display: inline-block;
	margin: 0 5px !important;
	padding: 5px 15px;
	border-radius: 3px;
	color: #fff;
	background: #d10303;
	font-size: 15px;
}

.pagination.archives-page a:hover {	
	background: #8e44ad;
}

.pagination.archives-page span.current {
	background: #7C0A02;	
}

/* Typography Fixes */

article section {
   padding: 20px 30px;
}

article section p {
   margin-bottom: 1em;
   line-height: 1.4em;
   word-spacing: normal;
}

article section header, article section h1, article section h2 {
   text-align: left;
   font-weight: bold;
   margin-bottom: 15px;
}

article section h3, article section h4, article section h5 {
	text-align: left;
	font-weight: bold;
}

article section img {
	width: auto;
	max-width: 660px;
}

/* Comments */

#related-posts-ad {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 15px auto;
	padding: 15px 20px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: #aaa9a9;
	clear: both;
}

.related-post {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 350px;
}

.crp_related ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	float: none !important;
	width: 100%;
	text-align: center;
}

.crp_related li,
.crp_related a {
	display: block !important;
	margin: 0 auto 10px !important;
	float: none !important;
}
.crp_related li {
	padding: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.crp_related a {
	margin-bottom: 0 !important;
}
.crp_related .crp_title {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#adline {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	max-width: 300px;
	text-align: center;
}

.home-body-ad {
	background: #aaa9a9;
}

#comments {
	margin-top: 15px;
	text-align: left;
	clear: both;
	border-top: 2px solid #000;
}

#comments header { border-bottom: 1px solid #000; }

#comments-title { display: block; width: 100%; text-align: center; margin: 20px 0; }

#comments .navigation { text-align: center; margin: 0 0 5px; }

.commentlist { padding: 10px 0 0 0; border-top: 1px solid #000; }

.commentlist li { display: block; border-bottom: 1px solid #000; padding: 5px 5px 15px 0; margin: 0 0 15px 0; }
.commentlist li ul li, .commentlist li ol li  { border-bottom: none; }
.comment footer { display: block; text-align: right; padding-bottom: 15px; }
.comment-author .name { font-weight: bold; }
.comment-author, .comment-meta, .reply { display: block; }
.comment-author img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 3px solid #000;
	-moz-border-radius: 5px;
		 border-radius: 5px;
}

.comment-author { padding: 0; display: block; }
.comment-meta { margin: 10px 0 15px 0; text-align: right; }
.comment-meta time { width: auto; display: inline; margin: 0; height: auto; }
.commentmetadata { display: block; float: right; padding: 2px 0 0 24px; height: 18px; background: url('images/Cross_pixel.png') no-repeat top left; margin: 0; width: auto; }
.comment-content { text-transform: none; margin: 0; padding: 0; display: block; clear: both; }
.comment-content p { margin: 0 0 20px 0; padding: 0; line-height: 20px; }
.comment-content img, .comment-content embed, .reply { display: none; }
.comment-content img.wp-smiley { display: inline; }
#comment-form input[type="submit"] { clear: both; }
#commentPreview { clear: both; }
#commentPreview:before { display: block; content: 'Comment Preview:'; font-style: italic; padding: 0 0 20px 0; text-align: left; }

#comment-nav-above, #comment-nav-below, #nav-above, #nav-below { width: 100%; margin: 0 0 30px 0; clear: both; }
#nav-below { width: auto; border: 3px solid #000; border-radius: 10px; -moz-border-radius: 10px; padding: 10px; margin: 0 0 10px 0; font-size: 24px; text-shadow: #000 2px 2px 2px; }
#nav-below a:link, #nav-below a:visited { color: #fff; }
#nav-below a:hover { color: #98d81c; }
.nav-previous, .nav-next { margin: 0 30px 0 0; float: left; }
.archive-link { float: right; }
/* Comment Reply Form */

#respond { position: relative; clear: both; }
#respond .comment-form-comment { clear: both; }
#respond label { float: left; }
#respond input, #respond textarea { width: 425px; margin: 0 0 10px 10px; float: right; }
#respond textarea { height: 150px; }
#respond input[type="submit"] { width: auto; position: relative; }
#respond table { margin: 0 0 10px; padding: 0; float: right; }
#respond table td { padding: 0; margin: 0; }
#respond p { display: block; width: 100%; clear: both; }

.form-allowed-tags { float: left; margin: 0; }

/* The Sidebar */

#the-sidebar .sidebar, .feature-sidebar { background: #242629; padding: 0; margin: 0 0 10px 0; width: 194px; }
#the-sidebar aside { background: #242629; clear: both; padding: 10px; margin: 0; }
#the-sidebar input[type="text"] { background: #242629; width: 55%; float: left; margin: 0; padding: 5px; }
#the-sidebar input[type="submit"] { background: #242629; text-align: center; margin: 0; float: right; }
#the-sidebar .tall-ad { width: 180px; float: right; display: block; }

/* Sidebar that is full 200px width, no padding or border. */
#the-sidebar #sidebar-11 .sidebar { background: #242629; border: none; border-radius: 0; -moz-border-radius: 0; width: 200px; }

/* Category Pages */

.category .cat-header { padding: 10px; text-align: center; background: #848484; color: #fff; border-radius: 0; -moz-border-radius: 0; }
.category .cat-header .page-header { margin: 0 auto; padding: 0; background: none; text-align: center; }
.category .cat-header .page-header h1 { margin: 0 auto; padding: 0; background: none; text-align: center; text-shadow: 2px 2px 0 #000; }
.category .cat-header .page-header .archive-meta p { margin: 0 auto; padding: 0; text-align: center; text-shadow: 2px 2px 0 #000; }

/* Full Archives */

.the-archives .main-body-content section { border-bottom: none; }
.all-the-archives { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedede; }
.all-the-archives li { display: block; width: 100%; margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #dedede; }
.all-the-archives li .image_thumbnail { float: left; margin: 0 20px 20px 0; width: 150px; height: 150px; }
.all-the-archives li .image_thumbnail img { border: 3px solid #000; width: 100%; height: auto; }

/* Featured Pages */

#featured-bar { margin: 15px 0 0 0; padding: 0; text-align: center; }
#featured-bar ul { width: 952px; margin: 0 auto; padding: 0; list-style: none; text-transform: none; }
#featured-bar ul li { position:relative; width: 313px; height: 173px; border-left: 3px solid #000; float: left; vertical-align: baseline; overflow: hidden; background: #000 }
#featured-bar ul li:first-child { margin: 0 0 0 1px; }
#featured-bar ul li:last-child { border-right: 3px solid #000; }
#featured-bar ul li a { display: block; width: 313px; height: 173px; }
#featured-bar ul li a img { opacity:0.75; filter:alpha(opacity=75); }
#featured-bar ul li a h2 { position: absolute; width: 303px; margin: 0; padding: 5px; display: block; bottom: 0; color: #fff; background: #353131; font-size: 15px; }
#featured-bar ul li a:hover img { opacity:1; filter:alpha(opacity=100); }

.features-archive-wrap { width: 770px; float: left; }
.features-archive, .featured-article { height: auto; height: 100%; padding-bottom: 0; width: 700px; float: left; }
.features-archive .image_thumbnail { width: 313px; height: 173px; float: left; margin: 0 20px 20px 0; padding: 0; display: block; overflow: hidden; border: 3px solid #000; border-radius: 5px; -moz-border-radius: 5px; background: #555 url("images/DD_Featured_blank.jpg") top left no-repeat; }
.features-archive img { margin: 0; }
.features-archive h2 { margin: 0 0 5px 0; }
.features-archive .post { display: block; clear: both; text-align: left; }
.features-archive .post .entry { float: right; width: 360px; padding-bottom: 15px; }

.featured-wrap { width: 717px; margin: 0; padding: 0; float: left; }
.featured-article { width: 720px; padding: 0 0 10px 0; margin: 0; }
.features-featured-img { display: block; width: 717px; height: auto; border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; border-bottom: 3px solid #000;}
.featured-content { width: 660px; margin: 20px auto 0 auto; padding: 0; border: none; }
.featured-content header, .hidetitle { position: absolute; left: -9999px; }
.featured-content img { margin: 0 0 20px 0; width: auto; max-width: 660px; height: auto; }
.pagelink p { font-weight: bold; }
.pagelink p:before { content: '('; }
.pagelink p:after { content: ')'; }

.featured-sidebars { background: #242629; width: 160px; float: right; margin: 10px 10px 0 0; }
.feature-sidebar { background: #242629; width: 160px; float: right; border-radius: 5px; -moz-border-radius: 5px; }

.pagelinks { font-weight: bold; margin: 0; }
/*	Footer
---------------------------------------------*/

#the-footer {
	clear: both;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	height: auto;
	min-height: 58px;
	text-transform: none;
}

#the-footer-content {
	display: block;
	margin: 0;
	padding: 0;
}

#the-footer-content, #the-footer .access, #the-footer .access .menu {
	text-align: center;
	margin: 0 auto;
	float: none;
}

#the-footer #the-footer-content {
	width: 950px;
}

#the-footer .footer_center {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	width: 950px;
	text-align: center;
}

#the-footer .footer_center .access .menu {
	font-size: 24px;
	text-transform: Uppercase;
	margin: 0 auto;
	width: 700px;
}

#the-footer .access .menu li a {
	margin-top: 0;
}

#the-footer .footer_left {
	position: absolute;
	display: block;
	background: url('images/footer_left.png') top left no-repeat;
	width: 92px;
	height: 58px;
}

#the-footer .footer_right {
	position: absolute;
	display: block;
	background: url('images/footer_right.png') no-repeat 859px 0;
	width: 950px;
	height: 58px;
}

/*	Misc
---------------------------------------------*/

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright { float: right; }
.alignleft { float: left;}
.aligncenter { float: center;}

/* PAPER SHREDDER!! */

.torn-top, .torn-bottom { display: block; width: 100%; height: 15px; background: url('images/torn-top.png') top left repeat-x; content: ''; margin: 15px 0 0 0; }
.torn-bottom { background: url('images/torn-bottom.png') bottom left repeat-x; margin: 0 0 15px 0; clear: both; }
.torn-top:first-child { margin: 0; }

/*	WP Jetpack Tweak - Remove Smiley Face! */

#wpstats {
	display: none;
}

/* The :after Collection! */

.access:after, .dd-content:after, article section img.aligncenter:after, #comment-nav-above:after, #comment-nav-below:after, #nav-above:after, #nav-below:after, #respond:after, #the-sidebar aside:after, #featured-bar ul:after, .features-archive ul:after, .featured-content:after, .commentmetadata:after, .comment-meta:after, .comment-author:after { display: block; width: 100%; content: ''; clear: both; }

/* Lazy Font Loading */

#the-header, #the-navigation, #the-footer {
	font-family: 'SHARRPEGOTHIKRegular', Helvetica, sans-serif;
}

#featured-bar, #the-sidebar h3, #featured-bar ul li a h2 {
	font-family: Helvetica, sans-serif;
}

#the-header, #the-navigation, #the-footer, #featured-bar {
	text-transform: Uppercase;
}

article section header, .features-archive h2, .full-archives { font-family: 'Exo', 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
}

/* Ease-In-Out Animation Effect */

a:link, a:hover, a:active, a:visited, input[type="submit"], input[type="submit"]:hover,
#featured-bar ul li a img, #featured-bar ul li a:hover img, #featured-bar ul li a h2, #featured-bar ul li a:hover h2 {
	-webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	   -moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	    -ms-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	     -o-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	        transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

/* Reverse Box Shadow */

input[type="submit"]:active, input:focus, textarea:focus {
  -webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.25);
     -moz-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.25);
          box-shadow:inset 2px 2px 2px rgba(0,0,0,0.25);
}

/* Ads! */
.ad-300x250 { display: block; position: relative; left: -5px; width: 300px; height: 250px; }
.ad-160x600 { display: block; margin: 0 auto; width: 160px; height: 600px; }
/* Ad blocker */
.ab-block {
	display: none;
}

/* Stuff to edit */

body {
line-height: 1.45em;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	color: #000;
/* background: #194377; */
/*

HALLOWEEN TEST - Take out when going live (unless you like this, then leave it)

*/
background: #1f1e22;
}

#heading a {
	display: block;
	width: 960px;
	height: 278px;
	margin: 5px auto;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	color: #fff;

}

#heading a span {
	position: absolute;
	left: -9999px;

}

strong { font-weight: 700; }

a:link, a:visited, a:active {
	color: #bd5c0e;
	text-decoration: none;
	border-bottom: none;

}

a:hover {
	color: #bc281e;
	border-bottom: none;

}

article section header {
	
	background: url('https://dinosaurdracula.com/wp-content/uploads/2014/08/crosss.png') no-repeat 0 1px;
	height: auto;
	min-height: 29px;
	padding: 0 0 0 35px;

}

article.single-post section header {
	
position: relative;
	background: none;
	display: block;
	padding: 0;
  width: 100%;
	clear: both;
  height: auto;
	min-height: auto;
	margin-bottom: 0;
}

article.single-post section header .fb-like {

  position: absolute;
  /* top: 20px;
  left: 36px; */
  top: 0;
  left: 0;
	/* float: left; */
	width: 50px;
	margin: 0 10px 10px 0;
}

article.single-post section header .title-and-nav {
	display: block;
  width: 100%;
	min-height: 46px;
  /* padding: 0 0 0 66px; */
  padding: 0;

}

article.single-post .sharify-container {
    padding: 5px 0 20px 0 !important;
}


#the-navigation { bgcolor: #000000) top left repeat; }

#the-navigation .access {
	width: 952px;
	margin: 0 auto;

}

#featured-bar, #the-footer { background: url('https://dinosaurdracula.com/img/feat-sketchyxmas.jpg') top left repeat; }
.access {
	width: 952px;
	margin: 0 auto;
}

#the-sidebar .sidebar { color: #E2DEDE; background: #242629; padding: 0; margin: 0 0 10px 0; width: 194px; }

#the-sidebar2 .sidebar2 { background: #242629; padding: 0; margin: 0 0 0px 0; width: 200px; }

#nav-below { background: url('https://dinosaurdracula.com/img/blog-bar.jpg') top left repeat; }

.access {
	width: 952px;
	margin: 0 auto;

}

/* ROUNDED CONTENT */

/* This first part removes the torn edges from the content boxes. */

.torn-top, .torn-bottom {
	display: none;

}

/* The following adds rounded corners and a border to your content boxes. */
.home, .article section {
	border-bottom: 5px solid #242629; 		/* Thickness | Type of line | Color */
	/* margin-bottom: 16.7px;			/* Spacing between content boxes */

}

.main-body-content section {
	border-bottom: 5px solid #242629; 		/* Thickness | Type of line | Color */
	/* margin-bottom: 16.7px;			/* Spacing between content boxes */

}

.main-body-content section.last-section .entry-meta {
	margin-bottom: 20px;
}
.featured-wrap article, .features-archive {
	border-bottom: none;

}

/* Depending on how thick you make your border, your Featured pages content width will need to be adjusted,

   or it will rub against your sidebar. Default width is 720px; */

.featured-article, .features-archive-wrap {
	-webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px;

}

.featured-article {
	width: 720px;

}

/* Bug fixes: Fixes double border issue on some pages and stops borders from being added to comments */

article.single-post {
	border: none;
	margin-bottom: 0;

}

article.comment {
	border: none;

}

.commentlist li {
	padding: 5px 0;

}

/*	Blog
---------------------------------------------*/

/* .main-body-content { float: left; width: 720px; -webkit-border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; } */
.main-body-content { width: 720px; }

#post-header header, #post-header header h1 { color: #eae9e9; margin: 0; padding: 0; }

#post-header header h1 { padding-bottom: 10px; }

article section { clear: both; background: none; }

article section p { text-align: left; }

article section p img { margin: 0; }

article section img.border { border: 4px solid #707070; border-radius: 3px; -moz-border-radius: 3px; }

article section img.alignleft { margin: 0 10px 10px 0; float: left; }

article section img.alignright { margin: 0 0 10px 10px; float: right; }

article section p img.border { margin: 0; }

article section p img.alignleft { margin: 0 10px 0 0; float: left; }

article section p img.alignright { margin: 0 0 0 10px; float: right; }

article.single-post section { height: auto; min-height: 1000px; }

.post-preview-top { position: relative; display: block; }

.alignnone { width: auto; max-width: 100%; height: auto; }

.medium-image, .attachment-medium { float: left; margin: 0 20px 20px 0; width: 320px; height: 125px; }

.post-image, .wide-image { width: 100%; height: auto; margin: 0 0 20px 0; }

iframe.youtube { display: block; margin: 0 auto; } /* For YouTube HTML5 compatibility... Yes, seriously. Lame, I know. */

.readmore, .more-link { position: relative; display: block; margin: 14.7px 0; font-size: 14.7px; }

.the_excerpt { display: block; }

.entry-meta { display: block; font-size: 17.5px; text-align: right; font-weight: bold; line-height: 1.5em; word-spacing: -0.08em;
}

time { display: block; padding: 0 0 20px 0; }

.pagination a { margin: 0 10px; }

.pagination a.inactive, .pagination a.current { margin: 0 5px; }

/* Typography Fixes */

article section {

   padding: 20px 30px;

}

article section p {

   margin-bottom: 1em;
   line-height: 1.5em;
   word-spacing: -0.08em;

}

article section header, article section h1, article section h2 {

   text-align: left;

   font-weight: bold;

   margin-bottom: 14.7px;
   
   /* margin-bottom: 5px; */

}

article section h3, article section h4, article section h5 {
	text-align: left;
	font-weight: bold;

}

article section img {
	width: auto;
	max-width: 660px;

}
#nav-below { background: #848484; margin-bottom: 0; border: none; border-top: 4px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /* -webkit-border-radius: 0 0 0 15px; -moz-border-radius: 0 0 0 15px; border-radius: 0 0 0 15px; */ }
.access {
	width: 952px;
	margin: 0 auto;

}

.fb-like-box {
background:#D3D3D3;
width:185px;
padding:0px;
margin:0px 0px;
}

#features-archive-full.dd-content {
	background-position-x: -74px;
}
.featured-article { padding: 0 0 10px 0; margin: 0; }

.featured-content img { margin: 0 0 0 0; width: auto; max-width: 660px; height: auto; }

.features-body-ad {
    display: block;
    margin: 0;
    padding: 20px 30px;
    background: #aaa9a9;
    border-top: 3px solid #242629;
    border-bottom: 3px solid #242629;
    clear: both;
}

body.page-template-features-php span.entry-meta {
    margin-bottom: 20px;
}

.box-bar-home { display: block; position: relative; margin: 15px auto; width: 100%; height: 90px; border-top: 3px solid #000; border-bottom: 3px solid #000; background: url('https://dinosaurdracula.com/img/feat-sketchyxmas.jpg') top left repeat; }

/* #special-features .featured-article, #special-features .featured-content { background: #eae9e9; } /* Change this line for darker special features pages */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.wp_rp_wrap {
	margin-bottom: 15px;

}

/* -- Custom Link Colors -- */

/* Main Links */
a:link { color: #d10303; }
a:hover, a:active { color: #107b15; }
a:visited { color: #d10303; }

/* Title Links */
article section header a:link { color: #d10303; }
article section header a:hover, a:active { color: #107b15; }
article section header a:visited { color: #d10303; }

/* Sidebar Links */
#the-sidebar a:link { color: #d10303; }
#the-sidebar a:hover, a:active { color: #8e44ad; }
#the-sidebar a:visited { color: #d10303; }

/* Related Posts Links */
.related-post a:link { color: #444; font-weight: bold; }
.related-post a:hover, a:active { color: #444; font-weight: bold; }
.related-post a:visited { color: #444; font-weight: bold; }

/* Bandaid Fix for Border Issue */
.bandaid-fix { position: relative; display: block; margin: 0 auto 15px auto; width: 952px; height: 18px; border: 4px solid #d10303; border-top: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /* -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; */ background: #F7F6F6; }

/* Fixes for the Bandaid... fix. Wait, what!? */
.home .dd-content { border-bottom: 4px solid #d10303; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; }
/* .home .bandaid-fix { display: none; } */
.bandaid-fix { display: none; }

.page-template-features-archive-php .bandaid-fix { background-position-x: -74px; }

/*	
	MOBILE VERSION	-- ADDED 08-09-2016
*/

/* Main Body Background and Colors */
/* .main-body-content { background-color: #f7f6f6; color: #000; } */
.main-body-content { background: none; color: #000; }

/* Body/header border color */
.dd-content {
	border: 4px solid #d10303;
}
/* -- Custom Link Colors -- */

/* Main Links */
a:link { color: #bf3535; }
a:hover, a:active { color: #cd5812; }
a:visited { color: #bf3535; }

/* Header Links */
.access .menu a:link, .access .menu a:visited, .access .menu a:active { color: #bfbfbf; }
.access .menu ul li a:hover { color: #FFF; }
#the-navigation { text-shadow: #000 1px 3px 0px, #000 0px 3px 10px, #000 0px 5px 20px, #000 0px 10px 30px; }

/* Title Links */
article section header a:link { color: #bf3535; }
article section header a:hover, a:active { color: #107b15; }
article section header a:visited { color: #bf3535; }

/* Sidebar Links */
#the-sidebar a:link { color: #bf3535; }
#the-sidebar a:hover, a:active { color: #8e44ad; }
#the-sidebar a:visited { color: #bf3535; }

/* Footer Links */
#the-footer .access .menu li a:link, #the-footer .access .menu li  a:visited, #the-footer .access .menu li a:active { color: #b9b9b9; }
#the-footer .access .menu ul li a:hover { color: #FFF; }

/* Related Posts Links */
.related-post a:link { color: #b9b9b9; font-weight: bold; }
.related-post a:hover, a:active { color: #d10303; font-weight: bold; }
.related-post a:visited { color: #b9b9b9; font-weight: bold; }
/* -- Custom Body Colors -- */

#related-posts-ad {
	background: #505050;
}

#related-posts-ad .related_post_title {
	color: #fff;
}

/* Bandaid Fix for Border Issue */
.home .dd-content {
	border-bottom: 4px solid #d10303;
}
.bandaid-fix { border: 4px solid #d10303; border-top: none; }
.dd-content .dd-container-wrap,
.dd-content .featured-wrap {
	-webkit-border-radius: 20px 0 0 0;
    -moz-border-radius: 20px 0 0 0;
    border-radius: 20px 0 0 0;
}

.home-body-ad {
    background: #505050;
}

/* Footer Pagination Spacing */

#nav-below {
	display: block;
	padding: 11px 0;
	width: 100%;
	max-width: 960px;
	height: 35px;
	text-shadow: none;
	border-radius: 0 0 15px 15px;
}

#nav-below .current {
	margin: 0 5px;
}

.nav-below-pad, #nav-below {
	min-width: 0 !important;
    width: 100%;
    background: #505050;
}

#nav-below .pagination.archives-page {
 margin-bottom: 11px;
}

.tap-that:hover {
	cursor: pointer !important;
	color: #d10303;
}

.readmore, .more-link {
    font-size: 17.5px;
}

.archives-mobile-page h3.widget-title {
	text-align: center;
}

/* Misc */

.back-to-top {
	background: none; 
	margin: 0;
	position: fixed;
	top: 10px;
	right: 50px;
	margin: 0;
	padding: 4px 3px 4px 4px;
	width: 22px;
	height: 22px;
	display: none !important;
	text-decoration: none;
	color: #ffffff !important;
	background: #000;
}
.back-to-top i {
	font-size: 22px;
}

body.category .dd-container-wrap { min-height: 3466px; }
body.category.after-dark .dd-container-wrap { min-height: 1500px; }

body.category .main-body-content section {
	border-bottom: none;
}
/** DINO DRAC AFTER DARK **/

body.after-dark {
	background: #000;
}

body.after-dark a:link {
	/* color: #d10303;	*/
}

body.after-dark #the-header,
body.after-dark #heading a {
	margin-top: 0;
	margin-bottom: 0;	
	height: 475px;
}

body.after-dark #heading a {
	margin: 0;
	background: url('https://dinosaurdracula.com/wp-content/uploads/2016/08/ezgif-191994895.gif') top center no-repeat;
	background-size: 100% auto;
}

body.after-dark #the-navigation {
	background: none;
	border: none;
	display: none;	
}

body.after-dark .box-bar-home {
	display: none !important;
	background: none !important;
}

body.after-dark .dd-content {
	margin-top: 0;
	color: #fff;
	background: #242629;
	overflow: visible !important;
}

body.after-dark .main-body-content {
	color: #efefef;
	background: #242629;
	background: none !important;	
}

body.after-dark .main-body-content section {
    border-bottom: 5px solid #d10303;
}

body.single-post.after-dark .main-body-content section {
    border-bottom: none;
}

body.single-post.after-dark section header .fb-like,
body.after-dark .sharify-container {
	display: none !important;
}

body.single-post.after-dark section header .title-and-nav {
	padding: 0;
	/* margin-top: 10px; */
}

body.single-post.after-dark article section h1 {
	margin-bottom: 0;
}
body.after-dark #the-sidebar,
body.after-dark #the-sidebar .sidebar,
body.after-dark #the-sidebar .sidebar aside {
	background: #151515 !important;	
}

body.after-dark #sidebar-2 {
	display: none !important;
}

body.after-dark #related-posts-ad {
    text-align: center;	
}

body.after-dark #related-posts-ad #adline {
    display: block;
    margin: 0 auto;
    float: none;
}
body.after-dark #related-posts-ad #adline .ab-check{
	margin-bottom: -5px;
}

body.after-dark article.single-post section {
    min-height: auto;
}

body.after-dark article section:last-child {
	border-bottom: none !important;	
	padding-bottom: 35px !important;
}

body.category-after-dark article section:nth-child(4) {
	padding-bottom: 35px !important;
}

body.after-dark #the-footer {
	background: #151515 !important;
}

body.after-dark .nav-below-pad #nav-below{
	border-radius: 0 0 16px 16px;
}
/* MOBILE STYLINGS */
/* @media only screen and (max-width: 980px) { */
@media only screen and (max-width: 979px) { 
	
	/* GENERAL SITE STYLINGS */
	
  	body {
	  /* background: #1f1e22 url('/wp-content/uploads/2015/07/top-1.jpg') top left no-repeat;
	  background-size: contain;
	  padding-top: 0; */
	  background: #1f1e22;
	  min-width: 100%;
	}
	  
	p {
		font-size: 18px;
		line-height: 22px;
	}
	.mobile-only { display: block; }
    
    /* #the-wrapper {
	    margin-top: 28%;
	    position: relative;
    } */
    
    .home {
	    border-bottom: none;
    }
  
  	/* HEADER */
	  	
  	#the-header {
	  	position: fixed;
		/* position: absolute; */
		/* position: relative;*/
		top: 0;
	  	left: 0;
	  	right: 0;
	  	margin: 0;
	  	padding: 0; 
	  	width: 100%;
	  	height: 50px !important;
	  	color: #fff;
	  	background: #bf3535;
	  	text-align: left;
	  	z-index: 10000000;
  	}
  	#heading a {
	  	position: absolute;
	  	top: 7px;
	  	left: 0;
	  	display: block;
		/* margin: 8px auto 0 auto; */
		margin: 0 auto !important;
	  	padding: 7px 10px;
		width: auto;
		height: 37px !important;
		background: url('img/ICON.png') 10px 0 no-repeat !important;
		background-size: auto 35px !important;
	}
	
	#heading a span {
		position: relative;
		left: auto;
		display: block;
		padding-left: 45px;
		color: #fff;
		font-size: 22px;
	}
	.back-to-top,
	.mobile-about,
	.menu-btn {
		position: absolute;
		top: 8px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0;
		width: 30px;
		height: 30px;
		font-size: 20px;
		background: #acacac;
		color: #000;
		border: 2px solid #000 !important;
		/* box-shadow: -3px 3px 0 #000;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		*/
	}
	.back-to-top:active,
	.mobile-about:active,
	.menu-btn:active {
		border: 2px solid #000;
		box-shadow: none;
	}
	
	.back-to-top {
		right: 50px;
	}
	.mobile-about {
		right: 90px;
	}
	.back-to-top i,
	.mobile-about i {
		color: #000;
	}
	
	body.after-dark #the-header {
		background: #ce5c00;	
	}
	
	body.after-dark .dd-content {
		background-image: none !important;
		overflow: visible !important;
	}
	body.after-dark article section {
		padding: 35px 20px 20px !important;
	}
	
	
	/* MOBILE NAVIGATION */
	
	.menu-btn {
		right: 10px;
		background: #acacac !important;
	}
	
	.menu-btn:hover {
		cursor: pointer;
	}
	
	#the-navigation {
		display: none;
		position: fixed;
		/* position: absolute; */
		top: 50px;
		left: 0;
		right: 0;
		margin: 0;
		width: 100%;
		max-height: none;
	  	background: #bf3535;
	  	border-top: 1px solid #000;
	  	overflow: visible;
	  	z-index: 10000001;
	}
	
	body.after-dark #the-navigation {
		background: #151515;
	}
	
	#the-navigation .access {
		display: block;
		width: 100%;
		height: auto;
		max-height: none;
	}
	
	.access .menu {
		float: none;
	}
	
	.access .menu ul {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.access .menu ul li {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.access .menu ul li a {
		display: block;
		margin: 0;
		padding: 7px 0;
		width: 100%;
		color: #fff !important;
		font-size: 22px !important;
		text-shadow: none;
		-o-transition:color .2s ease-out, background .2s ease-in;
		-ms-transition:color .2s ease-out, background .2s ease-in;
		-moz-transition:color .2s ease-out, background .2s ease-in;
		-webkit-transition:color .2s ease-out, background .2s ease-in;
		transition:color .2s ease-out, background .2s ease-in;
	}
	
	.access .menu ul li a:hover {
		color: #bf3535 !important;
		background: #fff !important;
	}
	
	
	/* BODY */
	.mobile-header-img {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.mobile-header-img img {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		width: 100%;
	}
	
	.box-bar-home,
	.ad-160x600 {
		display: none; /* Until replaced with mobile banners */
	}
	
	#related-posts-ad {
		display: block;
		padding: 10px 5px;
	}
	.related-post,
	.crp_related {
		width: 100%;
		max-width: 100%;
	}
	.crp_related ul {
		display: flex;
		flex-wrap: wrap;
		float: none !important;
		width: 100%;
		text-align: center;
	}
	.crp_related li,
	.crp_related a {
		display: block !important;
		margin: 0 auto 10px !important;
		float: none !important;
	}
	.crp_related li {
		padding: 0;
	}
	.crp_related a {
		margin-bottom: 0 !important;
	}
	#adline {
		display: block;
		margin: 10px auto 0;
		padding: 0;
		text-align: center;
		max-width: 300px;
	}
	
	#adline .ab-block img {
		width: 100%;
		height: auto;
	}
	.mobile_top_ad {
		padding: 20px 20px 0;
	}
	.mobile_top_ad a {
		border: none;
	}
	.mobile_top_ad a img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
    
    .home-body-ad {
	    padding: 30px 30px 20px 30px;
	}
	
	#the-body {
		margin: 0 auto;
		width: 100%;
		font-size: 15px;
	}
	
	.dd-container-wrap,
	.featured-wrap,
	.featured-article,
	.featured-content,
	.main-body-content {
		width: 100%;
		float: none;
	}
	
	#the-main {
		margin-top: 50px;
		/* border-top: 15px solid #242629 !important; */
		/* border-top: 15px solid #1f1e22 !important; */
		border-top: none !important;
	}
	
	.dd-content {
		display: block;
		margin-top: 0;
		padding-top: 1px;
		width: 100%;
		background-image: none !important;
	}
	
	.dd-content, .home .dd-content, 
	.dd-container-wrap, .featured-wrap, .main-body-content {
		border: none !important;
	    -webkit-border-radius: 0 !important;
	    -moz-border-radius: 0 !important;
	    border-radius: 0 !important;
	}
	
	body.category .dd-container-wrap { min-height: auto !important; }
	
	article section {
		/* padding: 20px 15px 20px 10px; */
		padding: 20px;
	}
	
	.article section,
	.main-body-content section {
		border-bottom: 15px solid #242629;
		margin-bottom: 0;
	}
	
	article section header {
		background: none;
		padding: 0;
	}
	
	.featured-content {
		padding: 0 5%;
		width: 90%;
	}
	
	.featured-content img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	.features-featured-img,
	article section img {
		width: 100%;
		height: auto;
	}
	
	article section p {
	}
	
	.title-and-nav img {
		width: auto;
		height: 15px;
	}
	
	img.alignright,
	img.alignleft {
		display: block;
		margin: 0 auto 10px auto !important;
		width: auto;
		max-width: 100%;
		height: auto;
		float: none !important;
	}
	
	img.alignright {
		display: none !important;
	}
	
	article section img.border {
		max-width: calc(100% - 6px);
		width: auto;
	}
	
	/* YouTube Videos */
	iframe {
		width: 100%;
		height: 480px;
	}
	
	.nav-below-pad,
	#nav-below {
    	position: relative;
		min-width: 100% !important;
		width: 100%;
		height: auto;
		border-top: 0;
		border-radius: 0;
	}
	
	/* ARCHIVES PAGE */
	
	.pagination.archives-page {
		margin: 0 auto 15px auto;
	}
	
	.pagination.archives-page span,
	.pagination.archives-page a {
		margin-bottom: 5px !important;
	}
	
	.all-the-archives li,
	.all-the-archives li h2 {
		text-align: center;
	}
	.all-the-archives li .entry p {
		display: none;
	}
	.all-the-archives li .image_thumbnail {
		display: block;
		margin: 0 auto 10px auto;
		width: 100%;
		height: auto;
		float: none !important;
	}
	
	.all-the-archives li .image_thumbnail img {
		width: auto;
	}
	
	
	/* SINGLE POSTS */
	article.single-post section header {
		min-height: auto;
		margin-bottom: 20px;
	}
	
	article.single-post section header .fb-like {
		display: none;
	}
	
	article.single-post .features-featured-img {
		display: none;
	}
	
	article.single-post section header .title-and-nav {
    	min-height: auto;
		padding: 0;
	}
	
	article.single-post section header .title-and-nav a {
		/* display: none !important; */
	}
	
	article.single-post section header .title-and-nav br,
	article.single-post section header .title-and-nav h1 {
		display: inline !important;
		/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
		 -ms-word-break: break-all;
		     word-break: break-all;
		
		     /* Non standard for webkit */
		     word-break: break-word;
		
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		    -ms-hyphens: auto;
		        hyphens: auto;
		
	}
	
	body.category .dd-container-wrap { min-height: auto; }
	
	ul.one-third li {
		display: inline-block;
		margin: 0 0 1px;
		width: 31%;
	}
	ul.one-third li:nth-child(3n-1) {
		margin: 0 5px 1px 5px;
	}
	#nav-below .pagination.archives-page {
		margin-bottom: -5px;
	}
	.post-mini-nav {
		display: none;
	}
	
	
	/* THE SIDEBAR */
	
	#the-sidebar {
		display: none;
	}
	
	#the-sidebar .sidebar {
		margin: 0 auto 10px auto;
	}
	
	body.home #the-sidebar {
		display: none;
	}
	
	.related-post {
		margin: 0 auto;
		width: 630px;
		float: none;
	}
	
	.related-post ul.related_post li:nth-child(4) {
		display: inline-block !important;
	}
	
	.related-post ul.related_post li:nth-child(5),
	.related-post ul.related_post li:nth-child(6) {
		display: none !important;
	}
	
	div.zem_rp_footer {
	    text-align: center !important;
	    margin-right: 36%; /* Lamefix for inline style I cannot remove. Boo. A coder can dream though... */
	}
	
	
	/* FOOTER */
	
	#the-footer #the-footer-content {
	    width: 100%;
	}
	
	#the-footer .footer_left {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 92px;
	}
	
	#the-footer .footer_right,
	#the-footer .footer_left {
		display: none;
	}
	
	#the-footer .footer_center {
		min-width: auto;
		width: 100%;
	}
	
	#the-footer .access,
	#the-footer .footer_center .access .menu {
		min-width: auto;
		width: 100%;
		display: none;
	}
	
	body.page-template-archives .nav-below-pad {
		display: none;
	}
	body.page-template-archives .main-body-content section {
		border-bottom: none;
	}
	
	
	body.after-dark .main-body-content section {
	    border-bottom: 15px solid #000;
	}
	
	
	/* After Dark Welcome Box */
	#after-dark-open {
		display: block;
		margin: 0;
		padding: 0;
		max-width: 100%;
		background: #F7F6F6;
		text-align: center;
	}
	#after-dark-open a {
		display: block;
		margin: 0 auto;
		padding: 0;
		background: #F7F6F6;
		text-align: center;
	}
	#after-dark-open a img {
		display: block;
		margin: 16px auto 0;
		padding: 0;
		width: calc(100% - 32px);
	}
	
	body.single-post #after-dark-open {
		/* display: none; */
	}

}

@media only screen and (max-width: 640px) {
	
	/* YouTube Videos */
	iframe {
		height: 240px;
	}
	
	article.single-post section header {
		/* display: none; */
		/* margin-top: -15px; */
	}
	
	.related-post {
		width: 350px;
	}
	
	div.zem_rp_footer {
	    margin-right: 26%; /* Lamefix for inline style I cannot remove. Wait, again? */
	}
	
}

@media only screen and (max-width: 480px) {
	#halloween-jukebox {
		margin: 0 auto;
		width: 338px;
	}
}

/* DESKTOP OVERRIDES TO MOBILE BECAUSE DILLIGAF (╯°□°)╯︵ ┻━┻ */

@media only screen and (min-width: 980px) {
	
	body.after-dark #the-navigation {
		display: none !important;	
	}

}