/* COMIC NAVIGATION 

Author: Tyler Martin

Style: Silver

*/



#comic_navi_wrapper {

	display: table;

	border-collapse: collapse;

	text-align: center;

	margin: 0px auto;

}



.navi-comictitle {

	text-align: center;

	padding-top: 26px;

	max-width: 100px;

}



.navi {

	width: 50px;

	padding: 50px 0 0 0;

	display: inline-block;

	overflow: hidden;

	font-size: 10px;

	text-align: center;

	color: #555;

	float: left;

}



	.navi:hover {

		background-position: -50px 0;

	}



.navi-first {

	background: url('first.png') no-repeat;

}



.navi-prevchap, .navi-story_prev {

	background: url('prevchap.png') no-repeat;

}



.navi-story_prev_in {

	background: url('prevchap.png') no-repeat;

}



.navi-prev, .navi-previous {

	margin-right: 7px;

	background: url('prev.png') no-repeat;

}



.navi-prev-in, .navi-previous-in {

	background: url('prev-in.png') no-repeat;

}



.navi-comments, .navi-archive, .navi-random, .navi-buyprint {

	margin: 0 3px;

}



.navi-buyprint {

	border: none;

	cursor: pointer;

	background: url('buyprint.png') no-repeat;

}



	.navi-buyprint:hover, button .navi-buyprint:hover {

		background: url('buyprint.png') no-repeat;

		background-position: -50px 0;

		color: #f00;

	}



	.navi-buyprint-form {

		width: 57px;

		display: inline-block;

		margin: 0;

		padding: 0;

		}



.navi-archive, .navi-archives {

	background: url('archive.png') no-repeat;

}



.navi-random {

	background: url('random.png') no-repeat;

}



.navi-comments {

	padding: 0;

	background: url('comments.png') no-repeat;

}



	a.navi-comments span {

		display: inline-block;

		width: 50px;

		height: 50px;

		font-size: 13px;

		font-weight: bold;

		line-height: 57px;

		color: #c5c5c5;

	}

	

		a.navi-comments span:hover {

			color: #860b04;

			}

	

.navi-next {

	margin-left: 7px;

	background: url('next.png') no-repeat;

}



.navi-next-in {

	background: url('next-in.png') no-repeat;

}



.navi-nextchap, .navi-story_next {

	background: url('nextchap.png') no-repeat;

}



.navi-story_next_in {

	background: url('nextchap.png') no-repeat;

}



.navi-last {

	background: url('last.png') no-repeat;

}



.navi-void, .navi-void:hover {

	color: #999;

	background-position: -99px 0;

}