/*ie fixes*/
@media screen {
 * html {
  overflow-y: hidden; 
 }
 * html body {
  height: 100%;
  overflow-y: auto; 
 }
}

* html * {
 height:1%; 
}
img, #header *,.commentdata , .commentdata * {
 height:auto;
}
/*end fixes*/

/* Defaults */
html, body, img { 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
} 

form { 
	display: inline; 
} 

/* Woohooligan */
body { 
	background-color: black; 
	background-image: url('http://www.woohooligan.com/files/assets/pigasus_bg.png'); 
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: -5px 70px; 
	color: white; 
} 

#copyright { 
	margin-top: 20px; 
	padding-top: 10px; 
	text-align: center; 
	border-top: 1px solid #C00000; 
} 
#copyright div { text-align: center; } 
#copyright a:hover { color: orange; } 

/* FONTS! */ 
body, table, th, td, div { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 0.95em; 
} 

/* links */ 
a:link, a:visited { 
	color: red; 
	font-weight: bold; 
	text-decoration: none; 
} 

#layout_content a:hover { 
	color: #C00000; 
} 

#comicnav_top > a:link, 
#comicnav_top > a:visited { 
	color: white; 
	display: block; 
	float: left; 
	padding: 3px; 
	background-color: transparent; 
	opacity: 0.5; 
} 

#comicnav_top > a.disabled { 
	background-color: transparent; opacity: 0.5 
} 

#comicnav_top > a.cn:hover { 
	text-shadow: none; 
	opacity: 1; 
} 

#comicnav_top a#RSSButton, #comicnav_top a#RSSButton:hover { 
	padding: 0px; 
	background-color: transparent; 
	margin-right: 3px; 
	margin-left: 0.5em; 
	opacity: 1; 
} 

#addthis_container { 
	/* 
	width: 440px; 
	margin-left: auto; 
	margin-right: auto; 
	float: right; 
	*/
	margin-bottom: 5px; 
} 

div.comicnav { 
	background-color: #E00000; 
	box-shadow: 2px 2px maroon; 
	height: 24px; 
	margin: 0px 0px 5px 0px; 
	padding: 0px; 
	white-space: nowrap; 
	border-radius: 20px; 
	clear: right; 
} 

div.comicnav a { 
	background-position: 2px 2px;
	background-repeat: no-repeat;
	color: white;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
	opacity: 0.7;
	padding: 0px;
	white-space: nowrap;
} 

div.comicnav a.comments { 
	top: -0.5em; 
	position: relative; 
} 
#layout_content div.comicnav a:hover { opacity: 1; color: white; } 
div.comicnav a.first { background-image: url('nav/first.png'); } 
div.comicnav a.older { background-image: url('nav/previous.png'); } 
div.comicnav a.newer { background-image: url('nav/next.png'); } 
div.comicnav a.latest { background-image: url('nav/last.png'); } 

/* END links */

#layout_header { 
	/* 
	position: fixed; 
	top: 2em; 
	*/
	margin-top: 2.9em; 
	width: 1120px; 
	height: 100; 
} 

#layout_titlecard { 
	display: block;
	height: 65px;
	padding: 0;
	position: fixed;
	left: 0px;
	top: 35px; 
	z-index: 30; 
} 

#adsense_container { 
	float: right; 
	padding: 5px 0px 10px 10px; 
	background: black; 
	border-radius: 10px 0px 0px 10px; 
	/* width: 468px; */
} 

#layout_nav { 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 1.2em; 
	width: 920px; 
	padding: 5px 10px 5px 5px; 
	font-size: 1em; 
	color: white; 
	background-color: #C00000; 
	border: solid white; 
	border-width: 0 1px 1px 0; 
	border-radius: 0 0 15px 0; 
	box-shadow: 0px 0px 5px 2px black; 
	z-index: 30; 
} 

#layout_nav div.navcontainer { 
	display: block; 
	position: relative; 
	float: left; 
	margin: 0px 10px 0px 10px; 
	z-index: 100; 
} 

