/*
 *  Theme Name: CCA
 *   Description: The custom theme CCA using the parent theme Dynamic News Lite
 *    Author: Iñigo & Marq
 *     Author URI: http://comicbookinvest.com
 *      Template: dynamic-news-lite
 *       Version: 1
 *        */

@import url("../dynamic-news-lite/style.css");

#header-wrap {
/*background-color: #333;*/
background-color: #a91626;
/*height: 250px;*/
position: relative;
/*background: none;*/

}

#mainnav-menu a { padding:1em; }

/* New Header CSS */
#header {
/*background: url("/wp-content/uploads/2014/11/corner.png") no-repeat scroll 0 0 rgba(0,0,0,0);*/
padding: 30px 0 0 0;
height: 250px;
margin: 0 auto;
text-align: center;
}

#header-overlay {
position: relative;
top: 1px;
left: 1px;
}

#header-overlay-image {
position: absolute;
text-align: center;
}

#header-overlay-image img {
width: 88px;
height: 112px;
}

#header-overlay-left-box {
position: absolute;
top: 172px;
width: 45px;
text-align: center;
}

#header-overlay-right-box {
position: absolute;
top: 164px;
left: 45px;
width: 45px;
text-align: center;
}

#logo .site-title {
font-family: "Bangers";
font-size: 4em;
text-shadow: 5px 5px 5px black;
}

#logo a:hover .site-title {
color: #fff;
}

#logo .site-description {
color: #e84747;
}

#header-content div {
padding-top: 0;
position: absolute;
right: 0;
top: 0;
}

#logo {
	float: none;
	max-width: 100%;
}
#header img {
    width: 100%;
}

#logo img {
/*max-width: 400px;*/
    max-width:513px;
   width: 100%;
}

/* Header Logos */
#header-wrap.spawn {
	background: #771a39; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiM3NzFhMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGIyYzM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #771a39 46%, #db2c39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#771a39), color-stop(100%,#db2c39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #771a39 46%,#db2c39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #771a39 46%,#db2c39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #771a39 46%,#db2c39 100%); /* IE10+ */
background: linear-gradient(to bottom,  #771a39 46%,#db2c39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#771a39', endColorstr='#db2c39',GradientType=0 ); /* IE6-8 */
}
#header-wrap.spawn img {
	max-width: 500px;
}
#header-wrap.ironman {
background: #39a0ce; /* Old browsers */
background: -moz-linear-gradient(top,  #39a0ce 0%, #5bafd2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39a0ce), color-stop(100%,#5bafd2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #39a0ce 0%,#5bafd2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #39a0ce 0%,#5bafd2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #39a0ce 0%,#5bafd2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #39a0ce 0%,#5bafd2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a0ce', endColorstr='#5bafd2',GradientType=0 ); /* IE6-9 */

}
#header-wrap.ironman #header {
	padding-top: 10px;
}
#header-wrap.ironman img {
	max-width: 323px;
}
/*Batman*/
#header-wrap.batman {
	background: #f6dd23;
}

.batman #header {
	padding-top: 0;
}

/*Walking Dead*/
#header-wrap.walking {
background: #f4f44e; /* Old browsers */
background: -moz-linear-gradient(top, #f4f44e 0%, #ceb529 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f44e), color-stop(99%,#ceb529)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f44e 0%,#ceb529 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f44e 0%,#ceb529 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f44e 0%,#ceb529 99%); /* IE10+ */
background: linear-gradient(to bottom, #f4f44e 0%,#ceb529 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f44e', endColorstr='#ceb529',GradientType=0 ); /* IE6-9 */
}

.walking #logo img {
	max-width: 350px;
}

/*ASM*/
#header-wrap.asm {
	background-color: black !important;
	background-image: url('/header-img/asm-cbsi.png') !important;
}

.asm #logo img {width: 400px;}

.asm #header {
	padding-top: 10px;
}

/*ASM 2*/
#header-wrap.asm2 {
	background: #8e5250; /* Old browsers */
background: -moz-linear-gradient(top, #8e5250 0%, #d64010 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e5250), color-stop(100%,#d64010)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8e5250 0%,#d64010 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8e5250 0%,#d64010 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8e5250 0%,#d64010 100%); /* IE10+ */
background: linear-gradient(to bottom, #8e5250 0%,#d64010 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e5250', endColorstr='#d64010',GradientType=0 ); /* IE6-9 */
}

.asm2 #header {
    padding-top: 0;
}

