@import "reset.css";
body {
	background:#152020;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:62.5%;
	line-height:normal;
	text-align:center;
}
#page {
	margin:12px auto 100px;
	position:relative;
	text-align:left;
	width:793px;
}
#comic {
	background:transparent url(../images/main_content_background.png) 0 0 no-repeat;
	height:756px;
	margin-bottom:31px;
	position:relative;
	width:793px;
}
#comic img {
	margin:20px 0 0 21px;
}
#header {
	height:40px;
	position:relative;
}
#header a.back {
	background:transparent url(../images/back_link.png) 0 0 no-repeat;
	display:block;
	float:left;
	height:31px;
	margin-left:5px;
	text-indent:-200em;
	width:78px;
}
#header a.back:hover { background-position:0 100%;}
#header a.feed {
	background:transparent url(../images/header_feed_link.gif) 0 0 no-repeat;
	display:block;
	float:right;
	height:31px;
	margin-right:5px;
	text-indent:-200em;
	width:180px;
}
#header a.feed:hover { background-position:0 100%; }
h1 {
	background:transparent url(../images/title.gif) 0 0 no-repeat;
	float:left;
	height:31px;
	left:0;
	margin:0 20px 0 5px;
	position:absolute;
	text-indent:-200em;
	top:800px;
	width:240px;
}
#navigation {
	width:720px;
	height:65px;
	
}

#navigation #First {
	
	height:57px;
	width:98px;
	margin-left:150px;
	float:left;
	
}

#navigation .ArrowFirst {
	display:block;
	background:transparent url(../images/buttons.gif) -90px 0px no-repeat;
	margin-top:25px;
	height:28px;
	text-indent:-194em;
	width:74px;
}

#navigation .ArrowFirstHidden {
	display:none;
}

#First a:hover {
	background-position: -90px -30px;
}


#navigation #Previous {
		
	height:57px;
	width:98px;	
	float:left;
}

#navigation .ArrowPrevious {
	display:block;
	margin-top:25px;
	background:transparent url(../images/buttons.gif) -180px 0 no-repeat;
	height:28px;
	text-indent:-194em;
	width:95px;
}


#navigation .ArrowPreviousHidden {
	display:none;
}

#Previous a:hover {
	background-position:-180px -30px;
}

#navigation #Archive {
		
	height:57px;
	width:98px;		
	float:left;
}

#Archive a:hover {
	background-position:0px -30px;
}

#navigation .LnkArchive {
	display:block;
	margin-top:25px;
	background:transparent url(../images/buttons.gif) 0px 0 no-repeat;
	height:28px;
	text-indent:-194em;
	width:90px;
	margin-left:6px;
}
	


#navigation #Next {
		
	height:57px;
	width:98px;	
	float:left;
}

#navigation .ArrowNext {
	display:block;
	margin-top:25px;
	background:transparent url(../images/buttons.gif) -280px 0 no-repeat;
	height:28px;
	text-indent:-194em;
	width:81px;
	margin-left:16px;
}


#Next a:hover {
	background-position:-280px -30px;
}


#navigation #Latest {
	
	height:57px;
	width:98px;	
	float:left;
}


#navigation .ArrowLatest {
	display:block;
	margin-top:25px;
	background:transparent url(../images/buttons.gif) -365px 0 no-repeat;
	height:28px;
	text-indent:-194em;
	width:85px;
	margin-left:5px;
}

#navigation .ArrowLatestHidden {
	display:none;	
	
}


#Latest a:hover {
	background-position:-365px -30px;
}



#thumbnails {
	display:block;
	margin-left:8px;
	padding-top:20px;
	position:relative;
	width:825px;
	z-index:500;
}
#thumbnails li {
	float:left;
	height:192px;
	margin-right:14px;
	width:144px;
}
#thumbnails li a, #thumbnails li div {
	background:#fff url(../images/thumb_background.png) 0 0 no-repeat;
	display:block;
	height:136px;
	text-align:center;
	width:144px;
}
#thumbnails li a:hover, #thumbnails li a.selected {background-color:#FAAF40;}
#thumbnails li a img {
	margin:3px 0 0 1px;
}
#thumbnails li div img.number {
	margin:50px auto;
}
#thumbnails li span {
	display:block;
	font-size:1.2em;
	margin-top:12px;
	text-align:center;
	width:100%;
}
#footer { 
	clear:both;
	font-size:1.2em;
	padding-top:0px;
	position:relative;
	
	text-align:center;
	
}
#footer a.link {
	position:absolute;
	background:transparent url(../images/footer_link.gif) 0 0 no-repeat;
	display:block;
	height:31px;
	top:-35px;
	left:255px;
	width:281px;
	text-indent:-194em;
}
#footer a.feed 
{
	
	color:white;
	display:block;
	height:31px;
	font-size:150%;
	
	
}

#footer img.bottomFeed
{
	position:absolute;
	top:-7px;
	left:442px;
}

background:transparent url('../images/controls_background.gif')  0 0 no-repeat;	

#footer a.feed:hover { background-position:0 100%; }
#page_top {
	background:transparent url(../images/badges.gif) 0 0 no-repeat;
	height:220px;
	left:-168px;
	position:absolute;
	top:10px;
	width:220px;
}
#page_bottom {
	background:transparent url(../images/badges.gif) 0 -220px no-repeat;
	bottom:-350px;
	height:422px;
	left:-200px;
	position:absolute;
	width:424px;
}

.season
{
	display:block;
	width:500px;
}

#BackLink
{
	color:White;
	margin-left:295px;
	font-family:Arial,sans-serif;
	font-size:175%;
	text-decoration:underline;
}