body{
	background: #ffffff url('//24.media.tumblr.com/tumblr_me83mwqeAe1rlald0o13_r1_250.png') bottom right no-repeat;
	background-attachment: fixed;
	background-size: 30%;
	margin: 0px;
	border: none;
	margin-bottom: -32px;
}

@media only screen and (orientation:portrait){
	div.anthonyTitleBigger{
		visibility:hidden;
	}
	
	div.anthonyTitle, div.anthonyTitleBigger{
	    width: 220px;
	    height: 70px;
	    background-repeat: no-repeat;
	    background-size: contain;
	    display: inline-block;
	    background-image:url(/anthonywebheader-normal-u89.png);
	}

	div.anthonyDescription{
	    text-align:center;
	    font-family: sans-serif;
	    font-weight: bold;
	    font-size: 7pt;
	    color: black;
	    margin-left: 8px;
	    display: inline-block;
	    vertical-align:middle;
	    padding:16px;
	}  

	div.comicImage{
	    width:95vw;
	    top: 10px;
	    left: 10px;
	    border: medium solid black;
	    margin-top: 130px !important;
	    z-index:2;
	}
	
	div.comicImage img{
	    width:90vw;
	}

	div.bonusPanelIndicator{
	    width: 64px;
	    height: 64px;
	    position: relative;
	    bottom: -67px;
	    right: 80px;
	    z-index: 1;
	    transform: rotate(90deg);
	}

	div.postContainer{
		text-align:left;
		width:90vw;
		background-color: #ffffffc0;
		padding: 8px;
	}

	div.archivetags{
		float:left;
		width:220px;
		text-align:center;
		display: inline;
	}
	
	div.tagcloud{
		padding:32px;
		background-color:white;
		border-radius:16px;
		overflow-y: scroll;
		width:95vw;
		height:200px;
	}
	
	div.headerFlex{
		left:0;
		right:0;
		top:0;
		position:absolute;
		border-bottom: medium solid black;
		border-right: thin solid black;
		border-radius: 0px 0px 24px 0px;
		background-color: antiquewhite;
		margin-bottom: 16px;
		display:inline-flex;
		flex-direction: column;
		align:left;
	}
	
	div.flexItem{
		flex-basis:content;
		vertical-align:middle;
	}
	
	div.headerArchive, div.headerIndex{
		text-align: left !important;
		padding-left: 8px;
	}
	div.titleArchive, div.titleIndex{
		visibility:visible;
	}
	div.descArchive,descIndex{
	}
	div.patreonIndex,div.patreonArchive{
	    max-height: 0px !important;
	}
	div.patreon{
	    position: absolute;
	    right: 8px;
	    top: 8px;
	    background: url(/patreon-dn.png) no-repeat 0px 0px;
	    width: 100px;
	    height: 44px;
	    background-size: contain;
	    display: inline-block;
	    margin-top: 16px;
	}
	
}

@media only screen and (orientation:landscape){

	div.anthonyTitle, div.anthonyTitleBigger{
	    width: 220px;
	    height: 70px;
	    background-repeat: no-repeat;
	    background-size: contain;
	    display: inline-block;
	    background-image:url(/anthonywebheader-normal-u89.png);
	}
	
	div.anthonyTitleBigger{
	    width: 440px !important;
	    height: 140px !important;
	}

	div.anthonyDescription{
	    text-align:center;
	    font-family: sans-serif;
	    font-weight: bold;
	    font-size: 10pt;
	    color: black;
	    margin-left: 8px;
	    display: inline-block;
	    height:100px;
	    vertical-align:middle;
	    padding:16px;
	}  

	div.comicImage{
	    position: absolute;
	    top: 10px;
	    left: 10px;
	    border: medium solid black;
	    margin-bottom: 32px;
	    z.index:2;
	}
	
	div.comicImage img{
	    width:40vw;
	}

	div.bonusPanelIndicator{
	    width: 64px;
	    height: 64px;
	    position: absolute;
	    right: -67px;
	    bottom: 0px;
	    z-index: 1;
	}

	div.postContainer{
		position:absolute;
		top:130px;
		text-align:left;
		margin-bottom:32px;
		margin-left:42vw;
		width:calc( 99vw - 42vw - 32px - 16px );
		background-color: #ffffffc0;
		padding: 8px;
	}
	
	div.archiveContainer{
		position:absolute;
		top:130px;
		padding:8px;
		width:95vw;
	}

	div.archivetags{
		float:left;
		width:220px;
	}
	
	div.tagcloud{
		padding:32px;
		width:600px;
		float:right;
		background-color:white;
		border-radius:16px;
	}
	
	div.headerFlex{
		left:0;
		right:0;
		top:0;
		position:absolute;
		border-bottom: medium solid black;
		border-right: thin solid black;
		border-radius: 0px 0px 24px 0px;
		background-color: antiquewhite;
		margin-bottom: 16px;
		display:inline-flex;
		flex-direction: row;
	}
	
	div.flexItem{
		flex-basis:content;
		max-height: 120px;
		height: 100px;
		vertical-align:middle;
	}
	
	div.headerIndex{
		flex-basis:42vw !important;
	}
	div.titleIndex{
		visibility:hidden;
	}
	div.descIndex{
		flex-basis: calc(99vw - 42vw - 220px);
	}
	
	div.headerArchive{
		flex-basis:220px !important;
	}
	div.titleArchive{
		visibility:visible;
	}
	div.descArchive{
		flex-basis: calc(100vw - 220px - 220px);
	}
	
	div.patreonIndex,div.patreonArchive{
		flex-basis:210px;
	}

	div.patreon {
	    float:right;
	    background: url("/patreon-dn.png") no-repeat 0px 0px;
	    width: 200px;
	    height: 88px;
	    background-size: contain;
	    display: inline-block;
	    margin-top: 16px;
	}
}

