body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #3c1e50;
	background-image: url('graphics/images/bg_tile.gif');
	background-repeat: repeat-x;
	background-position: top center;
}

#container {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background-image: url('graphics/images/comicrelated_bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	min-width: 980px;
}
#page {
	margin: 0 auto;
	text-align: left;
	width: 980px;
	padding: 0;
}
#contentContainer {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 840px;
	background-color: #ffffff;
	background-image: url('graphics/images/content_outline.gif');
	background-repeat: repeat-y;
	background-position: top left;
	float: right;
	display: inline;
}
#contentContainerHome {
	margin: 0 0 10px 0;
	padding: 0px 0px 0px 0px;
	width: 840px;
	background-color: #ffffff;
	background-image: url('graphics/images/content_outline_w_sidebar.gif');
	background-repeat: repeat-y;
	background-position: top left;
	float: right;
	display: inline;
}
#contentHome {
	width: 840px;
	background-image: url('graphics/images/content_bottom_w_sidebar.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}
#content {
	width: 800px;
	background-image: url('graphics/images/content_bottom.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px;
}
#header {
	padding: 0;
	width: 980px;
	height: 110px;
	float: left;
	display: inline;
}
#header #headerAd {
	height: 60px;
	width: 468px;
	padding: 30px 10px 0 0;
	margin: 0px;
	float: right;
	display: inline;
}

/* NAVIGATION */
#navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 50px;
	display: inline;
	float: right;
}
#navigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 50px;
	float: left;
	display: inline;
}
#navigation a {
	height: 50px;
	line-height: 8px;
	color: #b84573;
	display: block;
	font-size: 1px;
	float: left;
	text-align:center;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
	display: inline;
}
#navigation a:hover {
	background-position: 0px -50px;
}
#navigation #nav_news a {
	width: 75px;
	background-image: url(graphics/images/nav_news.gif);
}
#navigation #nav_columns a {
	width: 103px;
	background-image: url(graphics/images/nav_columns.gif);
}
#navigation #nav_reviews a {
	width: 97px;
	background-image: url(graphics/images/nav_reviews.gif);
}
#navigation #nav_blogs a {
	width: 77px;
	background-image: url(graphics/images/nav_blogs.gif);
}
#navigation #nav_community a {
	width: 127px;
	background-image: url(graphics/images/nav_community.gif);
}
#navigation #nav_resources a {
	width: 116px;
	background-image: url(graphics/images/nav_resources.gif);
}
#navigation #nav_sketch a {
	width: 116px;
	background-image: url(graphics/images/nav_sketch.gif);
}
#navigation #nav_search {
	line-height: 50px;
	vertical-align:middle;
	height: 50px;
	width: 235px;
	background-image: url(graphics/images/nav_searchbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0 0 0 10px;
	float: left;
	display: inline;
}
#nav_search #searchField {
	width: 140px;
	height: 18px;
	line-height: 18px;
	border: 2px solid #3c1e5a;
	vertical-align: middle;
	margin: 13px 0 0 0;
	padding: 1px;
	float: left;
	color: #777777;
	display: inline;
}
#nav_search #searchButton {
	float: left;
	margin: 11px 0px 0px 6px;
	display: inline;
}

/* ADS column*/
#adsColumn {
	background-image: url(graphics/images/sponsors.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 45px 0 0 0;
	width: 136px;
	float: left;
	margin: 0;
	display: inline;
}
#ads {
	float: left; /* since this element is floated, a width must be given */
	width: 122px;
	padding: 4px 7px 0 7px;
	background-color: #000000;
	background-image: url(graphics/images/adbar_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: inline;
}
#ads a img {
	margin-bottom: 8px;
	border: 1px solid #FFFFFF;
}

