body {
	background-color:#bf4c62;
	color:#ffffff;
	font-family: ‘Roboto’, Arial, serif; font-weight: 300; 
	margin:0;
	padding:0;
	
}

a {
	color:#ffffff;
}

a.neon {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

a.neon {
  color: #fff;

  -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
  -moz-animation: neon1 1.5s ease-in-out infinite alternate;
  animation: neon1 1.5s ease-in-out infinite alternate;
}

a.neon:hover {
  color: #ffffff;
   -webkit-animation: neon3 1.5s ease-in-out infinite alternate;
  -moz-animation: neon3 1.5s ease-in-out infinite alternate;
  animation: neon3 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 0px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 7px #FF1177, 0 0 15px #FF1177, 0 0 20px #FF1177, 0 0 30px #FF1177, 0 0 50px #FF1177;
  }
}

@-webkit-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

a.members-link {
  	color: #ffffff;
	border-bottom: 6px dotted #ffffff;
	text-decoration:none;
	font-size: 0.8em;
}

a.members-link:hover {
  	color: #f9cc78;
	border-bottom: 6px dotted #ffffff;
	text-decoration:none;
}

.header {
	width:100%;
	text-align:left;
	margin-bottom:20px;

}

.header-line {
	color:#ffffff;
	font-weight: bold;
	text-transform:uppercase;
	font-size:1.6vw;
	display:inline-block;
	width:60%;
	padding:20px;
}

.header-line img{
	width:100%;
	display:inline-block;
}

.heart {
	width:1.7vw;
}

.action{
	text-align:right;
	color:#ffffff;
	font-weight: bold;
	text-transform:uppercase;
	font-size:3vw;
	display:inline-block;
	width:30%;
	margin-top:0px;
	vertical-align: top;
	padding-top:20px;
}

.star {
	height:3vw;
	margin-bottom:-5px;
}

#main-nav{
	width:100%;
	background-color:#6f021f;
	margin-top:20px;
}

.nav-links{
	text-align:center;
	padding:10px;
	font-size:1.5em;
}

#main-nav a {
	font-weight: 700;
	text-decoration:none;
	padding:5px;

}

#main-nav a:hover{
	font-weight: 700;
	text-decoration:none;
	color:#8a394f;
	background-color:#ffffff;
	border-radius: 5px;
	padding:5px;
}

.spotlight, .spotlight img{
	width:100%;
	max-width:892px;
	margin-right:auto;
	margin-left:auto;
}

h1 {
	width:80%;
	margin-right:auto;
	margin-left:auto;
	padding-left: 0px;
    	margin-bottom: 5px;
	text-align:left;
}

.dark-bg {
	background-color:#6f021f;
	width:100%;
}

.preview-pages{
	width:1200px;
	height:1285px;
	margin-right:auto;
	margin-left:auto;
}

.pw {
	width: 160px;
	float:left;
}

.preview-comic{
	width:800px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}

	  

.comic-nav{

	background-color:#772943;
	padding:10px;
	text-align:center;

}

.comic-nav a{

	font-weight: 700;
	text-decoration:none;
	padding:5px;
	
}

.tag-button {
	background-color:#8a394f;
	border: 2px solid #6e021f;
    	border-radius: 25px;
	padding:5px;
	text-decoration:none;
	font-weight:700;
	font-size:10px;
	text-transform: uppercase;
}

.tags {
	width:100%;
	text-align:right;
}

.preview-desc {
	width:200px;
	float:left;
	margin-top:20px;
}

#more-slider{
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

#more-previews {
	padding-bottom:40px;
	text-align:left;
	overflow:hidden;
}

#more-previews img {
	width:32.3%;
	margin:0.3%;	

}

.subscribe{
	text-align:center;
	width:100%;
	max-width:1200px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:20px;
}

.subscribe h1{
	text-align:center;
}	

.subscribe a {
	font-size:32px;
	text-decoration:none;
	font-size:50px;
	color:#ff5f91;
	text-shadow:1px 1px 0 #fff,
	-1px -1px 0 #fff,
	1px -1px 0 #fff,
	-1px 1px 0 #fff,
	0px 1px 0 #fff,
	1px 0px 0 #fff,
	0px -1px 0 #fff,
	-1px 0px 0 #fff,
	4px 4px 3px #000;
}

.subscribe a:hover {
	font-size:32px;
	text-decoration:none;
	font-size:50px;
	color:#ffffff;
	text-shadow:1px 1px 0 #fff,
	-1px -1px 0 #fff,
	1px -1px 0 #fff,
	-1px 1px 0 #fff,
	0px 1px 0 #fff,
	1px 0px 0 #fff,
	0px -1px 0 #fff,
	-1px 0px 0 #fff,
	4px 4px 3px #000;
}

.leaderboard{
	text-align:center;
	width:500px;
	margin-right:auto;
	margin-left:auto;

}

.footer {

	background-color: #26000b;
	color:#6D595E;
	width:100%;

}

.footer h2 {
	color:#ffffff;
}

.footer a {
	text-decoration:none;
	color:#6D595E;
	font-weight: bold; 
	
}

.footer a:hover {
	color:#ffffff;
	
}

.footer-content {
        width: 90%;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

.footer-links{
	width:10%;
	text-align:left;
	display:inline-block;
	vertical-align: top;
	}

.footer-affiliates{
	width:10%;
	display:inline-block;
	vertical-align: top;
	}

.footer-statement {
        width: 50%;
	text-align:left;
	display:inline-block;
	vertical-align: top;
}

.social {
	margin-right:5px;
	margin-top:15px;
	width:40px;
	height:auto;
}


@media only screen and (max-width: 800px) {

	
#more-slider{
	width:100%;
	padding-top:10px;
}

#more-previews {
	padding-bottom:40px;
	text-align:center;
}

#more-previews img {

	margin:0.3%;

	}

#more-previews img {
	width:45%;
	margin:0.3%;
	

}

.footer-links{
	width:40%;
	text-align:left;
	display:inline-block;
	vertical-align: top;
	}

.footer-affiliates{
	width:40%;
	display:inline-block;
	vertical-align: top;
	}

.footer-statement {
        width: 80%;
	text-align:left;
	display:inline-block;
	vertical-align: top;
}




}