.asm2 #logo img {
    max-width: 420px;
}

/*X-Men*/
#header-wrap.xmen {
	background: rgba(225,58,12,1) !important;
background: -moz-linear-gradient(top, rgba(225,58,12,1) 0%, rgba(221,113,48,1) 100%) !important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,58,12,1)), color-stop(100%, rgba(221,113,48,1))) !important;
background: -webkit-linear-gradient(top, rgba(225,58,12,1) 0%, rgba(221,113,48,1) 100%) !important;
background: -o-linear-gradient(top, rgba(225,58,12,1) 0%, rgba(221,113,48,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(225,58,12,1) 0%, rgba(221,113,48,1) 100%) !important;
background: linear-gradient(to bottom, rgba(225,58,12,1) 0%, rgba(221,113,48,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e13a0c', endColorstr='#dd7130', GradientType=0 ) !important;
}

.xmen #logo img {
max-width: 540px !important;
}

@media (max-width: 765px) { 
	#logo .site-title {
		font-size: 2em;
	}
}


/* Top 10 */


table.hot10 {
width: 100%;
border-collapse: collapse;
border:0;
}

table.hot10 td {
vertical-align:top;
font-family: 'Oswald', sans-serif;
border:0;
}

table.hot10 td.header-top2 {
background-color: #ccc;
width:50%;
}

table.hot10 td.header-top2 h4 {
background-color: black;
color: yellow;
padding: 3px;
margin: 0;
}

table.hot10 td.content-top2-image {
background-color: #ccc;
text-align: center;
width:20%;
}

table.hot10 td.content-top2-text {
background-color: #ccc;
width:30%;
}

table.hot10 td.content-bot8-image {
text-align: center;
width:20%;
}

table.hot10 td.content-bot8-text {
width:30%;
}

table.hot10 td.content-bot8-text h4 {
background-color: black;
color: orange;
padding: 3px;
margin: 0;
}

/* Top 5 */


table.hot5 {
width: 100%;
border-collapse: collapse;
border:0;
}

table.hot5 td {
vertical-align:top;
font-family: 'Oswald', sans-serif;
border:0;
}

table.hot5 td.header-top {
background-color: #ccc;
}

table.hot5 td.header-top h4 {
background-color: black;
color: white;
padding: 3px;
margin: 0;
}

table.hot5 td.header-top h4 span {
color: yellow;
}


table.hot5 td.content-top-image {
background-color: #ccc;
text-align: center;
width:20%;
}

table.hot5 td.content-top-text {
background-color: #ccc;
}

table.hot5 td.content-bot4-image {
text-align: center;
width:20%;
}

table.hot5 td.content-bot4-text {
width:30%;
}

table.hot5 td.content-bot4-text h4 {
background-color: black;
color: orange;
padding: 3px;
margin: 0;
}

/* Three columns, 2 of images, 1 text in the middle */

table.threecols-text-middle
{
width:100%;
border:0;
}

table.threecols-text-middle td
{
vertical-align:top;
border:0;
}


