<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<!-- Page Metadata ************************** -->

<!-- The title of this page -->
<title>El Goonish Shive - New Reader Guide</title>

<!-- Our pages are encoded as UTF-8, in case the <xml> tag wasn't helpful enough -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- Additional metadata -->


<!-- Stylesheets **************************** -->

<link rel='stylesheet' href='/templates/home/common.css' type='text/css' />
<link rel='stylesheet' href='/templates/home/my_layout.css' type='text/css' />

<link rel="alternate" type="application/rss+xml" title="RSS"
	href="http://www.egscomics.com/rss.php" />

<!--[if IE]><link rel='stylesheet' href='/templates/home/ie.css' type='text/css' /><![endif]-->
<style type='text/css'><!--

	body { 
		background-color: #334366; 
		color: #fff; 
		font: 10pt Verdana, Arial,Helv,Helvetica,sans;
		background-repeat: no-repeat;
		background-position: top center; 
	}
	td { font: 10pt Verdana, Arial,Helv,Helvetica,sans; }
	a:link { color: #ddd; text-decoration: underline; }
	a:visited { color: #ddd; text-decoration: underline; }
	a:hover { color: #fff; text-decoration: underline; }
	a:active { color: #f66; text-decoration: underline; }
--></style>

<!-- Javascript ***************************** -->

<script type="text/javascript" src="/sys/javascript/prototype.compressed.js"></script>
<script type="text/javascript"><!--
if (typeof $ != 'function')
	$ = function(element) { return (typeof element == 'string') ? document.getElementById(element) : element; };
var ImageCache = [];
function PrecacheImage(uri) { var img = new Image; img.src = uri; ImageCache.push(img); }
--></script>

</head>

<body>

<!-- Page content *************************** -->


<div class='common_wrapper'><table align='center' class='common_wrapper2'><tbody><tr><td>
<div class='common_wrapper_size_control'><span></span></div>


<div class="m_pg_wrap">

<div class="m_head_wrap">

	<div class="m_logo">
		<a href="/"><img src="img/logo.gif" width="207" height="109" alt="El Goonish Shive" title="El Goonishshive" border="0" /></a>
	</div>

	<div class="m_leaderboard">
		<!-- Beginning of Project Wonderful ad code: -->
		<!-- Ad box ID: 31890 -->
		<script type="text/javascript">
		<!--
		var d=document;
		d.projectwonderful_adbox_id = "31890";
		d.projectwonderful_adbox_type = "5";
		d.projectwonderful_foreground_color = "";
		d.projectwonderful_background_color = "";
		//-->
		</script>
		<script type="text/javascript" src="http://www.projectwonderful.com/ad_display.js"></script>
		<noscript><map name="admap31890" id="admap31890"><area href="http://www.projectwonderful.com/out_nojs.php?r=0&amp;c=0&amp;id=31890&amp;type=5" shape="rect" coords="0,0,728,90" title="" alt="" target="_blank" /></map>
		<table cellpadding="0" border="0" cellspacing="0" width="728" bgcolor="#ffffff"><tr><td><img src="http://www.projectwonderful.com/nojs.php?id=31890&amp;type=5" width="728" height="90" usemap="#admap31890" border="0" alt="" /></td></tr><tr><td bgcolor="#ffffff" colspan="1"><center><a style="font-size:10px;color:#0000ff;text-decoration:none;line-height:1.2;font-weight:bold;font-family:Tahoma, verdana,arial,helvetica,sans-serif;text-transform: none;letter-spacing:normal;text-shadow:none;white-space:normal;word-spacing:normal;" href="http://www.projectwonderful.com/advertisehere.php?id=31890&amp;type=5" target="_blank">Ads by Project Wonderful!  Your ad here, right now: $0</a></center></td></tr><tr><td colspan="1" valign="top" width="728" bgcolor="#000000" style="height:3px;font-size:1px;padding:0px;max-height:3px;"></td></tr></table>
		</noscript>
		<!-- End of Project Wonderful ad code. -->
	</div>

</div>

<div style='clear:both;'></div>

<div class="m_menu_wrap">

	<div class="m_menu_button">
					<a href='new_reader.page' class='navimg' onmouseover='$("nav_new").src="/templates/home/nav_new_h.gif";' onmouseout='$("nav_new").src="/templates/home/nav_new.gif";'>
			<img id='nav_new' src='/templates/home/nav_new.gif' width='120' height='32' title='New Readers' alt='New Readers' border='0' />
			</a>
	</div>
	<div class="m_menu_button">
		<a href='/sketchbook' class='navimg' onmouseover='$("nav_sketchbook").src="/templates/home/nav_sketchbook_h.gif";' onmouseout='$("nav_sketchbook").src="/templates/home/nav_sketchbook.gif";'>
		<img id='nav_sketchbook' src='/templates/home/nav_sketchbook.gif' width='120' height='32' title='EGS Sketchbook' alt='EGS Sketchbook' border='0' />
		</a>
	</div>
	<div class="m_menu_button">
		<a href='/egsnp/' class='navimg' onmouseover='$("nav_egsnp").src="/templates/home/nav_egsnp_h.gif";' onmouseout='$("nav_egsnp").src="/templates/home/nav_egsnp.gif";'>
		<img id='nav_egsnp' src='/templates/home/nav_egsnp.gif' width='120' height='32' title='EGS:NP' alt='EGS:NP' border='0' />
		</a>
	</div>
	<div class="m_menu_button">
		<a href='archives.php' class='navimg' onmouseover='$("nav_archives").src="/templates/home/nav_archives_h.gif";' onmouseout='$("nav_archives").src="/templates/home/nav_archives.gif";'>
		<img id='nav_archives' src='/templates/home/nav_archives.gif' width='120' height='32' title='EGS:NP Comic Archives' alt='EGS:NP Comic Archives' border='0' />
		</a>
	</div>
	<div class="m_menu_button">
		<a href='http://community.910cmx.com/index.php?showforum=103' class='navimg' onmouseover='$("nav_forums").src="/templates/home/nav_forums_h.gif";' onmouseout='$("nav_forums").src="/templates/home/nav_forums.gif";'>
		<img id='nav_forums' src='/templates/home/nav_forums.gif' width='120' height='32' title='EGS Forums' alt='EGS Forums' border='0' />
		</a>
	</div>
	<div class="m_menu_button">
		<a href='store.page' class='navimg' onmouseover='$("nav_store").src="/templates/home/nav_store_h.gif";' onmouseout='$("nav_store").src="/templates/home/nav_store.gif";'>
		<img id='nav_store' src='/templates/home/nav_store.gif' width='120' height='32' title='EGS Store' alt='EGS Store' border='0' />
		</a>
	</div>
	<div class="m_menu_button">
		<a href='extras.page' class='navimg' onmouseover='$("nav_extras").src="/templates/home/nav_extras_h.gif";' onmouseout='$("nav_extras").src="/templates/home/nav_extras.gif";'>
		<img id='nav_extras' src='/templates/home/nav_extras.gif' width='120' height='32' title='EGS Extras' alt='EGS Extras' border='0' />
		</a>
	</div>
	<div class="m_menu_button">
		<a href='contact.page' class='navimg' onmouseover='$("nav_contact").src="/templates/home/nav_contact_h.gif";' onmouseout='$("nav_contact").src="/templates/home/nav_contact.gif";'>
		<img id='nav_contact' src='/templates/home/nav_contact.gif' width='120' height='32' title='Contact Dan Shive' alt='Contact Dan Shive' border='0' />
		</a>
	</div>


</div>

<div class="m_bodywrap">

	<div class="m_comic_wrap">

		<div class="m_comic_top">
			&nbsp;
		</div>

		<div class="m_comic_middle">
			
<div style="width:450px;text-align:left">

<big><b>New Reader Guide</b></big>

<p>
<b>Brief Description -</b> A strange comic about a group of teenagers and the bizarre, often supernatural, situations that they face. Includes a continuing storyline with non-linear joke comics on the side. WARNING: Often ignores the laws of Physics.
</p>

<p>
<b>Quick Start -</b>  To begin reading EGS from the first comic click here: <a href="/?date=2002-01-21">First EGS Comic, Published January 21, 2002</a>.
</p>

<p>
The EGS storyline is continuous, and it is recommended that the comics be read in order. The overall story is divided up into smaller parts that can be accessed from the storyline dropdown menu below the comics, or from <a href="/archives.php?arc=22&start=0">the archives</a>.
</p>

<p>
For more information, see the <a href="/faq.page">FAQ</a> or just <a href="/?date=2002-01-21">start reading!</a> ^_^
</p>

</div>

<br />
		</div>

		<div class="m_comic_bottom">
			&nbsp;
		</div>
	</div>

	<div class="m_skyscraper">
		<!-- Beginning of Project Wonderful ad code: -->
		<!-- Ad box ID: 20945 -->
		<script type="text/javascript">
		<!--
		var d=document;
		d.projectwonderful_adbox_id = "20945";
		d.projectwonderful_adbox_type = "3";
		d.projectwonderful_foreground_color = "";
		d.projectwonderful_background_color = "";
		//-->
		</script>
		<script type="text/javascript" src="http://www.projectwonderful.com/ad_display.js"></script>
		<noscript><map name="admap20945" id="admap20945"><area href="http://www.projectwonderful.com/out_nojs.php?r=0&amp;c=0&amp;id=20945&amp;type=3" shape="rect" coords="0,0,160,600" title="" alt="" target="_blank" /></map>
		<table cellpadding="0" border="0" cellspacing="0" width="160" bgcolor="#ffffff"><tr><td><img src="http://www.projectwonderful.com/nojs.php?id=20945&amp;type=3" width="160" height="600" usemap="#admap20945" border="0" alt="" /></td></tr><tr><td bgcolor="#ffffff" colspan="1"><center><a style="font-size:10px;color:#0000ff;text-decoration:none;line-height:1.2;font-weight:bold;font-family:Tahoma, verdana,arial,helvetica,sans-serif;text-transform: none;letter-spacing:normal;text-shadow:none;white-space:normal;word-spacing:normal;" href="http://www.projectwonderful.com/advertisehere.php?id=20945&amp;type=3" target="_blank">Ads by Project Wonderful!  Your ad here, right now: $5.10</a></center></td></tr></table>
		</noscript>
		<!-- End of Project Wonderful ad code. -->
	</div>

</div>

<div class="m_footer_wrap">

	<div class="m_copyright">
					<div class='copyright'>All comics, artwork, characters copyright © 2009 by Dan Shive.</div>
 <a href="/contact.page">Contact Dan Shive</a> - <a href="/privacy.page">Privacy Policy</a>
			</div>

</div>

</div>

</td></tr></tbody></table></div>






</body>

</html>