/* CSS Document */

/*=============================Tool Tip==============================*/

#tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:10px;
    width:180px;    
}
 
#tooltip .tipHeader {
    height:8px;
    background:url(images/tipHeader.gif) no-repeat;
}
 
/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}
 
#tooltip .tipBody {
    background-color:#000;
    padding:5px 5px 5px 15px;
}
 
#tooltip .tipFooter {
    height:8px;
    background:url(images/tipFooter.gif) no-repeat;
}

/*======================================================================*/

/*=============================jQuery Menu==============================*/

.jimgMenu {
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 2px solid #000;
	border:thin;
	width:876px;
	height:200px;
	overflow: hidden;
}
.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 200px;
	position: relative;
	}	
.jimgMenu ul li {
	width: 146px;
	float: center;
	display: block;
	overflow: hidden;
}
.jimgMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 1px solid #000;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 200px;
}
.jimgMenu ul li#order a {
	background: url(images/order.jpg) repeat scroll 0%; 
}
.jimgMenu ul li#title a {
	background: url(images/titles.jpg) repeat scroll 0%;
}

.jimgMenu ul li#date a {
	background: url(images/date.jpg) repeat scroll 0%; 
}
.jimgMenu ul li#group a {
	background: url(images/groups.jpg) repeat scroll 0%;
}
.jimgMenu ul li#storyarc a {
	background: url(images/arcs.jpg) repeat scroll 0%;
	border-right-style: none;
}
.jimgMenu ul li#character a {
	background: url(images/character.jpg) repeat scroll 0%;
	border-right-style: none;
}

/*============================ Rest of the Site =============================*/
body {
	margin-top: 0px;
	font-size:14px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:justify
}
.table {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
}
.table a:visited{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.table a:link{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.table a:hover{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
	color: #0099FF;
	text-decoration:none;
}
.table_number {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
.table_number a:visited{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.table_number a:link{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.table_number a:hover{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center
	color: #0099FF;
	text-decoration:none;
}
.volume_issue {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
}
.table_title {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
.copy {
	font-size:9px;
	text-align:left;
	padding: 5px;
}
.copy a:visited{
	font-size:9px;
	text-align:left;
	padding: 5px;
	text-decoration:none;
	color:#000000;
}
.copy a:link{
	font-size:9px;
	text-align:left;
	padding: 5px;
	text-decoration:none;
	color:#000000;
}
.copy a:hover{
	font-size:9px;
	text-align:left;
	padding: 5px;
	text-decoration:none;
	color: #0099FF;
}
.bottom {
	font-size:10px;
	font-weight:bold;
	text-align:right;
	padding: 5px;
}
.bottom a:visited{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	padding: 5px;
	text-decoration:none;
	color:#000000;
}
.bottom a:link{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	padding: 5px;
	text-decoration:none;
	color:#000000;
}
.bottom a:link{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	padding: 5px;
	text-decoration:none;
	color:#000000;
}
.bottom a:hover{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	padding: 5px;
	text-decoration:none;
	color: #0099FF;
}
.title {
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.title a:visited{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#000000;
}
.title a:link{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#000000;
}
.title a:link{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#000000;
}
.title a:hover{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color: #0099FF;
}
.list_title {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
	font-size:18px;
	font-weight:bold;
	text-align:right;
}
.list_title_sub {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:16px;
	text-align:left;
	color:#000000;
}
.list_title_sub a:visited{
	text-decoration:none;
	color:#000000;
}
.list_title_sub a:link{
	text-decoration:none;
	color:#000000;
}
.list_title_sub a:hover{
	text-decoration:none;
	color: #0099FF;
}
.the_list {
	font-size:18px;
	color:#006600;
	font-weight:bold;
}
.the_list2 {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:bold;
}
.the_list a:visited{
	font-size:18px;
	color:#006600;
	font-weight:bold;
	text-decoration:none;
}
.the_list a:link{
	font-size:18px;
	color:#006600;
	font-weight:bold;
	text-decoration:none;
}
.the_list a:hover{
	font-size:18px;
	color: #0099FF;
	font-weight:bold;
	text-decoration:none;
}
.issue {
	text-align:center;
}
.issue_cover {
	text-align:center;
	border:outset;
	border-color:#CCCCCC;
	border-spacing: 3px;
}
.issue_text {
	font-size:12px;
	text-align: left;
	font-weight: lighter;
	padding-top: 2px;
}
.issue_text_bold {
	font-size:12px;
	text-align: left;
	font-weight:bold;
}
.next_issue {
	text-align:center;
	font-size:12;
	font-weight:bold;
	background-color:#216E84;
	color:#FFFFFF;
	text-decoration:none;
}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	/*color: #000099;*/
	
	color: #000000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
		
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	
	color: #DDD;
}