* { margin: 0; padding: 0;}

body
{
	margin: 0 auto;
	padding: 0;
	color: black;
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
	width: 780px;
	background-image: url(assets/bg-800.gif);
	background-repeat: repeat-y;
	background-position: 50%;
	background-color: black;
}

#mast
{
	position: relative;
	width: 780px;
	height: 228px;
	background-image: url(assets/mast2.gif);
	background-repeat: no-repeat;
	background-position: 32px 4px;
}
	
#container { position: relative; width: 780px; }


li { list-style-type: none; }


#mast ul
{
	position: relative;
	top: 200px;
	display: block;
	background-color: #FFFD73;
	font-weight: bold;
	font-size: 14px;
	margin-left: 33px;
	width: 708px;
	height: 21px;
	border-color: #242317;
	border-width: 3px;
	border-style: solid;
}

#mast-buy {position: absolute; left:622px; top: 6px; border-width: 0; border-style: none;}

#mast ul li { text-transform: uppercase; }

#mast li { position: absolute; top: 2px;  }

li#home { left: 23px;  }

li#about { left: 108px; }

li#comic { left: 195px; }

li#reviews { left: 293px; }

li#blog { left: 370px; }

li#links { left: 480px; }

li#contact  { left: 560px; }

li#shop  { left: 650px; }


ul.side-nav
{
	width: 106px;
	display: block;
	background-color: #FFFf95;
	margin: -24px 0 24px 0;
	font-size: .9em;
	line-height: 1.5em;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	padding: 12px 0;
	float: right;
}

ul.side-nav	li { margin: 0 4px 0 12px; }

.side-nav li strong { display: block; margin-bottom: 4px; }

h1, h2 { margin: 24px 0 24px 63px; font-size: 18px; }

.comic-title { margin: 24px 0 0 0; text-align: center; font-weight: normal; }
	
p { margin: 0 0 12px 63px; font-size: 12px; width: 296px; line-height: 1.5em; }

.pull a  { background-color: #FFFD73; padding: 4px 4px; font-size: 15px; font-weight: bold; display: block; }

form  {margin: 0 0 12px 63px; }


#front-cover { float: right; margin: -382px 32px 12px 0;  }		/* this is for IE */
#container > #front-cover { margin: -382px 32px 12px 0;  }	 	/* this is correct */


#comic-page { position: relative; top: 9px; left: 34px; width: 712px; padding-bottom: 12px; }


#comic-nav
{
	position: relative;
	top: 10px;
	left: 0;
	width: 780px;
	height: 25px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
clear: both;
padding-top: 10px;
}


#comic-nav li
{
	text-align: center;
	display: inline;
	margin: 0 auto;
	width: 121px;	
}

#comic-nav li a
{ width: 120px; border-color: black;
	border-width: 1px;
	border-style: solid;
	padding: 6px;
	background-color: #FFFD73;
}

#comic-next {	}
#comic-previous {   }
#comic-index {   }


ul.comic-page-list { margin: 0 0 12px 63px; }

ul.comic-page-list li.alt { background-color: #FFFfc8; }

ul.comic-page-list { line-height: 14px; width: 400px; background-color: red; display: block; }

ul.comic-page-list li
{
	width: 83px;
	text-align: right;
	margin: 0 0 1px 0;
	display: block;
	background-color: #FFFd73;
	padding: 4px 8px;
}


#comic-list-container li.page-date { background-color: #FDAE4D; width: 384px; text-align: left; font-weight: bold; clear: both; }

#comic-list-container li.page-label { float: right; margin: -23px 0 0 0; width: 284px; text-align: left; } /* this is for IE */
body > #comic-list-container li.page-label { margin: -23px 0 0 0;  } 										/* this is correct */


#footer { clear:both; padding: 12px 0;  }

#footer, #footer a { color: #666; }

#footer ul
{
	margin: 0 auto;
	width: 716px;
	height: 24px;
	border-color: #999;
	border-width: 1px 0 0 0;
	border-style: solid;	
}

#footer li
{
	float: left;
	margin: 8px 16px 0 2px;
	font-family: georgia;
}

#copyright { position: absolute; right: 14px; }


a { text-decoration: none; color: black; }

a:hover { text-decoration: underline; }