@import url('/zine/includes/normalize.css');
@import url('/zine/includes/ip1var.php');

html {
	padding : 0 42px;
	background : #6d8399;
	text-align : center;
}
body {
	position : relative;
	margin : 0 auto;
	text-align : left;
	max-width : 70em;
	border-right : 2px solid #3A5066;
	border-bottom : 2px solid #3A5066;
	border-left : 1px solid #3A5066;
	background : url('/zine/graphics/parchment_bg.jpg');
	font-family : verdana, tahoma, helvetica, arial, sans-serif;
	font-size : .85em;
}
h1, h2, h3, h4, h5, h6 {
	font-family : Palatino, Georgia, "Times New Roman", Times, serif;
}
p {
	margin-bottom : .7em;
	line-height : 1.2em;
}
a:link {
	color : #22A;
}
a:hover, a:active {
	color : #66A;
}
a:visited {
	color : #42A;
}
#branding {
	position : relative;
	margin-left : 25px;
	padding : 0;
}
#branding a {
	display : block;
	width : 450px;
	height : 125px;
	text-indent : -9999px;
}
#issue, #section {
	position : absolute;
	top : 70px;
	right : 33px;
	text-transform : uppercase;
}
#issue {
	font-size : .73em;
}
#section {
	font-size : 1em;
}
#nav {
	position : absolute;
	top : 130px;
	left : 10px;
	width : 120px;
	font-size : .9em;
}
#nav a {
	display : block !important;
	height : 1.5em;
	font-weight : bold;
	text-indent : 25px;
}
#nav a:link, #nav a:visited {
	color : #822 !important;
	text-decoration : none !important;
	border-right : 4px solid black;
}
#nav a:hover, #nav a:active {
	color : #855 !important;
	text-decoration : underline !important;
	border-right : 4px solid #746;
	background : url('/zine/graphics/nav-mark.png') no-repeat left center;
}
#searchform {
	position : absolute;
	top : 95px;
	right : 25px;
}
#q {
	width : 12em;
	background : #f9f8f5;
}
#content {
	position : relative;
	clear : both;
	height : 100%;
	margin-right : 15px;
	margin-left : 140px;
	min-width : 30em;
	font-size : .9em;
}
#content-article {
	position : relative;
	margin : 5px 50px 2em 15px;
	min-width : 30em;
}
#article {
	margin-top : 1em;
}
#content-main {
	position : relative;
	margin-top : 5px;
	margin-right : 240px;
	margin-bottom : 1em;
}
#content-article #comic {
	position : relative;
	margin-top : 5px;
	margin-right : auto;
	margin-bottom : 1em;
	margin-left : auto;
}
#content-main h2, #content-article h2 {
	color : #310;
	font-size : 1.2em;
	text-transform : uppercase;
}
.posttime {
	margin-left : -1.2em;
	margin-bottom : .75em;
	border-bottom : 1px dotted #552;
	color : #511;
	font-size : 1.3em;
	font-family : times, serif;
	text-transform : uppercase;
}
.entry {
	margin-bottom : 2em;
	padding-left : 1.5em;
}
.entrytitle {
	margin-bottom : .25em;
	margin-left : -1em;
	color : #310;
	font-size : 1.2em;
	text-transform : uppercase;
}
.entrycontent p::first-letter {
	margin-left : -.2em;
	color : #320;
	font-family : Palatino, Georgia, "Times New Roman", Times, serif;
	font-size : 1.4em;
	font-weight : bold;
}
.entrycontent img::after {
	content : '<div class="imgattrib">' attr(alt) '</div>';
}
.imgattrib {
	position : relative;
	display : block;
}
#article h3 {
	font-size : 1.3em !important;
	font-weight : bold !important;
	margin-bottom : 1em;
}
#article .pullquote {
	padding : .5em;
	width : 50%;
	border : 1px solid #99836d;
	background : #BBA58F;
	font-size : 1.3em;
	font-family : Palatino, Georgia, "Times New Roman", Times, serif;
	font-weight : bold;
}
.author, .cite {
	font-size : .9em;
	font-style : italic;
}
.author {
	margin-bottom : 1em;
	margin-left : -1em;
}
.cite {
	margin : 0 5px;
}
p, ul, ol , blockquote {
	margin-bottom : 1em;
	word-spacing : .05em;
	line-height : 1.1em;
}
blockquote {
	margin : 1em 2em;
}
#content-main ul, #content-main ol, #content-article ul, #content-article ol {
	margin-left : 1.5em;
	list-style : disc;
}
#content-main ul ul, #content-main ol ol, #content-article ul ul, #content-article ol ol {
	margin-left : 1.25em;
	list-style : circle;
}
#content li {
	margin-bottom : .5em;
}
#content-supplement {
	position : absolute;
	top : 0;
	right : 0;
	width : 225px;
	border-bottom : 1px solid #779;
	border-left : 1px solid #333;
	line-height : 1.2em;
	font-size : .9em;
}
#content-supplement li {
	margin-bottom : 1.5em;
	padding-top : 5px;
	padding-left : 15px;
	border-top : 1px solid #779;
}
#content-supplement h3 {
	margin-bottom : .3em;
	margin-left : -10px;
	color : #310;
	font-size : 1.1em;
	text-transform : uppercase;
}
#content-supplement #comiclinks {
	text-align : center;
}
#content-article dl {
	padding : 1em;
	border-top : 1px solid #885;
}
dt {
	margin-bottom : .5em;
	color : #521;
	font-style : italic;
}
dd {
	margin-bottom : 1em;
	margin-left : 1em;
}
#siteinfo {
	margin-left : 130px;
}
#siteinfo-article {
	margin-left : 170px;
}
#siteinfo, #siteinfo-article {
	position : relative;
	margin-right : 50px;
	padding-top : 8px;
	height : 1.5em;
	border-top : 1px solid black;
	background : url('/zine/graphics/inkspot.png') no-repeat right bottom;
	color : #555;
	font-size : .74em;
}