/* NEW HOT 5 */
.hot5-number1 {
    background: rgb(255, 255, 145);
    width: 100%;
    display: flex;
    clear: both;
    padding: 20px;
    margin: 0 -15px 20px -15px;
    box-sizing: border-box;
    webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-flow: row wrap;
		flex-direction: row;
		flex-wrap:wrap;
		-webkit-flex-direction: row;
		-webkit-flex-wrap:wrap;
	  border: 5px solid #000;
  border-radius: 25px;
}
.hot5-number1 p.hot5-info-text strong {
  font-size: 24px;
}
.hot5-bot p.hot5-info-text strong {
  font-size: 18px;
}
p.number {
  display: block;
  background: #E50404;
  width: 75px;
  text-align: center;
  border-radius: 40px;
  color: #fff;
  font-size: 56px;
  height: 60px;
  padding-bottom: 17px;
  position: absolute;
  top: 10px;
line-height:normal;
margin:0;
  box-shadow: 2px 2px 0px #A80404;
}
.hot5-bot p.number {
  font-size: 30px;
  width: 47px;
  height: 30px;
  background-color: rgb(255, 107, 0);
    top: 7px;
}
.hot5-number1 p.number {
  top: 7px;
}
.hot5-bot:first-child {
  border-right: 1px solid #ccc;
}
.hot5-info {
  margin-left: 93px;
height:66px;
}
.hot5-bot .hot5-info {
  margin-left: 58px;
    padding-top: 20px;
  height: 34px;
}
.hot5-number1 p.hot5-info-text {
  font-size: 20px;
}
.hot5-number1 h4, .hot5-bot h4 {
  color: rgb(208, 13, 13);
  margin: 0;
  font-size: 32px;
}
.hot5-bot h4, .hon-men-entry h4 {
    font-size: 24px;   
    color: rgb(255, 107, 0)
}
.hot5-bot {
  width: 50%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.hot5-bottom-info img {
    float: left;
    box-shadow: 4px 4px 4px #000;
    display: block;
    height: auto;
    margin: 0 20px 3px 0;
    width: 100%;
    max-width: 190px;
}

.hot5-bottom-info2 {
	text-align:center;
}

.hot5-bottom-info2 img {
    box-shadow: 4px 4px 4px #000;
    display: block;
    height: auto;
    max-width: 90%;
}

.hot5 .row {
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-flow: row wrap;
		flex-direction: row;
		flex-wrap:wrap;
		-webkit-flex-direction: row;
		-webkit-flex-wrap:wrap;
}
.row:before {
    display: table;
}
.row:after {
    clear: both;
}

div.hot5 .header-top {
    width: 100%;
    margin-bottom: 10px;
}
div.hot5 {
    width: 100%;
  font-family: 'Oswald', sans-serif;
  position: relative;
  padding: 0 15px;
  margin: 0 auto;
}
.hon-men-entry {
  width: 50%;
  float: left;
}
.hon-img-col {
  max-width: 38%;
  float: left;
}
.hon-img-txt {
  max-width: 54%;
  float: left;
  padding-left: 8px;
}
.hon-men-entry .hot5-info {
  margin-left: 0;
  height: auto;
}
.honorable-men .row {
  background-color: #EFEFEF;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding: 0px 20px;
  border: 2px solid #000;
  font-family:Oswald;
}

.hon-men-entry img {
 box-shadow: 4px 4px 4px #000;
 max-width:90%;
}

.hon-men-entry h4 {
  color: rgb(4, 126, 213);
}

@media (max-width:640px) {
table.threecols-text-middle td {
float: left;
}
}

/* Wednesday one */

table.wednesday-one, table.variant, table.threeCols {
border: 0;
width: 100%;
}

table.wednesday-one td, table.variant td {
border: 0;
vertical-align: top;
width: 50%;
}

table.threeCols td {
border: 0;
vertical-align: top;
width: 33%
}

table.wednesday-one td img, table.variant td.cover img, table.threeCols td img {
width: 100%;
}

@media (max-width:640px) {
table.wednesday-one td, table.variant td, table.threeCols td {
float: left;
width:100%;
}
}


/* Enormous article: Table with 4 colums, a row of images (bottom) and then one of text (top) */

table.fourcols
{
width:100%;
border:0;
}

table.fourcols td
{
width: 25%;
border: 0;
padding:0;
text-align:center;
}

table.fourcols td.image
{
vertical-align:bottom;
}

table.fourcols td.image img
{
max-width:150px;
}

table.fourcols td.text
{
width: 25%;
vertical-align: top;
font-size:0.75em;
}

/* Homepage */

/*
*#social-icons-menu li a {
*	background: #5cacee;
*}
*#social-icons-menu li a:hover {
*	background: #5CD8EE;
*}
*/

.home-content {
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex; 
webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-flow: wrap row;
justify-content: space-between;
padding-top: 1em;
width: 69%;
float: left;
flex-direction: row;
flex-wrap:wrap;
}

.cat-col {
	border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 1px 1px 3px #5F5F5F;
width: 49%;
margin-bottom: 1%;
float: left;
}

.new {
	background: rgba(247,215,52,1);
	background: url(/cat-img/new.png) no-repeat bottom right, -moz-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(255,255,255,1) 100%);
	background: url(/cat-img/new.png) no-repeat bottom right, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,215,52,1)), color-stop(100%, rgba(255,255,255,1)));
	background: url(/cat-img/new.png) no-repeat bottom right, -webkit-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(255,255,255,1) 100%);
	background: url(/cat-img/new.png) no-repeat bottom right, -o-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(255,255,255,1) 100%);
	background: url(/cat-img/new.png) no-repeat bottom right, -ms-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(255,255,255,1) 100%);
	background: url(/cat-img/new.png) no-repeat bottom right, linear-gradient(to bottom, rgba(247,215,52,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d734', endColorstr='#ffffff', GradientType=0 );
}

.cat-col-content {
margin-right: 0px;
padding: 10px;
}


.hot10-sidebar {
	width: 26%;
	float: right;
	text-align: center;
	padding: 1em;
	background: rgba(247,215,52,1);
	background: url(/cat-img/fire.png) no-repeat bottom, -moz-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(231,56,39,1) 100%);
	background: url(/cat-img/fire.png) no-repeat bottom, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,215,52,1)), color-stop(100%, rgba(231,56,39,1)));
	background: url(/cat-img/fire.png) no-repeat bottom, -webkit-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(231,56,39,1) 100%);
	background: url(/cat-img/fire.png) no-repeat bottom, -o-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(231,56,39,1) 100%);
	background: url(/cat-img/fire.png) no-repeat bottom, -ms-linear-gradient(top, rgba(247,215,52,1) 0%, rgba(231,56,39,1) 100%);
	background: url(/cat-img/fire.png) no-repeat bottom, linear-gradient(to bottom, rgba(247,215,52,1) 0%, rgba(231,56,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d734', endColorstr='#e73827', GradientType=0 );
}
.article-title {
	font-family: "Bangers";
	font-size: 28px;
}
.article-title a {
	color: #000;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
}
.article-title a:hover {
	color: #e84747;
}
.hot10-images img {
margin: 10px auto;
clear: both;
display: block;
}
#content-home .row {
	padding-left: 20px;
}
.hot10-book:before {
	content: "1";
}
.hot10-book:before {
	font-family: "Bangers";
	color: #fff;
	font-size: 80px;
	position: absolute;
	margin-left: -112px;
	margin-top: 36px;
	text-shadow: 2px 5px 0px orange;
}
.hot10-book:first-child:before {
	content: "1";
}
.hot10-book:nth-child(2):before {
	content: "2";
}
.hot10-book:nth-child(3):before {
	content: "3";
}
.hot10-book:nth-child(4):before {
	content: "4";
}
.hot10-book:nth-child(5):before {
	content: "5";
}
.hot10-book:nth-child(6):before {
	content: "6";
}
.hot10-book:nth-child(7):before {
	content: "7";
}
.hot10-book:nth-child(8):before {
	content: "8";
}
.hot10-book:nth-child(9):before {
	content: "9";
}
.hot10-book:nth-child(10):before {
	content: "10";
	margin-left: -132px;
}

