@charset "utf-8";
/* CSS Document */

#comic_header {
	width: 720px;
	padding: 4px 5px;
	margin: 10px 22px 0px 20px;
	font-size: 100%;
	color: #FFF;
	background-color: #2B2B2B;
}
#comic_header_www {
	width: 730px;
	height: 5px;
	margin: 10px 22px 0px 20px;
	background-color: #2B2B2B;
}
#comic {
	width: 100%;
	text-align: center;
}
#comic_footer {
	width: 720px;
	height: 20px;
	padding: 4px 5px 3px 5px;
	margin: 0px 22px 0px 20px;
	font-size: 100%;
	color: #FFF;
	background-color: #2B2B2B;
}
.share_facebook {
	display: block;
	float: left;
	width: 57px;
	height: 20px;
	margin: 0px 2px;
	background: url('../images/site/share_facebook.png') bottom;
}
.share_facebook:hover {
	background-position: 0 0;
}
.share_tumblr {
	display: block;
	float: left;
	width: 65px;
	height: 20px;
	margin: 0px 2px;
	background: url('../images/site/share_tumblr.png') bottom left no-repeat;
}
.share_tumblr:hover {
	background-position: 0 0;
}
.share_stumbleupon {
	display: block;
	float: left;
	width: 77px;
	height: 20px;
	margin: 0px 2px;
	background: url('../images/site/share_stumbleupon.png') bottom;
}
.share_stumbleupon:hover {
	background-position: 0 0;
}
.share_pinterest {
	display: block;
	float: left;
	width: 56px;
	height: 20px;
	margin: 0px 2px;
	background: url('../images/site/share_pinterest.png') bottom;
}
.share_pinterest:hover {
	background-position: 0 0;
}
#comic_nav {
	width: 730px;
	height: 72px;
	margin: 0px 0px 0px 20px;
	position: relative;
}
.cn_thumb {
	display: block;
	float: left;
	width: 170px;
	height: 72px;
	padding: 0px 6px;
	opacity: 0.2;
	filter: alpha(opacity=20); /* For IE8 and earlier */
	background-position: 0px -24px;
	background-size: 182px;
	background-repeat: no-repeat;
	font-size: 200%;
	text-align: center;
}
.cn_first, .cn_previous, .cn_next, .cn_random, .cn_first a, .cn_previous a, .cn_next a, .cn_random a, .cn_previous_none, .cn_next_none {
	display: block;
	float: left;
	width: 182px;
	height: 72px;
	z-index: 10;
}
.cn_first {
	background: url('../images/site/cn_first.png') bottom;
	position: absolute;
	top: 0;
	left: 0;
}
.cn_previous {
	margin-right: 2px;
	background: url('../images/site/cn_previous.png') bottom;
	position: absolute;
	top: 0;
	left: 182px;
}
.cn_previous_none {
	margin-right: 2px;
	background: url('../images/site/cn_previous.png') top;
	position: absolute;
	top: 0;
	left: 182px;
}
.cn_next {
	background: url('../images/site/cn_next.png') bottom;
	position: absolute;
	top: 0;
	left: 364px;
}
.cn_next_none {
	background: url('../images/site/cn_next.png') top;
	position: absolute;
	top: 0;
	left: 364px;
}
.cn_random {
	background: url('../images/site/cn_random.png') bottom;
	position: absolute;
	top: 0;
	left: 546px;
}

.cn_first:hover, .cn_previous:hover, .cn_next:hover, .cn_random:hover {
	background-position: 0 0;
}

#comic_text {
	display: none;
}
hr {
  border: 1px solid #2B2B2B;
  width: 728px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}