/* general */

html { margin: 0; padding: 0; }
body
{
	margin: 0; padding: 0px;
	min-width: 900px;
	color: #000; background: #102c51;
	font: 12px/1.5em Helvetica, sans-serif;
	text-align: left;
}

/* 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: #ff2e8b;
	font-weight: bold;
	}
	
.inline-list a:link { color: #ff2e8b; margin: 4px;  border: none; font-size: 24px; text-decoration: none; }

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

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

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

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

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

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

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

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

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

/* ad slideshow */

div #slideshow { text-align: center; margin-left: 50px;}
#slideshow img { display: none }
#slideshow img.first { display: block }

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

/* structure */

#container
{
	width: 900px;
	background: #333;
	border: 4px #000 solid;
	margin-left: auto; 
margin-right: auto;
	}

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

#strip
{
	border: 4px solid #000;
	margin-left: -4px;
	padding: 0px;
}

#side
{
	float: right;
	margin: 0; padding: 0;
	border: 4px #000;
	color: inherit; background: #333;
	text-align: center;
}

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

#bulletin {width: 100%; font: 14px #ffffff;}
#header { width: 900px; margin-bottom: 0px; background: inherit; }
#comic { width: 600px; margin-right: 0px; padding: 0px;}
#archive { margin-right: 0px; padding: 2px; background: #000; color: #fff;}
#topten { margin-right: 0px; padding: 2px; background: #fff; color: #000;}
#shirts { width: 600px; margin-right: 0px;}
#side { float: right; width: 220px; }
#news { text-align: left; padding: 4px; margin: 0px; background: #fff; width: 595px;}
#adbar { width: 100%; height: 60px; color: #000; 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: 900px; 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;
}