/* Hot 10 Table Template */
.hot10 { max-width: 906px; width: 100%;}
  table.hot10 td{
padding: 0;
width: 50%;
border:none;
}
.hot10 table {
margin: 0;
}
table.hot10 td:nth-child(2) {
padding-left: 10px;
}
table.hot10 td.content-top2-image {
background-color: #CCC;
text-align: center;
width: 14%;
padding: 10px 0 0 0;
}
table.hot10 img {
max-width: 190px;
height: auto;
width: 100%;
}
table.hot10 td.content-top2-text {
background-color: #CCC;
width: 26%;
padding: 6px 0 0 8px;
}
.hot10 > tbody > tr:first-child {
background: #CCC;
}
.hot10 p {
padding-left: 4px;
}
table.hot10, table.hot10 table {
  border: none;
}
table.hot10 td.content-bot8-text {
width: 26%;
padding:20px 0 0;
}
table.hot10 td.content-bot8-image {
text-align: center;
width: 14%;
padding: 20px 0 0;
}

/* Under the radar */
.under-radar td div {
  max-width: 213px;
  width: 100% !important;
}

/* Comic Tables */
.comic-table td div {
	width:100% !important;
}

@media (max-width: 1040px) { 
  table.hot10 td {
  display: block;
  width: 100%;
  }
    table.hot10 td.header-top2 {
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  }
  table.hot10 td.content-top2-image {
  background-color: #CCC;
  text-align: center;
  max-width: 190px;
  width: 100%;
  padding: 0;
  float: left;
  padding-right: 10px;
  }
  table.hot10 td.content-top2-text {
  background-color: #CCC;
  width: 100%;
  padding: 0;
  }
  table.hot10 td.content-bot8-image {
    float: left;
    max-width: 190px;
    width: 100%;
    padding-right: 10px;
  }
  table.hot10 td.content-bot8-text {
    width: 100%;
  }
  .hot10 img {
   width: 100%;
   max-width: 190px;
  }
  table.hot10 td:nth-child(2) {
   padding-left: 0;
 }
}
@media (min-width:959px) and (max-width:1155px) {
.hot5-bot .hot5-bottom-info img {
  clear: both;
  float: none;
  margin: 0 auto;
}
.hot5-bot .hot5-info {
padding-bottom: 21px;
}
}
@media (max-width: 959px) {
	#logo img {
		max-width: 300px;
		width: 100%;
	}

}

