/* COMIC NAVIGATION 
Author: Dylan Meconis & Tyler Martin
Style: Family Man
*/

#sidebar-comicleft .navi, #sidebar-comicright .navi {
width: 70px;
height: 156px;
padding: 0;
margin: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
}

#sidebar-comicleft .navi-prev, #sidebar-comicright .navi-prev  {
background: url('comic-prev.jpg') no-repeat;
}

#sidebar-comicleft .navi-next, #sidebar-comicright .navi-next {
background: url('comic-next.jpg') no-repeat;
}

#sidebar-comicleft .navi:hover, #sidebar-comicright .navi:hover  {
background-position: -70px 0;
}

#sidebar-comicleft .navi-void, #sidebar-comicleft .navi-void:hover, #sidebar-comicright .navi-void, #sidebar-comicright .navi-void:hover  {
background-position: -140px 0;
}

#sidebar-comicleft #comic_navi_wrapper {
padding: 280px 0 0 0;
float: right;
}

#sidebar-comicleft #comic_navi_wrapper {
width: 70px;
float: right;
}

#sidebar-comicleft #comic_navi, #sidebar-comicright #comic_navi {
margin: 0;
}

#comic_navi {
display: table;
border-collapse: collapse;
margin: 0 auto;
}

.navi {
height: 45px;
float: left;
display: block;
text-indent: -9999px;
overflow: hidden;
background: url('navigation.jpg') no-repeat;
}

.navi-first {
width: 115px;
}

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

.navi-first.navi-void {
background-position: 0 -90px;
}

.navi-prev {
width: 180px;
background-position: -115px 0;
}

.navi-prev:hover {
background-position: -115px -45px;
}

.navi-prev.navi-void {
background-position: -115px -90px;
}

.navi-next {
width: 130px;
background-position: -295px 0;
}

.navi-next:hover {
background-position: -295px -45px;
}

.navi-next.navi-void {
background-position: -295px -90px;
}

.navi-last {
width: 153px;
background-position: -425px 0;
}

.navi-last:hover {
background-position: -425px -45px;
}

.navi-last.navi-void {
background-position: -425px -90px;
}