/* HOMEPAGE Splash Area */
#splash {
	width: 840px;
	height: 240px;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	float: left;
	display: inline;
	background-color: #000000;
}
#featured_module {
	height: 226px;
	width: 496px;
	padding: 0;
	margin: 6px;
	float: left;
	color: #FFFFFF;
	background-repeat:no-repeat;
	background-position:top left;
	display: inline;
	z-index: 0;
}
#featured_module #textContainer {
	width: 476px;
	height: 62px;
	padding: 10px 10px 0 10px;
	margin: 155px 0 0 1px;
	background-image: url('graphics/images/black_70percent.png');
	background-repeat: repeat;
	background-position: top left;
	vertical-align:bottom;
	z-index: 2;
	position: absolute;
	border: 0;
}
#featured_module p {
	padding: 0px;
	margin: 6px 0 0 0;
	line-height: 14px;
	font-size: 12px;
}
#featured_module a {
	color: #ffffff;
	border-bottom: 1px solid #bdeb4a;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	margin: 0;
	line-height: 20px;
}
#featured_module a:hover {
	color: #bdeb4a;
	border-bottom: 1px solid #bdeb4a;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	margin: 0;
}
#featured_module a.featured_image {
	position: absolute;
	z-index: 1;
	height: 226px;
	width: 496px;
	padding: 0;
	margin: 0;
	border: 0;
}
#featured_module a.featured_image img {
	border: 1px solid #3c3c3c;
	padding: 0;
	margin: 0;
}
#featured_module a.featured_image:hover img {
	border: 1px solid #bdeb4a;
}

#featured_headlines {
	height: 240px;
	width: 330px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}

/* HOMEPAGE Splash Area - Featured Headlines */
#featured_headlines .newsitem {
	width: 318px;
	height: 71px;
	min-height: 0;
	border-bottom: 1px solid #262626;
	float: left;
	margin: 6px 0 0 2px;
	display: inline;
}
#featured_headlines .newsitem p {
	padding: 0px;
	margin: 0 0 5px 0;
	line-height: 14px;
}
#featured_headlines .newsitem a img  {
	border: 1px solid #555555;
	float: left;
	margin: 0 7px 0 0;
	padding: 1px;
	display: inline;
}
#featured_headlines .newsitem a:hover img {
	border: 1px solid #bdeb4a;
}
#featured_headlines .newsitem a {
	color: #ffffff;
	border-bottom: 1px solid #bdeb4a;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	margin: 0;
}
#featured_headlines .newsitem a:hover {
	color: #bdeb4a;
	border-bottom: 1px solid #bdeb4a;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	margin: 0;
}

/* HOMEPAGE Headlines Area */
#newsContent {
	width: 510px;
	margin: 0;
	padding: 0;
	background-image: url('graphics/images/sidebar_roundedcorner.gif');
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
	display: inline;
}
#newsHeader {
	height: 30px;
	width: 490px;
	border-bottom: 1px solid #b2b2b2;
	margin: 10px;
	line-height: 30px;
	padding: 0 0 10px 0;
	float: left;
	display: inline;
}
#newsContent .footer {
	margin: 10px;
	padding: 0px;
	text-align: right;
	display: block;
	clear: both;
}
#newsHeader a {
	color: #000000;
	text-decoration: underline;
}
#newsHeader a:hover {
	color: #ffb236;
	text-decoration: underline;
}
.headlineImage {
	text-align: left;
	float: left;
	display: inline;
}

/* HOMEPAGE Headlines Entries */
.newsitem {
	width: 240px;
	border-bottom: 1px solid #d9d9d9;
	margin: 0 0 6px 10px;
	float: left;
	padding: 0px;
	display: inline;
	height: 88px;
}