@media (max-width: 991px) {
	.cat-col {
		width: 100%;
	}
	.hot10-sidebar {
		width: 24%;
	}
	.hot10-book {
		margin-left: 60px;
	}
	#header {
		padding:2% 12% 0 100px;
	}
	
	#logo img {
		max-width: 450px;
	}

.hot10-book:before {
margin-left: -118px;
}
	.batman #logo img {
    max-width: 400px;
	}
	
}

@media (max-width: 960px) {
	.social-icons-wrap {
	position: absolute;
	top: 0;
	right: 0;
}
}
@media (max-width: 938px) {
    div.hot5-bot {
        width: 100%;
        border-bottom: 2px solid #ccc;
      padding: 10px 0;
      margin: 10px 0;
    }
    .hot5-bot:first-child {
      border-right: none;
    }
    .hon-men-entry {
       width:100%;
    }
    .hon-img-txt {
     max-width: 100%;
     width: auto;
     margin-left: 160px;
     float: none;
   }
   .hon-img-col {
      max-width: 150px;
      float: left;
      width: 100%;
    }

}
@media (max-width: 640px) {
	.home-content {
		width: 57%;
	}
	.hot10-sidebar {
	width: 33%;
	}

	.cat-col-content td {
	float: left;
	width: 100%;
	}
	#header-wrap, #header {
		height: 198px;
	}
	#header {
		display: table-cell;
		vertical-align: bottom;
	}
	.asm #logo img {
		max-width: 270px;
	}
	.asm #header {
		padding: 7% 2% 0 66px;
		display: block;
	}
	.comic-table td {
  	width: 100% !important;
  	float: left;
	}
	.ironman #header img {
		max-width: 259px;
		padding-right: 42px;
	}
	#header-wrap.ironman #header {
		display: block;
	}
	#header-wrap.spawn #header {
		padding: 1% 2% 0 100px;
	}
}
@media (max-width: 480px) {
	.cat-col {
		margin: 5px;
	}
	.home-content {
		width: 100%;
	}
	.hot10-sidebar {
		float: left;
		width: 100%;
	}
	#content-home .row {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex; 
		webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-flow: row wrap;
		flex-direction: row;
		flex-wrap:wrap;
		-webkit-flex-direction: row;
		-webkit-flex-wrap:wrap;
		padding: 0;
	}
	.home-content {
		float: right;
		order: 2;
		-webkit-order:2;
	}
	.hot10-sidebar {
		float: left;
		order: 1;
		-webkit-order:1;
	}
	.hot10-images img {
		display: inline-block;
	}
	.hot10-images {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex; 
		webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-flow: row wrap;
		flex-direction: row;
		flex-wrap:wrap;
		-webkit-flex-direction: row;
		-webkit-flex-wrap:wrap;
	}
	.hot10-book {
		width: 30%;
	}
	.hot10-book:before {
	    margin-left: -42px;
	    margin-top: 50px;
	    font-size: 50px;
	}
	.hot10-book:nth-child(10):before {
		margin-left: -47px;
	}
	div.hot5-bot {
        	width: 100%;
    	}
    	div.hot5-bot .col-3, div.hot5-number1 .col-3 {
        	width: 100%;
    	}
    	div.hot5-bot .col-9 {
        	width: 100%;
    	}
    	.hot5-bottom-info img {
        	float: none;
        	margin: 0 auto;
    	}
       .hon-img-txt {
         max-width: 100%;
         width: auto;
         margin-left: 0;
       }
       .hon-img-col {
         max-width: none;
         float: left;
         width: 100%;
       }
       .hot5-info {
        margin-left: 65px;
        height: auto;
      }
      .hot5-number1 p.number {
         top: 27px;
       }
