/* BLINK GOD DAMN YOU */

body {
  -webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
body.nega {
  -webkit-filter: invert(100%) brightness(1);
  filter: invert(100%) brightness(1);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}


blink, .blink {
  -webkit-animation: blink 5s step-end infinite;
  -moz-animation: blink 5s step-end infinite;
  -o-animation: blink 5s step-end infinite;
  animation: blink 5s step-end infinite;
}

@-webkit-keyframes blink {
  67% { opacity: 0 }
}

@-moz-keyframes blink {
  67% { opacity: 0 }
}

@-o-keyframes blink {
  67% { opacity: 0 }
}

@keyframes blink {
  67% { opacity: 0 }
}


/* LAYOUT ZONE */


#containo{
position: relative;
}


#framecontent{
position: absolute;
width: 300px;
height: auto;
left: 0;
background: black;
overflow: hidden; 
}


#maincontent{
margin-left: 330px;
overflow: hidden; 
background: #ffffff;
padding-top: 24px;
color: #e9e9e9;
}


#footer{
position: relative;
width: 300px;
height: auto;
left: 0;
background: black;
overflow: hidden; 
}

#followtext{
	margin-left: 4px;
}


/* COMIC DIVS */


.xomic {
width: 720px;
image-rendering: optimizeSpeed;             /* FUCK SMOOTHING, GIVE ME SPEED  */
image-rendering: -moz-crisp-edges;          /* Firefox                        */
image-rendering: -o-crisp-edges;            /* Opera                          */
image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
-ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

#desktopcomic{
margin-top: 30px;
display: inline;
}

#mobilecomic{
display: none;
}



/* STYLE ZONE */


body{
margin: 0;
padding: 0;	
border: 0;
color: #000000;
}


a:link {
text-decoration: none;
color: white;
}

a:active {
text-decoration: none;
color: #0000;
}

a:visited {
text-decoration: none;
color: #ffffff;
}

a:hover {
color: #CC0000;
}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}



h1 {
    font-family: futura-pt, Helvetica, Arial, sans-serif;
    font-weight: 700;
	font-style: normal;
    margin-bottom: 10px;
	margin-top: 10px;
	word-break: keep-all;
    text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1em;
	padding-top: 35px;
}


h2 {
    font-family: HelveticaNeue, Arial, sans-serif;
    margin-bottom: 0;
    margin-right: 20px;
    word-break: keep-all;
    text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.3em;
}



h3 {
    font-family: Futura-pt, Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    text-align: center;
	padding-left: 0px;
	text-decoration: none;
	color: #ffffff;
	font-size: .5em;
	line-height: 1.9em;

}


h6 {
    	margin-left: 8px;
    }
	
h7 {
	font-size: 3em;
	color: #ffffff;
	line-height: .1em;
}

.whitey a {
	border-bottom: 2px dotted #990000;
}

	
.whitey {
	font: 1.1em/1.7em futura-pt, Helvetica, Arial, sans-serif;
	margin-left: 24px;
	margin-right: 18px;
	color: white;
}

.bitey {
	font: 1.1em/1.7em futura-pt, Helvetica, Arial, sans-serif;
	margin-left: 24px;
	margin-right: 18px;
	color: white;
}

.bitey a {
	border-bottom: 2px dotted #990000;

}


.indent {
	font: .9em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	margin-left: 0px;
	color: white;
}

	
#spanky {
	margin: 0 0 0 0px;
}




#arrowquiver {
	width: 741px;
}

.lower {
	bottom: 5px;
	display: inline;
	top: 20px;
}


/* fun text mods */


#zorp {
	width: 720px;
}

.zorp {
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	color: black;
	text-align: left;
	padding-right: 10%;
	padding-left: 10%;
}


