/*
Theme Name: Dinosaur Dracula (2015) - Parent Theme!
Description: Custom Theme by Cliffpro (now with mobile!) - DO NOT EDIT!!!
Author: Cliff Huizenga
Author URI: http://cliffpro.com
Template: DinoDrac2015_Parent
Version: 1.2
*/

/*

	Colors:

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

*/

/* Custom Fonts */

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

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

}

/* HTML5 Reset - http://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(http://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 {
	position: absolute;
	top: 0;
	right: 13px;
	width: 200px;
	overflow: hidden;
	/* float: left; */
	margin: 0 0 0 15px;
	padding: 0;
        background: #242629;
}

.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('http://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('http://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('http://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('http://dinosaurdracula.com/img/blog-bar.jpg') top left repeat; position: absolute; bottom: 0; width: 100%; min-width: 700px; height: 21px; }
.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 0 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 {
	width: auto;
	max-width: 100%;
	height: auto;
}

body.single-post #after-dark-open {	
	margin: -10px auto 25px auto;
}

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

.dd-content { position: relative; display: block; margin: 15px auto; padding: 0; width: 952px; height: 100%; text-align: center; border: 4px solid #d10303; -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 url('http://dinosaurdracula.com/wp-content/themes/DinoDrac2015_Parent/images/lamefix-bg-of-shame.png') center top repeat-y; overflow: hidden !important;}
.dd-container-wrap { width: 952px; height: 100%; margin: 0 auto; padding: 0; }
.main-body-content { float: left; width: 720px; }
#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; }
.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: block;
	margin: 15px auto;
	padding: 15px 0;
	width: 100%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: #aaa9a9;
	clear: both;
}

.related-post {
	position: relative;
	display: inline-block;
	margin: 0 0 0 20px;
	width: 350px;
	float: left;
}

#adline {

	display: inline-block;
	margin: 20px 28px 10px 0;
	width: 300px;
	height: 250px;
	text-align: center;
	float: right;
}

.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: 720px; margin: 0; padding: 0; float: left; }
.featured-article { width: 720px; padding: 0 0 10px 0; margin: 0; }
.features-featured-img { display: block; width: 720px; 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, #nav-below {
	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, #nav-below {
	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; }




/* 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('http://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('http://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('http://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 */





}


.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

---------------------------------------------*/



.dd-content { position: relative; display: block; margin: 0 auto; padding: 0; width: 945px; text-align: center; border: 4px solid #d10303 !important; }

.dd-container-wrap { width: 952px; margin: 0 auto; padding: 0; }

/* .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 { float: left; 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;
}

.ad-728x90 { display: block; position: relative; margin: 15px auto 0 auto; width: 100%; height: 90px; border-top: 3px solid #000; border-bottom: 3px solid #000; background: url('http://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 url('http://dinosaurdracula.com/wp-content/themes/DinoDrac2015_Parent/images/lamefix-bg-of-shame.png') center top repeat-y; }

/* Fixes for the Bandaid... fix. Wait, what!? */
.home .dd-content { margin-bottom: 15px; 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; }

/* 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 {
	padding: 11px 0;
	width: 100%;
	max-width: 960px;
}

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

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

.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('http://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 .ad-728x90 {
	display: none !important;
	background: none !important;
}

body.after-dark .dd-content {
	margin-top: 0;
	color: #fff;
	background: #242629 url('img/lamefix-bg-of-shame-ddad.png') center top repeat-y !important;
	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: 20px auto 10px auto;
    float: none;
}

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

body.after-dark article section:last-child {
	border-bottom: none !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%;
  	}
    
    /* #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: 26px;
	}
	
	.back-to-top {
		display: block !important;
	}
	
	body.after-dark #the-header {
		background: #ce5c00;	
	}
	
	body.after-dark .dd-content {
		background-image: none !important;
		overflow: visible !important;
	}
	
	
	/* MOBILE NAVIGATION */
	
	.mobile-only { display: block; }
	
	.menu-btn {
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 5px 7px 2px 7px;
		font-size: 20px;
		background: #000;
	}
	
	.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 */
	
	.ad-728x90,
	.ad-160x600 {
		display: none; /* Until replaced with mobile banners */
	}
	
	#adline {
	    display: block;
	    margin: 20px auto 10px auto;
	    height: auto;
	    text-align: center;
	    float: none !important;
    }
    
    .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: 35px;
		/* border-top: 15px solid #242629 !important; */
		border-top: 15px solid #1f1e22 !important;
	}
	
	.dd-content {
		/* margin-top: 0; */
		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; */
	}
	
	.article section,
	.main-body-content section {
	    border-bottom: 15px solid #242629;
	}
	
	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: auto;
		height: auto;
		border-top: 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;
	}
	
	
	/* THE SIDEBAR */
	
	#the-sidebar {
		position: relative;
		top: auto;
		right: auto;
		margin: 0;
		width: 100%;
		clear: both;
		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 {
		margin-top: 0;
		padding: 0;
		max-width: 100%;
		border-bottom: 15px solid #1f1e22 !important;
	}
	
	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? */
	}
	
}

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

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

}