p.number {
  display: block;
  background: #E50404;
  width: 55px;
  text-align: center;
  border-radius: 40px;
  color: #FFF;
  font-size: 36px;
  height: 40px;
  padding-bottom: 17px;
  position: absolute;
  top: 10px;
  line-height: normal;
  margin: 0;
  box-shadow: 2px 2px 0px #A80404;
}
}

@media (max-width: 420px) {
	.entry .under-radar td {
  		float: left;
  		width: 100%;
  		text-align: center;
  		border: none;
	}
	.under-radar td div {
  		width: auto !important;
		max-width: 100%;
	}
	.walking #logo img {
	max-width: 260px;
	}
	.hot10-book {
		width: 30%;
	}
	#header {
		padding: 3%;
		height:auto;
	}
	table.hot10 td.content-top2-image {
    text-align: left;
    max-width: 100px;
	width: 100%;
    float: left;
    padding-right: 10px;
  }
  table.hot10 td.content-bot8-image img, table.hot10 td.content-top2-image img {
	max-width: 100px;
	width: 100%;
	}
	table.hot10 td.content-bot8-image {
	max-width: 100px;
	width: 100%;
	}
	
div.instagram_grid ul {
	margin:0;
}
}

h2.sf_header {
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #000000 100%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#000000), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff3019 0%,#000000 100%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff3019 0%,#000000 100%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff3019 0%,#000000 100%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff3019 0%,#000000 100%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	color: white;
	font-weight: bold;
	font-family: Oswald;
	border-radius: 0px 0px 15px;
	padding: 10px; margin: 5px 0px 0px;
	text-shadow: 0px 0px 10px rgb(102, 102, 102);
}

h3.sf_subheader {
	margin-top:10px;
	font-weight:bold;
	font-style:italic;
}

h2.sf_header_3 {
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #000000 100%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#000000), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff3019 0%,#000000 100%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff3019 0%,#000000 100%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff3019 0%,#000000 100%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff3019 0%,#000000 100%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	color: white;
	font-weight: bold;
	font-family: Oswald;
	border-radius: 15px;
	padding: 10px; margin: 5px 0px 0px;
	text-shadow: 0px 0px 10px black;
}