#layout_nav div.navcontainer div.navtitle, 
#layout_nav div.navcontainer a.navtitle,
#layout_nav div.navcontainer a.navtitle:visited { 
	color: white; 
	font-family: Helvetica, Sans-serif; 
	font-weight: bold; 
	height: 30px; 
	/* opacity: 1; */ 
	text-shadow: 1px 1px 0 black; 
	display: block; 
	line-height: 20px; 
} 

#layout_nav div.navcontainer div.navtitle { cursor: default; } 
#layout_nav div.navcontainer a.navtitle:hover { color: orange; } 

#layout_nav div.navcontainer:hover div.navtitle { 
	opacity: 1; 
} 

#layout_nav div.navcontainer div.navmenu { 
	color: black; 
	background-color: #C00000; 
	border: solid white; 
	border-radius: 0 0 15px 15px; 
	border-width: 0 1px 1px 1px; 
	box-shadow: 2px 2px 1px 0 black; 
	display: none; 
	float: left; 
	left: -5px; 
	min-width: 170px; 
	padding: 10px; 
	position: absolute; 
	top: 23px; 
} 

#layout_nav div.navcontainer:hover div.navmenu { display: block; } 
div.navmenu a { 
	display: block; 
	color: white; 
	text-shadow: 1px 1px 0px maroon; 
} 
div.navmenu a:hover { color: orange; } 
div.navmenu p a { display: inline; } 
div.navmenu strong { display: block; } 
div.navmenu div.column strong {  } 
#menu_stalk div.navmenu { width: 470px; } 
#menu_faq div.navmenu { width: 440px; } 
#menu_lol div.navmenu { width: 250px; } 

div.navcontainer#menu_morecomics div.navmenu { 
	padding-left: 0px; 
	width: 600px; 
} 
div.navcontainer div.navmenu div.column { 
	display: block; 
	float: left; 
	height: 100%; 
	margin-left: 10px; 
} 

#layout_nav #comicnav_rss { display:block; float: right; } 

#layout_nav #comicnav_top {
	background-color: black;
	border-radius: 20px;
	display: block;
	float: right;
	font-family: "Arial",sans-serif;
	font-size: 1.2em;
	left: 278px;
	line-height: 50%;
	padding: 6px 10px;
	position: fixed;
	top: 35px;
	width: 580px;
	opacity: 1;
} 
/* #layout_nav #comicnav_top:hover { opacity: 0.8; } */
#layout_nav #comicnav_top > a + a { float: right; } 

#layout_left, #layout_right, #layout_center { 
	position: absolute; 
	top: 65px; 
	text-align: left; 
	padding-bottom: 20px; 
} 

#layout_left, #layout_right { 
	width: 220px; 
	/* border: solid white 1px; */
} 

#layout_left { 
	left: 10px; 
	padding-top: 230px;
} 

#layout_right { 
	display: none; 
	left: 940px; 
} 

#socialbuttons { 
	margin-bottom: 10px;
} 

#layout_center { 
	position: absolute; 
	left: 250px; 
	width: 630px; 
	z-index: 10; 
} 

#layout_content { 
	background: white; 
	color: black; 
	text-align: center; 
	border: solid #C00000 3px; 
	border-radius: 15px; 
	margin-bottom: 10px; 
	min-height: 400px; 
	width: 630px; 
	padding: 10px; 
} 

#comicimagewrap { 
	margin: 0px 0px 0px -10px; 
} 

#social_nav { 
	margin-top: 10px; 
} 

h2.pagetitle { 
	text-align: left; 
	margin: 0px; 
	font-size: 1.2em; 
} 
#layout_content div.pubdate { 
	float: right; 
} 