.newsitem p {
	padding: 0px;
	margin: 0 0 5px 0;
	line-height: 13px;
}
.newsitem a img  {
	border: 2px solid #000000;
	float: left;
	margin: 0 7px 24px 0;
	display: inline;
}
.newsitem a:hover img {
	border: 2px solid #bdeb4a;
}
.newsitem a {
	color: #78003c;
	border-bottom: 1px solid #ffb236;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin: 0;
}
.newsitem a:hover {
	color: #ffb236;
	border-bottom: 1px solid #78003c;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

/* HOMEPAGE Podcast Entries */
.podcastitem {
	width: 240px;
	border-bottom: 1px solid #ffffff;
	float: left;
	display: inline;
	color: #FFFFFF;
	padding: 4px;
	background-image: url('graphics/images/podcast_box_top.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin: -4px -4px 2px 6px;
	height: 88px;
}
.podcastitem p {
	padding: 0px;
	margin: 0 0 5px 0;
	line-height: 13px;
}
.podcastitem a img  {
	border: 0px solid #ffffff;
	float: left;
	margin: 0 7px 24px 0;
	padding: 2px;
	display: inline;
}
.podcastitem a:hover img {
	border: 1px solid #ffb236;
	padding: 1px;
}
.podcastitem a {
	color: #ffffff;
	border-bottom: 1px solid #ffb236;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin: 0;
}
.podcastitem a:hover {
	color: #ffb236;
	border-bottom: 1px solid #ffb236;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin: 0;
}

/* SIDEBAR and its many lovely boxes */
#sidebar {
	width: 310px;
	padding: 0 10px 0 10px;
	float: right;
	display: inline;
}
.box {
	width: 310px;
	margin: 0 0 10px 0;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: top left;
}
.boxbottom {
	width: 290px;
	padding: 10px;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.box .header {
	height: 30px;
	line-height: 30px;
	width: 290px;
	display: block;
	padding: 0;
	margin: 0 0 6px 0;
}
.box .header .bullet_rss {
	font-weight: normal;
	border: 0;
	font-size: 12px;
	text-decoration: underline;
}
.box .subhead {
	font-size: 11px;
	margin: 0 0 6px 0;
	line-height: 11px;
}
.box .content {
	padding: 0 5px 5px 5px;
}
.box .col1 {
	width: 140px;
	float: left;
	display: inline;
}
.box .col2 {
	width: 130px;
	float: left;
	display: inline;
}
.box .col1 a {
	border: 0;
}
.box .col1 a img {
	border: 1px solid #000000;
}
.box .col1 a:hover img {
	border: 1px solid #bdeb4a;
}



.box .footer {
	margin: 0;
	text-align: right;
	display: block;
	clear: both;
}
#box-RelatedResources {
	background-color:#78003c;
	background-image: url(graphics/images/box_RelatedResources_top.jpg);
}
#box-RapidFireNews {
	background-color:#d77d32;
	background-image: url(graphics/images/box_RapidFireNews_top.jpg);
}
#box-Podcasts {
	background-color:#1e78c8;
	background-image: url(graphics/images/box_Podcasts_top.jpg);
}
#box-Webcomics {
	background-color:#960000;
	background-image: url(graphics/images/box_Webcomics_top.jpg);
}
#box-HotShot {
	background-color:#5a7d1e;
	background-image: url(graphics/images/box_HotShot_top.jpg);
}
/*
#box-HotShot {
	background-color:#960000;
	background-image: url(graphics/images/box_HotShot_top.jpg);
}
#box-FeaturedSite {
	background-color:#5a7d1e;
	background-image: url(graphics/images/box_FeaturedSite_top.jpg);
}
*/
#box-About {
	background-color:#78003c;
	background-image: url(graphics/images/box_About_top.jpg);
}