h4.wednesday-one {
	background: #a91626; /* Old browsers */
	background: -moz-linear-gradient(top, #a91626 0%, #000000 100%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a91626), color-stop(100%,#000000), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a91626 0%,#000000 100%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a91626 0%,#000000 100%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a91626 0%,#000000 100%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a91626 0%,#000000 100%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a91626', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	color: white;
	font-weight: bold;
	font-family: Oswald;
	border-radius: 15px;
	padding: 10px; margin: 5px 0px 0px;
	text-shadow: 0px 0px 10px black;
	text-align:center;
}

h3.sf_subheader_3 {
	margin-top:10px;
	font-weight:bold;
	font-family: Oswald;
	text-shadow: 3px 3px 5px grey;
}

img.sf_shadow {
	box-shadow: 5px 5px 5px black;
}

h2.sf_inv_header {
	background: #cf0404; /* Old browsers */
	background: -moz-linear-gradient(top,  #cf0404 0%, #000000 0%, #ff3019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(0%,#000000), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cf0404 0%,#000000 0%,#ff3019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cf0404 0%,#000000 0%,#ff3019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cf0404 0%,#000000 0%,#ff3019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cf0404 0%,#000000 0%,#ff3019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */
	color: white;
	font-weight: bold;
	font-family: Oswald;
	border-radius: 15px 0px 0px;
	padding: 10px; margin: 5px 0px 0px;
	text-shadow: 0px 0px 10px rgb(102, 102, 102);
}

div.sf_div {
background: #fccd4b; /* Old browsers */
background: -moz-linear-gradient(top,  #fccd4b 0%, #ffeec4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccd4b), color-stop(100%,#ffeec4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fccd4b 0%,#ffeec4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fccd4b 0%,#ffeec4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fccd4b 0%,#ffeec4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fccd4b 0%,#ffeec4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd4b', endColorstr='#ffeec4',GradientType=0 ); /* IE6-9 */
border-radius:15px;
border:2px solid black;
clear:both;
padding:10px;
margin-bottom:10px;
}

h2.sf_header2 {
    color: #222;
    font-family: Oswald;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
    text-shadow: 5px 5px 5px #b98b0c;
}

img.sf_shadow2 {
	box-shadow: 5px 5px 5px black;
	margin-left:10px;
}

.moonknight {
border: 2px solid black;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(left,  #4c4c4c 0%, #000000 0%, #595959 50%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c4c4c), color-stop(0%,#000000), color-stop(50%,#595959), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #4c4c4c 0%,#000000 0%,#595959 50%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #4c4c4c 0%,#000000 0%,#595959 50%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #4c4c4c 0%,#000000 0%,#595959 50%,#131313 100%); /* IE10+ */
background: linear-gradient(to right,  #4c4c4c 0%,#000000 0%,#595959 50%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 */
color:white;
padding:10px;
clear:both;
margin-bottom:20px;
}

.moonknight h2 {
text-align:center;
font-family:Oswald;
color:white;
}

.checklist li {
    list-style-image: url('/cat-img/checkbox.gif'); 
    list-style-position: inside;
}

.dawhot, .dawcool, .dawaway, .dawwarm {
	padding:20px;
}

h2.daw {
	margin:0;
	text-align:center;
	color:white;
	font-family:Oswald;
	text-shadow: 1px 1px 3px black;
}

.dawhot {
    background-color: #ffd000;
    background-image: url("/cat-img/topflames.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.dawwarm {
	background: #ffd000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd000 0%,lightblue 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd000), color-stop(100%,lightblue)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd000 0%,lightblue 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd000 0%,lightblue 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd000 0%,lightblue 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd000 0%,lightblue 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd000', endColorstr='lightblue',GradientType=0 ); /* IE6-9 */
}

.dawcool {
    background-color: lightblue;
    background-image: url("/cat-img/cool.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom:20px;
    overflow:hidden;
}

.dawaway {
	border-radius:10px;
	border:3px solid black;
    background-color: black;
    background-image: url("/cat-img/skulls.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color:white;
    }
    
.cat_title, .article-title  {
	text-align:center;
}

.cat_title img {
	max-width:100%;
	max-height:60px;
}

div#no-time h3 {
	font-family:Oswald;
	font-size:2em;
	text-shadow:0px 3px 5px grey;
	text-align:center;
	background-color:greenyellow;
	padding:5px;
	clear:both;
}

div#no-time h4 {
	font-family:Oswald;
	text-shadow:0px 2px 4px grey;
	text-decoration:underline;
}

div#no-time img.cover {
	width:300px;
	box-shadow: 4px 4px 4px #000;
}

.widget_html_javascript_adder
{
	border:0 none;
	box-shadow:0 0 0 white;
	padding:0;
}

/* ADS */

		div.adcontainer {
			padding:10px 0;
			background: #fb9d23; /* Old browsers */
			background: -moz-linear-gradient(top, #fb9d23 0%, #ffc578 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #fb9d23 0%,#ffc578 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #fb9d23 0%,#ffc578 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9d23', endColorstr='#ffc578',GradientType=0 ); /* IE6-9 */
			border-radius:10px;
			border:1px solid silver;
			 margin: 20px 10px;
		}
		div.adcontainer:after {
			content: '';
			display: block;
			clear: both;
		}
		div.adcontainer p.logo {
			margin:0 0 10px;
			text-align:center;
		}
		div.adcontainer p.logo img {
			width:20%;
		}
		div.adcontainer div.container {
			width:100%;
		}
		div.adcontainer div.container div.comic {
			width: 25%;
			text-align:center;
			font-family:Oswald;
			font-weight:300;
			float:left;
		}
		div.adcontainer div.container div.comic a {
			text-decoration:none;
			color:black;
			font-weight:400;
			transition: all 0.5s ease 0s;
		}
		div.adcontainer div.container div.comic a:hover {
			color:#666;
			text-decoration:underline;
		}
		div.adcontainer div.container div.comic a img {
			box-shadow:0 0 10px black;
		}
		@media (max-width: 420px)
		{
			div.adcontainer p.logo img {
				width:50%;
			}
			div.adcontainer div.container {
				display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
				display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
				display: -ms-flexbox;      /* TWEENER - IE 10 */
				display: -webkit-flex;     /* NEW - Chrome */
				display: flex; 
				webkit-flex-flow: row wrap;
				-moz-flex-flow: row wrap;
				-ms-flex-flow: row wrap;
				-webkit-flex-wrap: wrap; /* Safari 6.1+ */
				flex-flow: wrap row;
				flex-direction: row;
				flex-wrap:wrap;
			}
			div.adcontainer div.container div.comic {
				float: left;
				width: 50%;
			}
		}

.Poll-mix { display:none !important; }