/******************** GENERAL STYLES ********************************/

* { margin: 0; padding: 0; border: 0; }

body { background-color: black; }

#wrapper 
{
	width: 755px;
	margin: 0 auto;
	text-align: center;
	color: white;
}

h2 { padding: 5px; font-size: 180%; line-height: 200%; }

/******************** HEADER STYLES ********************************/
/*****HEADER WAS 188px Height, that has been changed to 165*****/

#header { width: 755px; height: 165px; position: relative; overflow: hidden; }

#comicheader { float: left; }

#comictitle { float: left; }

#headerlinkslist 
{ 
	list-style-type: none; 
	display: inline; 
	width: 607px; height: 41px;
}

#headerlinkslist a { text-decoration: none; display: block; float: left; height: 41px;  }
#headerlinkslist li { float: left; }
#headerlinkslist img { float: left; }

#aboutlink { width: 135px; background-image: url('../images/aboutlink.jpg'); }
#forumlink {  width: 144px; background-image: url('../images/forumlink.jpg'); }
#extraslink { width: 163px; background-image: url('../images/extraslink.jpg'); }
#linkslink { width: 165px; background-image: url('../images/linkslink.jpg'); }

#aboutlink:hover { background-image:url('../images/aboutlinkro.jpg'); }
#forumlink:hover { background-image:url('../images/forumlinkro.jpg'); }
#extraslink:hover { background-image:url('../images/extraslinkro.jpg'); }
#linkslink:hover { background-image:url('../images/linkslinkro.jpg'); }

#radar { width: 148px; float: right; }

/******************** FRONT PAGE STYLES ********************************/

#comic { float: left; width: 755px; }

.navigationdiv { width: 755px; }

.navigationdiv ul
{
	list-style-type: none;
	display: inline;
}

.navigationdiv ul a { text-decoration: none; }
.navigationdiv ul li { float: left; }
.navigationdiv ul img { float: left; }

/* styles for facebook icons, etc in center of page */
#resources { padding: 10px; clear: both; }

#authorblog
{
	float: left;
	width: 368px;
	margin-bottom: 10px;
        margin-right: 5px;
}

#authortitle 
{ 
	background: url('../images/authoricon.jpg') 0 0 no-repeat; 
	height: 100px; padding-left: 120px;
	text-align: left;
	line-height: 100px;
}

#artistblog
{
	float: right;
	width: 367px;
	margin-bottom: 10px;
        margin-right: 5px;
}

#artisttitle 
{ 
	background: url('../images/artisticon.jpg') 0 0 no-repeat; 
	height: 100px; padding-left: 120px;
	text-align: left;
	line-height: 100px;
}

#authorblog p, #artistblog p { margin-bottom: 10px; text-align: left; }

.icon
{
	float: left; width:
}


/******************** ABOUT / EXTRAS PAGE STYLES ********************************/

.columnsdiv
{
	clear: both; 
	margin-top: 10px;
	background: url('../images/columns.jpg') 0 0 repeat-y;
	text-align: left;
}

#linksdiv
{
	clear: both;
	margin-top: 10px;
	background: #96aeb2;
	text-align: left;
	padding: 10px;
}

#linksdiv a { color: #cdfffd; font-weight: bold; text-decoration: none; }
#linksdiv a:hover { text-decoration: underline; }
#linksdiv p { padding: 10px 0; }

.leftcol 
{ 
	float: left;
	width: 480px; padding: 10px;
}

.rightcol 
{ 
	float: right;
	width: 225px; padding: 10px; margin-left: 10px;
}

.clearer { clear: both; }

#casttable { border-collapse: collapse; }
#casttable td { padding: 5px;  }

.thumbnail { width: 100px; }

/******************** ARCHIVE PAGE STYLES ********************************/

#archivediv 
{ 
	clear: both; 
	margin-top: 10px; padding: 10px;
	background-color: #96aeb2;
	text-align: left;
}

#archivediv a
{
	text-decoration: none; 
	font-size: 120%; 
	line-height: 150%; 
	color: #cdfffd; 
	margin-right: 20px; 
}

#archivediv h3 { font-size: 150%; }

#archivediv a:hover { color: white; }

/******************** FOOTER STYLES ********************************/

#footer { clear: both; width: 755px; background-color: black; }
#footer p { padding: 10px; color: rgb(60%,60%,60%); }