.follow {
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	color: black;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

.follow a {
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	color: black;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
}

.bigfollow {
	color: #9365ad;
	font-size: 2.5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

.bigfollowblue {
	color: #086e96;
	font-size: 2.5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	max-width: 800px;
	margin-bottom: 0;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

.paddedshoulders {
	padding-top: 0px;

}


.bigfollowtext {
	color: #000000;
	font: 1.3em/1.8em futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 500;
	padding-right: 25px;
	padding-left: 15px;
	max-width: 700px;
}


.bigfollowtext a {
	color: #000000;
	border-bottom: 2px dotted #990000;
	font-size: 1.3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-right: 5px;
	margin-left: 5px;
}

.bigfollowtextblue a {
	color: #086e96;
	border-bottom: 2px dotted #990000;
	font-size: 1.5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-right: 5px;
	margin-left: 5px;
}


.bigfollowtext a:visited {
	text-decoration: none;
	color: #000000;
}

.bigfollowtext a:hover {
	color: #CC0000;
}

.mttabor {
	color: #000000;
	padding-left: 15px;
}


.smaller {
	color: #666666;
	font-size: .5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.smallernumber {
	font-size: .5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 700px;
	margin-right: 10px;
	margin-left: 10px;
}

button {
	color: #54f927;
	background-color: #000000;
	padding: 7px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}


.internet {
	color: #54f927;
	background-color: #000000;
	padding: 7px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}

.internetamber {
	color: #fce752;
	background-color: #000000;
	padding: 7px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}

.redacted {
	color: #ffffff;
	background-color: #000000;
	padding: 15px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}

.mega {
	margin-top: 10px;
	font-size: 3em;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}


.redacted {
	color: #990000;
	background-color: #000000;
	padding: 5px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}


.infinity {
	color: #4197d9;
	width: 700px;
	font-weight: bold;
	font-style: italic;
}

.orange {
	color: #ff8133;
}

.years {
	word-spacing: 12px;
}


.geeplus {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: table-cell;
	line-height: 120px;
	color: #fff;
	text-align: center;
	background: #da463c;
}

.rsstext {
	color: white;
	background-color: #ff8133;
	padding: 12px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: none;
}

.fb {
	color: white;
	background-color: #3B5998;
	padding: 12px;
	font-family: "Comic Sans MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}	

.tweetiepants {
	float: left;
	padding-right: 10px;
}


/* fun text mods */


/* LINK BLOCKS */


#home-desktop{
visibility: visible;
background: #000000;
text-align: center;
line-height:180px;
width: 100%;
height: 180px;
font-size: 2.5em;
font-family: futura-pt, Helvetica, Arial, sans-serif;
font-weight: 700;
}

#home-mobile{
display: none;
}

.logo {
	padding-top: 0px;
}

#home {
	background: #000000;
	text-align: center;
	line-height:180px;
	width: 100%;
	height: 180px;
	padding-top: 21px;
	padding-bottom: 21px;
}

#comics {
	background: #9365ad;
	text-align: center;
	line-height:90px;
	width: 100%;
	height: 90px;
	font-size: 3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

#store {
	background: #e94b96;
	text-align: center;
	line-height:90px;
	width: 100%;
	height: 90px;
	font-size: 3em;
    font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

#follow {
	background: #086e96;
	text-align: center;
	line-height:90px;
	width: 100%;
	height: 90px;
	font-size: 3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

#tweeter {
	background: #769dcc;
	text-align: center;
	line-height:90px;
	width: 50%;
	height: 90px;
	font-size: 3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}

#rss {
	background: #574235;
	text-align: center;
	line-height:90px;
	width: 50%;
	height: 90px;
	font-size: 3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: right;
}

.rssicon{
margin-top: 0px;
}

.twicon{
margin-top: 10px;
}

#wrapmore {
	width: 100%;
	text-align: center;
}

#more {
	background: #990000;
	text-align: center;
	line-height:90px;
	width: 100%;
	height: 90px;
	font-size: 3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin: 0 auto;
}

#prev {
	background: #e94b96;
	text-align: left;
	line-height:90px;
	width: 100%;
	height: 90px;
	font-size: 3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin: 20px auto 20px 18px;
	padding-left: 10px;
}

#prevbundler {
	text-align: center;
	width: 650px;
	padding-left: 8px;
}


/* QUERY PARTY */

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

.mobilecomic{
margin-top: 140px;
width: 432px;
margin-left: -55px;
}

