/* general */

html { margin: 0; padding: 0; }
body
{
	margin: 0; padding: 0px;
	min-width: 800px;
	color: #000; background: #304569;
	font: 11px/1.5em Helvetica, sans-serif;
	text-align: center;
}

/* navs */

#logo { color: #888; font: 40px Courier, serif; }

.inline-list {
	border: 0px solid #000;
	margin-top: 10px;
	width: 100%;
	padding: 0px;
	background: transparent;
	font-family: Helvetica, arial, sans-serif;
	}

.inline-list p {
	display: inline;
	}

.inline-list ul, .inline-list li {
	display: inline;
	margin: 0;
	padding: 10px;
	color: #004968;
	font-weight: bold;
	}
	
.inline-list a:link { color: #ff6600; margin: 4px;  border: none; font-size: 24px; text-decoration: none; }

.inline-list a:visited { color: #ff6600; margin: 4px; border: none; font-size: 24px; text-decoration: none; }

.inline-list a:hover { color: #ff64c3; margin: 4px; background-color: #555;  border: none; font-size: 24px; text-decoration: none; }

#comicnav a:link { color: #ff6600; margin: 4px;  border: none; font-size: 18px; text-decoration: none; }

#comicnav a:visited { color: #ff6600;  margin: 4px; border: none; font-size: 18px; text-decoration: none; }

#comicnav a:hover { color: #00c6ff; margin: 4px; background: none;  border: none; font-size: 18px; text-decoration: none; }

#comicnav { text-align: left; margin: 0; }

a:link { color: #000000; text-decoration: underline; }

a:visited { color: #ff6600; text-decoration: underline; }

a:hover { color: #00c6ff; text-decoration: underline; }


/* structure */

#container
{
	width: 805px;
	background: #555;
	border-left: 4px #444 solid;
	border-right: 4px #444 solid;
	margin-left: auto; 
margin-right: auto;
	}

#comic
{
	float: left;
	clear: both;
	margin: 0; padding-top: 0px;
	border-top: 4px solid #444;
	border-right: 4px solid #444;
	background: #444;
}

#strip
{
	border: 1px solid #000;
	margin: 0px;
	padding: 0px;
}

#side
{
	float: right;
	margin: 0; padding: 0;
	border: none;
	color: inherit; background: #555;
	text-align: left;
}

#header
{
	margin: 0; padding-bottom: 0px;
	text-align: left;
	border: none;
	color: ; background: #000000;
}


#header { width: 800px; margin-bottom: 0px; background: inherit; }
#comic { width: 600px; margin-right: 0px; padding: 0px;}
#archive { margin-right: 0px; padding: 2px; background: #444; color: #fff;}
#topten { margin-right: 0px; padding: 2px; background: #fff; color: #000;}
#shirts { width: 600px; margin-right: 0px;}
#side { float: right; width: 190px; }
#news { text-align: left; padding: 2px; margin: 0px; border: 0px #000 solid; background: #ddd;}
#adbar { width: 100%; height: 60px; color: #666; margin-bottom: 0px; padding-top: 0px; padding-bottom: 2px; overflow: hidden;}
#twitter_div { background: #fff; border: 1px solid #ddd}
#shirtimg ul, #shirtimg li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	font-weight: bold;
	}
	
#shirtimg p {display: inline}

.clear, #comic img { clear: both; } /* latter prop is ie5 mac png fix of doom */
#comic img { display: block; } /* safari weirdness */


/* title */

h1 {font-size: 150%}
h2 {font-size: 130%}
p {font-size: 100%}

h1 { margin: 0; padding: 0; }
#header h1 a
{
	display: block;
	width: 800px; height: 60px;
	color: inherit;
}
h1 span
{
	display: block;
	overflow: hidden;
	width: 0; height: 0;
}



/* formatting */

form, table { margin: 10px; }
h2 { font-size: 100%; }
table { margin: 2px 0; }
img, table { border: none; }
input.submit { width: 87px; height:23px; margin: 0px; padding: 0px; border: 0px:} 
td {valign: top;}


/* forms */

input
{
	width: 100%;
	margin: 10px 0 0 0; padding: 5px 0;
	border: none;
	color: #000; background: #f8f8f8;
	font: inherit;
}

/* shirt boxes */

#shirtbox2
{
	float: left;
	margin: 0; padding: 5px;
	border: 0;
	color: inherit; background: inherit;
}

#merchbg
{
	background: #e8e3cf;
	}
	
#merchbgalt
{	
	background: #e8e3cf;
	}
	
#shirtorder
{
	background-color: #003366;
	}

#returnpage
{
	padding: 10px;
	}

#navbanner
{
float: right;
margin: 0px 5px;
padding 0px;
border: 0px;
text-align: right;
color: inherit;
}