div.anthonyTitle:hover,div.anthonyTitleBigger:hover{
    background-image:url(/anthonywebheader-hover-u89-r.png);
}

div.bonusPanelIndicator img{
    width: 64px;
    height: 64px;
}

img.socialImg{
    width: 32px;
    height: 32px;
    vertical-align: middle;
    opacity:0.6;
    margin:4px;
}

img.socialImg:hover{
    width: 36px;
    height: 36px;
    vertical-align: middle;
    opacity:1;
    margin:2px;
}

div.patreon:hover{
    background: url("/patreon-up.png") no-repeat 0px 0px;
    background-size: contain;
}

a{
    color:silver;
}

a:hover{
    color:#6d6dff;
}

p{
	margin: 0px;
	text-align: left;
	padding: 0px;
}

div.archiveContainer{
	text-align:center;
	background-color:white;
	left:32px;
	right:32px;
}

div.postCaption,div.postCaptionPerma
{    
    font-family: sans-serif;
    background-color: black;
    font-variant: small-caps;
    font-size: 18pt;
    color:white;
    z-index: 11;
    min-height: 32px;
    box-shadow: 6px 6px 8px rgba(0,0,0,0.14);
    border-width: 6px;
    border-style: solid;
    border-color: #000000;
    background-color: #000000;
    border-radius: 16px;
}

div.postCaption:hover
{
    background-color: #6d6dff;
    border-color: #6d6dff;
}

div.tags
{
	text-align:center;
	display: inline;
	width:calc( 99vw - 42vw - 32px - 16px );
}

div.transcript
{
	display:inline;
	width:calc(99vw - 42vw - 32px - 16px);
	font-family:'Lucida Console', monospace;
	text-align:left;
	padding:32px;
	margin:32px;
}

ul.tags
{
    padding-bottom: 32px;
	background-color:white;
	border-radius: 16px;
}

ul.archivetags
{
list-style-type:none;
}

li.tags
{
    display:inline-block;
    margin-right:12px;
    font-size:10pt;
}

li.archivetags
{
	margin-bottom:4px;
	font-size:10pt;
}

li.tags:before,li.archivetags:before
{
    color:grey;
    content:"#";
}

a.tags,a.archivetags,span.tags,span.thumblink
{
    color: grey;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-variant: small-caps;
}

div.thumblink{
    vertical-align: top;
    display: inline-block;
    width:200px;
    height:200px;
    margin:8px;
    background-color:white;
}

span.thumblink{
}

img.thumblink{
  width:128px;
  height:128px;	
  object-fit: cover;
}

a.thumblink img{
	opacity:0.5;
}

a.thumblink:hover img{
	opacity:1;
}

div.thumblink:hover span, a.tags:hover, a.archivetags:hover
{
    color:#6d6dff !important;
}

div.commentLabel
{
    color: black;
    text-align: center;
    float: right;
    margin-left: 32px;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: bold;
    margin-right: 16px;
    text-decoration: none;
}

a.dsq-comment-count, a.commentLabel
{
    font-size: 16pt;
    font-weight: bold;
    font-family: sans-serif;
    color: grey;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px;
    margin: 8px;
}

a.dsq-comment-count:hover, a.commentLabel:hover
{
    color:#6d6dff;
}

a.navcontrol
{
    color:grey;
    text-align:center;
    text-transform: uppercase;
    font-family: sans-serif;
    text-decoration: none;
    font-weight: bold;
}

a.navcontrol:hover{
    color:#6d6dff;
}

div.navRandom{
    height: 42px;
    width: 127px;
    display:inline-block;
    background-repeat:no-repeat;
    background-image:url(/u126_states.png);
}

div.navRandom:hover{
    background-image:url(/u126_states-r.png);
}

div.navAskAnthony{
    height: 42px;
    width: 208px;
    display:inline-block;
    background-repeat:no-repeat;
    background-image:url(/u127_states.png);
}

div.navAskAnthony:hover{
    background-image:url(/u127_states-r.png);
}

div.navFeed{
    height: 37px;
    width: 114px;
    display:inline-block;
    background-repeat:no-repeat;
    background-image:url(/feed-normal.png);
    margin-bottom: 6px;
}

div.navFeed:hover{
    background-image:url(/feed-hover.png);
}

div.navArchive{
    height: 42px;
    width: 130px;
    display:inline-block;
    background-repeat:no-repeat;
    background-image:url(/u128_states.png);
}

div.navArchive:hover{
    background-image:url(/u128_states-r.png);
}

div.commentSwitch
{
    color:black;
    text-align:center;
    float: left;
    margin-left: 32px;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: bold;
    padding-bottom:16px;
    border-bottom: thick black solid;
}

span.taggedPosts
{
    color: black;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: bold;
}

span.highlight
{
    color:#6d6dff;
}

div.comments
{
    margin-left:32px;
    margin-right:32px;
}

div.navcontrol{
    display:inline-block;
}

a.navtext,div.navtext a{
    font-size: 16pt;
    font-weight: bold;
    font-family: sans-serif;
    color: grey;
    text-transform: uppercase;
    text-decoration: none;
    padding:8px;
    margin:8px;
}

a.socialnav{
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: grey;
    text-transform: uppercase;
    text-decoration: none;
    padding:8px;
    margin:8px;
}

a.navtext:hover,a.socialnav:hover,div.navtext a:hover{
    color:#6d6dff;
}

div.preload_images{
	visibility:hidden;
	display:none;
}