.mobilecomic2{
margin-top: 5px;
width: 432px;
margin-left: -55px;
}


}


@media screen and (min-width: 321px) and (max-width: 413px) {

.mobilecomic{
margin-top: 140px;
width: 432px;
margin-left: -30px;
}

.mobilecomic2{
margin-top: 5px;
width: 432px;
margin-left: -30px;
}

.mobilepostimage{
width: 300px;
}


}

@media screen and (min-width: 200px) and (max-width: 420px) {

#followmetothemoon {
	height: 150px;
}


#home-mobile{
	background: #000000;
	text-align: center;
	line-height:60px;
	width: 50%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}


#comics {
	background: #9365ad;
	text-align: center;
	line-height:60px;
	width: 50%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: right;
}

#store {
	background: #e94b96;
	text-align: center;
	line-height:60px;
	width: 50%;
	height: 60px;
	font-size: 2em;
    font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}

#follow {
	background: #086e96;
	text-align: center;
	line-height:60px;
	width: 50%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: right;
}

.mobilepostimage{
width: 300px;
}

}



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

/* LINK BLOCKS */



#home-desktop{
display: none;
}

#home-mobile{
display: inline;
}

#more {
	background: #e94b96;
	width: 100%;
	font: 2.5em futura-pt, Helvetica-Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-align: center;
	margin-left: 0px;
	padding-top: 12px;
	padding-bottom: 18px;
}

#followbody{
display: inline;
}


/* COMIC DIVS */


#desktopcomic{
display: none;
}

#mobilecomic{
display: inline;
}



#framecontent{
position: absolute;
width: 100%;
height: auto;
left: 0;
background: black;
overflow: hidden; 
}

#footer {
display: none;
}

#maincontent{
margin-left: 0px;
top: 0; 
left: 0; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: hidden;
}

#spanky {
display: none;
}


.logo {
	left: 100px;
	position: relative;
	height: 60px;
}


#tweeter {
	display: none;
	background: #54ccff;
	text-align: center;
	line-height:60px;
	width: 50%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}

#rss {
	display: none;
	background: #574235;
	text-align: center;
	line-height:60px;
	width: 50%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: right;
}


#more {
	background: #e94b96;
	text-align: center;
	line-height:90px;
	width: 100%;
	height: 90px;
	font-size: 2.5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.geeplus {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: table-cell;
	line-height: 50px;
	color: #fff;
	text-align: center;
	background: #da463c;
}

.tweetiepants {
	float: left;
	padding-left: 20px;
	left: 10px;
}


/* fun text mods */


#zorp {
	width: 720px;
}

.zorp {
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	color: black;
	text-align: left;
	padding-right: 10%;
	padding-left: 10%;
}