a.postcomment { 
	background-color: maroon;
	border-radius: 15px 15px 15px 15px;
	color: white;
	display: block;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 3px 3px 3px 10px;
	text-align: center;
	text-shadow: 1px 1px 0 black;
	width: 200px;
} 
a.postcomment:hover { background-color: #C00000; } 

div.comment { 
	margin: 20px 0px; 
	background-color: #555; 
	border-radius: 10px 10px 10px 10px; 
	padding: 10px; 
	/* text-shadow: -2px 2px #333; */
} 
div.comment twitterwidget { text-shadow: none; } 
div.comment a { 
	color: #FFA842; 
	/* text-shadow: -2px 2px #333, 1px 1px #444444, -1px -1px #444444, -1px 1px #444444, 1px -1px #444444; */
} 
div.comment a:hover { color: #FFD842; } 
div.comment li + li { margin: 0.4em 0 0 0; } 

#layout_comments div.reply { margin-left: 20px; } 
div.commentcontent { 
	font-family: 'Patrick Hand', cursive; 
	font-size: 1.5em; 
	overflow: auto; 
	margin-top: 5px; 
	line-height: 1.6; 
} 

div.commentcontrol { float: right; } 
a.commentname { font-size: 1.2em; } 
img.avatar { 
	float: left; 
	clear: left; 
	margin: 0px 20px 20px 0px; 
	border: solid black 1px; 
	box-shadow: 3px 3px #333; 
	border-radius: 7px; 
} 

#webcomicsguide { 
	display: block; 
	margin-top: 10px; 
} 

.center { 
	display: block; 
	float: none; 
	margin-left: auto; 
	margin-right: auto; 
} 

.sideheader { 
	background-color: #B00000; 
	color:white; 
	padding:0.2em 0.5em 0.2em 1em; 
	margin-bottom: 15px; 
	margin-top: 15px; 
	box-shadow: 2px 2px 0 maroon; 
	font-weight: bold; 
	text-shadow: 1px 1px 0px maroon; 
} 

#layout_left > .sideheader { 
	border-radius: 0 2em 2em 0; 
	margin-right: 10px; 
} 

#layout_right > .sideheader { 
	border-radius: 2em;
} 

#layout_left > div.pod { 
	margin: 0.3em; 
	padding: 0.3em; 
	background-color: rgba(0,0,0,0.65); 
	border-radius: 0.5em; 
} 

#layout_center .addthis-smartlayers .at4-recommended h3.at-recommended-label {
	color: white; 
	text-shadow: 2px 2px 0 #900000; 
	font-size: 1.1em; 
	font-weight: bold;
} 

/* STORE */

div.Product { 
	margin: 1em 0; 
	overflow: auto; 
	height: auto; 
	clear: both; 
} 

div.Product > h5 {
	background-color: #c00;
	border-radius: 0.4em;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 1em;
	width: 364px;
	padding: 0.2em 10px;
	text-shadow: -1px 2px 0 black;
	clear: right; 
} 

img.Product { 
	float: left; 
	margin: 0 10px 0 0; 
	border: solid white 1px; 
	max-width: 230px;
} 
img.Product + img.Zoom { 
	display: none; 
	position: fixed; 
	top: 30px; 
	left: 483px; 
	max-width: 600px; 
	z-index: 5000; 
} 
img.Product:hover + img.Zoom { 
	display: block; 
} 

div.Product > div.Description { 
	display: block; 
	margin: 0 0 1em 0; 
}

div.Product > div.CartInfo { 
	position: relative; 
	margin: 0 0 10px 242px;
} 

div.Product > div.CartInfo > .Price { 
	display: inline-block; 
	margin: 0 1em 0 0; 
	font-weight: bold; 
	font-size: 1.3em; 
} 

div.Product > div.CartInfo a.ec_ejc_thkbx { 
	position:absolute; 
	right: 150px; 
} 

div.ViewCart { 
	float: none; 
	text-align:right; 
	clear: both; 
}

@media print { 
	body { 
		background: none; 
		background-color: white; 
		color: black; 
		background-attachment: scroll; 
	} 
	
	#layout_header { 
		position: relative; 
	} 
	
	iframe, #layout_left, #layout_header, #layout_nav { display: none; } 
	h2 { page-break-after: avoid; } 
	
	#layout_center { 
		position: relative; 
		width: 100%; 
		margin: 2em; 
		left: 0; 
		top: 0; 
		padding: 0; 
	} 
	
	#layout_content { 
		position: relative; 
		border: 0; 
		width: 95%; 
	} 
} 

@media print { 
}