/* CSS styles yo! Welcome to the 21st century!!!!11one */

/* global defaults */
img { border: 0; }
p { margin-top: 0; }
a { color: #666; text-decoration: none; }
body { 
  margin: 0; min-width: 900px;
  background: black; color: #0099ff;
  font: 8pt "Arial", "Helvetica", sans-serif;
}

/* AWESOME! An IE workaround! Woo! */
.ie_center { text-align: center; }

/* There are two main boxes - header, and content (which is everything under
 * the header). content is divided into the comic and the sidebar. */
#content, #header, #comic, #sidebar { 	position: relative;
		margin: 0; padding: 0; }

#header 
{ 	width: 100%;
	border-bottom:
	2px #0099ff solid; }

#content 
{ 	width: 904px;
	margin: 0 auto; }

#comic 
{ 	float: left; 
	width: 728px; 
	text-align: center; }

#bigtext 
{ 	float: left; 
	width: 708px; 
      	padding-left: 20px; 
	padding-top: 6px; 
	color: white; }

#sidebar
{ 	margin-left: 728px;
	width: 187px; }

#etsy 	    
{	padding-top: 6px; }

#newgrey
{	font-size:8pt;
	color:#000;
	z-index:1;
	align-center;
	padding:8px;}

#viewcart
{	position:relative;
	top:-3em;
	left:535px;
}


/* comic nav */
#comicnav { margin: 0 auto; }
/* Common to both navigation bars */
#headnav, #comicnav { padding: 0; font-size: 11pt; }
#headnav td, #comicnav td { border-left: 1px #0099ff solid; padding: 8px; }

/* sidebar stuff */
#comment,#links,#newstext { padding: 5px; text-align: left; }
#news,#comment { border: 2px #0099ff solid; margin-top: 4px; }
#news { background-color: #0099ff; color: black; padding: 0; }
#newstext { border: 0; }
#links { color: #aaa; border: 2px #666 dashed; margin: 4px auto 4px auto; }
#links a:link { font-weight: bold; } /* non-visited links are bold */