.follow {
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	color: black;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

.follow a {
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	color: black;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
}

.bigfollow {
	color: #9365ad;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

.bigfollowblue {
	color: #086e96;
	font-size: 2.2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

.paddedshoulders {
	padding-top: 0px;

}


.bigfollowtext {
	color: #000000;
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 500;
	padding-right: 25px;
	padding-left: 15px;
	max-width: 700px;
}


.bigfollowtext a {
	color: #000000;
	border-bottom: 2px dotted #990000;
	font-size: 1.1em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-right: 5px;
	margin-left: 5px;
}

.bigfollowtextblue a {
	color: #086e96;
	border-bottom: 2px dotted #990000;
	font-size: 1.3em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-right: 5px;
	margin-left: 5px;
}


.bigfollowtext a:visited {
	text-decoration: none;
	color: #000000;
}

.bigfollowtext a:hover {
	color: #CC0000;
}

.mttabor {
	color: #000000;
	padding-left: 15px;
}


.smaller {
	color: #666666;
	font-size: .5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.smallernumber {
	font-size: .5em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 700px;
	margin-right: 10px;
	margin-left: 10px;
}

.internet {
	color: #54f927;
	background-color: #000000;
	padding: 7px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}

.internetamber {
	color: #fce752;
	background-color: #000000;
	padding: 7px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}


.redacted {
	color: #990000;
	background-color: #000000;
	padding: 5px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
}

.infinity {
	color: #4197d9;
	width: 700px;
	font-weight: bold;
	font-style: italic;
}

.orange {
	color: #ff8133;
}

.years {
	word-spacing: 12px;
}


.geeplus {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: table-cell;
	line-height: 50px;
	color: #fff;
	text-align: center;
	background: #da463c;
}

.rsstext {
	color: white;
	background-color: #ff8133;
	padding: 6px;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: none;
}

.fb {
	color: white;
	background-color: #3B5998;
	padding: 6px;
	font-family: "Comic Sans MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}	

.tweetiepants {
	float: left;
	padding-right: 10px;
}

}

/* fun text mods */


@media screen and (min-width: 413px) and (max-width: 414px) {

.mobilecomic{
	width: 432px;
	margin-top: 120px;
	margin-left: -9px;
}

.mobilecomic2{
	width: 432px;
	margin-top: 5px;
	margin-left: -9px;
}

}


@media screen and (min-width: 415px) and (max-width: 479px) {

.mobilecomic{
	width: 432px;
	margin-top: 120px;
	margin-right: 10%;
	margin-left: 15%;
}

.mobilecomic2{
	width: 432px;
	margin-top: 5px;
	margin-right: 10%;
	margin-left: 15%;
}

}

@media screen and (min-width: 480px) and (max-width: 736px) {


.paddedshoulders {
	padding-top: 30px;

}

.mobilecomic{
	width: 432px;
	margin-top: 60px;
	margin-right: 10%;
	margin-left: 15%;
}

.mobilecomic2{
	width: 432px;
	margin-top: 5px;
	margin-right: 10%;
	margin-left: 15%;
}

#home-mobile{
	background: #000000;
	text-align: center;
	line-height:60px;
	width: 25%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}


#comics {
	background: #9365ad;
	text-align: center;
	line-height:60px;
	width: 25%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}

#store {
	background: #e94b96;
	text-align: center;
	line-height:60px;
	width: 25%;
	height: 60px;
	font-size: 2em;
    font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}

#follow {
	background: #086e96;
	text-align: center;
	line-height:60px;
	width: 25%;
	height: 60px;
	font-size: 2em;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	float: left;
}

}


@media screen and (min-width: 737px) and (max-width: 1000px) {

/* COMIC DIVS */

#spanky {
	margin: 0 0 0 -20px;
}

#desktopcomic{
display: none;
}

#mobilecomic{
display: inline;
margin-left: 0px;
}

.mobilecomic{
margin-top: 0px;
width: 432px;
}

.mobilecomic2{
margin-top: 0px;
width: 432px;
}

#framecontent{
position: absolute;
width: 275px;
height: auto;
left: 0;
background: black;
overflow: hidden; 
}

#footer{
position: relative;
width: 275px;
height: auto;
left: 0;
background: black;
overflow: hidden; 
}


#maincontent{
margin-left: 295px;
overflow: auto; 
}

.logo {
	position: relative;
}

}



@media screen and (min-width: 1001px) and (max-width: 1100px) {

#spanky {
	margin: 0 0 0 -20px;
}


#framecontent{
position: absolute;
width: 275px;
height: auto;
left: 0;
background: black;
overflow: hidden; 
}

#footer{
position: relative;
width: 275px;
height: auto;
left: 0;
background: black;
overflow: hidden; 
}

.whitey {
	font: 1em/1.5em futura-pt, Helvetica, Arial, sans-serif;
	margin-left: 14px;
	margin-right: 14px;
	color: white;
	white-space: normal;
}

.bitey {
	font: 1em/1.5em futura-pt, Helvetica, Arial, sans-serif;
	margin-left: 14px;
	margin-right: 14px;
	color: white;
}

#maincontent{
margin-left: 290px;
overflow: auto; 
}

#logo {
	right: 21px;
	position: relative;
}


}


/* BIG BABY JESUS */

@media screen and (min-width: 1921px) and (max-width: 5600px) {

.xomic {
width: 1440px;
}

.zorp {
	width: 1440px;
	font: 1.1em/1.6em futura-pt, Helvetica, Arial, sans-serif;
	color: black;
	text-align: center;

}



  }
}