#box-RelatedResources .boxbottom {
	background-image: url(graphics/images/box_RelatedResources_bottom.gif);
}
#box-RapidFireNews .boxbottom {
	background-image: url(graphics/images/box_RapidFireNews_bottom.gif);
}
#box-Podcasts .boxbottom {
	background-image: url(graphics/images/box_Podcasts_bottom.gif);
}
#box-Podcasts .player {
	margin: 10px 0 10px 0;
}
#box-Podcasts #recentshows h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#box-Podcasts #recentshows a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#box-Webcomics .boxbottom {
	background-image: url(graphics/images/box_Webcomics_bottom.gif);
}
#box-Webcomics .col1 {
	width: 90px;
	float: left;
	display: inline;
}
#box-Webcomics .col2 {
	width: 180px;
	float: left;
	display: inline;
}
#box-Webcomics .col1 a {
	border: 0;
}
#box-Webcomics .col2 p {
	margin-bottom: 4px;
}
#box-Webcomics .col1 a img {
	border: 1px solid #000000;
	margin: 0 0 10px 0;
}
#box-Webcomics .col1 a:hover img {
	border: 1px solid #bdeb4a;
}
#box-Webcomics h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
}
#box-Webcomics #recentcomics {
	border-top: 2px solid #570000;
	border-bottom: 2px solid #570000;
	padding: 6px;
}
#box-Webcomics #recentcomics div {
	float:left;
	width: 200px;
	padding: 0;
	margin: 0;
}
#box-Webcomics #recentcomics a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#box-Webcomics #recentcomics span {
	float: right;
	display: inline;
	width: 60px;
	font-size: 12px;
	font-weight: normal;
	padding-top: 2px;
}
#box-HotShot .boxbottom {
	background-image: url(graphics/images/box_HotShot_bottom.gif);
}
#box-FeaturedSite .boxbottom {
	background-image: url(graphics/images/box_FeaturedSite_bottom.gif);
}
#box-About .boxbottom {
	background-image: url(graphics/images/box_About_bottom.gif);
}
.box p {
	padding: 0;
	margin: 0;
	line-height: 15px;
}
.box a {
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	text-decoration: none;
	border-bottom: 1px solid #bdeb4a;
}
.box a:hover {
	color: #bdeb4a;
}


/* FOOTER */
#footer {
	padding: 0;
	width: 840px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}
#footer p {
	margin: 0;
	padding: 6px 0;
	text-align: center;
}
#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #bdeb4a;
}

/* Miscellaneous Formatting */
form {
	margin: 0px;
	padding: 0px;
}
.right {
	float: right;
	line-height: 30px;
	text-align:right;
	white-space: nowrap;
	display: inline;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a.bullet_rss {
	padding: 4px 0px 2px 17px;
	background: url('graphics/images/bullet_rss.gif') left center no-repeat;
}
a.bullet_pdf {
	text-align: left;
	color: #292929;
	line-height:16px;
	text-decoration: none;
	padding: 4px 0px 2px 17px;
	background: url('graphics/images/bullet_pdf.gif') left center no-repeat;
}
a.bullet_bubble {
	padding: 4px 0px 3px 20px;
	background: url('graphics/images/bullet_bubble.gif') left center no-repeat;
	border: 0;
	text-decoration: underline;
	font-size: 13px;
	line-height: 18px;
}
h1, h1 a,  h1 a:hover {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 1px;
	display: inline;
	height: 110px;
	width: 480px;
	color: #000000;
	text-decoration: none;
}

a.button {
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 10px;
	margin: 0;
	background: url('graphics/images/button_left.gif') left top no-repeat;
	color: #FFFFFF;
	display: inline-block;
	float: right;
	border: 0;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	display: inline;
	font-size: 13px;
}
a.button span {
	height: 24px;
	line-height: 24px;
	padding: 0 10px 0 0;
	margin: 0;
	background: url('graphics/images/button_right.gif') right top no-repeat;
	display: inline-block;
	border: 0;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
}
a.button:hover {
	background-position:left -24px;
	color: #000000;
	font-size: 13px;
}
a.button:hover span {
	background-position:right -24px;
	color: #000000;
}
h2 {
	font-size: 20px;
	font-weight: bold;
	color: #3C1E50;
	margin: 0 0 0 0;
	padding: 0;
}

#content p {
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0;
}
#content img.imageLeft {
	margin: 0px 10px 10px 0px;
	float: left;
	display: inline;
	border: 1px solid #000000;
}
#content img.imageRight {
	margin: 0px 0px 10px 10px;
	float: right;
	display: inline;
	border: 1px solid #000000;
}
#content a {
	font-weight: bold;
	color: #78003c;
}
#content a:hover {
	color: #ffb236;
}