/* COMIC NAVIGATION 
Author: Tom Fonder
Style: Happy Jar
*/

.comic_navi_wrapper {
	margin: 0 auto;
	width: 100%;
	font-size: 10px;
	vertical-align:text-top;
}

.comic_navi {
	display: inline-block;
	border-collapse: collapse;
	text-align: top;
	margin: 0 auto;
}

.comic_navi_left, .comic_navi_center, .comic_navi_right {
	vertical-align: text-top;
}

.navi-comictitle {
	padding-top: 0px;
	max-width: 100px;
}

.navi {
	width: 0px;
	padding-top: 0px;
	margin: 14px 10px 2px 10px;
	font-size: 0.9em;
	color: #555;
	display: inline-block;
}

.navi:hover {
	background-position: 0px 0;
}

.navi-first, .navi-first-in {
	width:36px;
	height:30px;
	background:url('navigation.png') no-repeat;
	background-position:0px 0px;
	margin-left:0px;
}

.navi-first:hover, .navi-first-in:hover {
	background-position: -36px 0px;
}

.navi-first:void, .navi-first-in:void {
	background-position: -72px 0px;
}

.navi-prev, .navi-prev-in {
	width:92px;
	height:30px;
	background:url('navigation.png') no-repeat;
	background-position:0px -60px;
}

.navi-prev:hover, .navi-prev-in:hover {
	background-position: -92px -60px;
}

.navi-prev:void, .navi-prev-in:void {
	background-position: -184px -60px;
}

.navi-archive, .navi-archives {
	background: url('archive.png') no-repeat;
}

.navi-buycomic {
	background: url('buycomic.png') no-repeat;
}

.navi-random {
	width:29px;
	height:30px;
	background:url('navigation.png') no-repeat;
	background-position:-108px 0px;
	margin:0px 265px;
	margin-bottom:2px;
	/* margin:0px 40px; */
}

.navi-random:hover {
	background-position:-108px -30px;
}

.navi-subscribe {
	background: url('subscribe.png') no-repeat;
}

.navi-comments {
	padding: 0;
	background: url('comments.png') no-repeat;
}

a.navi-comments span {
	display: inline-block;
	width: 44px;
	height: 44px;
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #000;
	text-indent: 0;
}

a.navi-comments span:hover {
	color: #860b04;
}

.navi-next, .navi-next-in {
	width:92px;
	height:30px;
	background:url('navigation.png') no-repeat;
	background-position: 0px -90px;
}

.navi-next:hover, .navi-next-in:hover {
	background-position: -92px -90px;
}

.navi-next:void, .navi-next-in:void {
	background-position: -184px -90px;
}

.navi-last, .navi-last-in {
	width:36px;
	height:30px;
	background:url('navigation.png') no-repeat;
	background-position:0px -30px;
	margin-right:0px;
}

.navi-last:hover, .navi-last-in:hover {
	background-position:-36px -30px;
}

.navi-last:void, .navi-last-in:void {
	background-position:-72px -30px;
}

.navi-void, .navi-void:hover {
	opacity: 0.25;
    filter: alpha(opacity=25); /* For IE8 and earlier */
    background-position-x:0px;
}