/*
Theme Name: Sonic Wrecks v6.WP
Theme URI: http://www.aquaticcommunity.com/news/lib/category/blog
Description: A clean simple SEO optimized 3 column green theme. The theme has two widget ready sidebars and gravatar support. Features a bio box that can be edited independently of the side bars. Theme is fully compatible with WordPress 2.6. 
Author: ArchangelUK
Author URI: 
Tags: valid CSS, white, green, black, 3 columns, 3 column, three column, three columns, fixed width, widget, widget ready, simple, right sidebar, left sidebar, valid CSS  bio box, gravatar support, gravatar, minimalistic, funky,
Version: 1.2
License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

*/


html{
	SCROLLBAR-FACE-COLOR: #B70000;
	SCROLLBAR-HIGHLIGHT-COLOR: #CC3333;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #000000;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR: #CC3333;
		margin: 0px;
		padding:0px;

}

body { 	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 9px;
	PADDING-BOTTOM: 0px;
	MARGIN: auto;
	COLOR: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/background.png);
	background-color: #242424;
	background-attachment:fixed;
 	 	 }
 	img 	{ border:0px;}
 	a img { border:0px;}
	
 	a {
	color: #FFFFFF;
	cursor: hand;
	border: 0;
	text-decoration: underline;
	font-size: 10px;

}

a:hover {
	color: #FFFF00;
	text-decoration: underline;
	cursor: hand;
}
 	
	
	.corner { width:240px;
	
	
 						height:205px;
 						background-image:url(images/corner.jpg);
 	 		 			background-repeat:no-repeat;
 	 		 		}
 	.main { width:785px;
 			  }
		

			  
/* 	.content 	 { 
 							 float:left;
 							 position:absolute;
 							 left:165px;
 							 top:230px;
						 }*/
 	.bigsw  {
	
	width:832px;
	height:131px;
	background-image:url(images/bigsw.png);
	background-repeat:no-repeat;
	padding-bottom: 2px;
	
 						 }
 	.menu 		 { width: 585px;
 							 height: 50px;
							 position:absolute;
 							 left: 208px;
 							 top: 155px; 
 						 }
  .leftmenu  {
	width: 140px;
	position:absolute;
	left:10px;
	top:205px;
/*	background-image: url(images/background.gif);*/
	background-repeat:repeat-y
  					 }
  .sidebar1 {
	width: 200px;
	position:absolute;
	left:817px;
	top:230px;
	BORDER-LEFT: #000000 1px solid;
	PADDING-LEFT: 5px;
	
			}
 	
	  		 							
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

img.avatar 
{
	height: 50px;
	width: 50px;
	float: left;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.comments ul
{
	
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.comments li
{
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: italic;
	list-style-type: none;
	margin: 0px 0px 12px 0px;
	padding: 5px 7px 7px 7px;
	color: #FFFFFF;
	background-color: #000000;
}




#content h1
{
	font-family: Arial, Helvetica, sans-serif;

	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	padding: 2px;
}
}
#content h1 a
{
	color: #FF0000;
	font-size: 24px;
}
#content.bookmarks ul
{
	margin: 0px 0px 18px 0px;
	padding: 0px;
}
#content.bookmarks li
{
	line-height: 140%;
	list-style-type: none;
	margin: 0px 0px 14px 0px;
	padding: 0px;
}
#content.bookmarks li a
{
	font-size: 1.1em;
	margin-right: 6px;
}
#content.bookmarks h2
{
	color: #4C944B;
}
#content .post
{
	margin-bottom: 12px;
	padding-bottom: 12px;
}
#content .postmeta
{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 90%;
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
}
#content .postmeta h4, #content .postmeta p
{
	font-size: 1.0em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}
#content .post p.wp-caption-text
{
	font-size: 0.8em;
	line-height: 135%;
	margin: 0px;
	padding: 3px 0px;
	text-align: center;
}
#content .post div.alignleft
{
	border: 1px #ccc dotted;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}
#content .post div.aligncenter
{
	border: 1px #ccc dotted;
	clear: both;
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#content .post div.alignright
{
	border: 1px #ccc dotted;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}
#content .post .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img
{
	margin: 5px;
	padding: 0px;
}
.content-bot
{
	
	border-top: 1px dotted #ccc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.content-bot a, .content-bot a:hover
{
	margin: 2px 10px;
}



p, h1, h2, h3, h4, h5, h6, h7
{
	margin-bottom: 17px;
	margin-top: 0px;
}
p, #content li
{
	line-height: 145%;
}
p.small
{
	font-size: 85%;
}
blockquote
{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 15px 15px 15px;
	padding: 10px 10px 5px 10px;
}
h1, h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
}
h1 a, h2 a
{
	color: #FF0000;
	text-decoration: none;
}
h1
{
	font-size: 12px;
	padding-bottom: 1px;
}
h2
{
	font-size: 1.3em;
}


#sidebar-wrapper
{
	display: inline;
	float: right;
	overflow: hidden;
	padding: 0px 0px 10px 10px;
	width: 160px;
}


#sidebar-wrapper h2, #sidebar-left h2, #sidebar-right h2
{
	color: #4C944B;
	margin-bottom: 12px;
}
#sidebar-wrapper h2, #sidebar-left h2 a, #sidebar-right h2 a
{
	color: #4C944B;
	text-decoration: none;
}
#sidebar-wrapper h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img
{
	display: none;
}
#sidebar-wrapper ul, #sidebar-left ul, #sidebar-right ul
{
	border-top: 1px dotted #4C944B;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

#sidebar-wrapper li, #sidebar-left li, #sidebar-right li
{
	
	list-style-type: none;
	margin: 0px;
	padding: 3px 0px;
	width: 200px;
}
#sidebar-wrapper li a, #sidebar-left li a, #sidebar-right li a
{
	text-decoration: none;
}
#sidebar-wrapper li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover
{
	color: #CCCCCC;
}

#sidebar-wrapper2
{
	display: inline;
	float: right;
	overflow: hidden;
	padding: 0px 0px 10px 10px;
	width: 130px;
}

#sidebar-wrapper2 h2, #sidebar-left h2, #sidebar-right h2
{
	color: #000000;
	margin-bottom: 12px;
}
#sidebar-wrapper2 h2, #sidebar-left h2 a, #sidebar-right h2 a
{
	color: #000000;
	text-decoration: none;
}
#sidebar-wrapper2 h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img
{
	display: none;
}
#sidebar-wrapper2 ul, #sidebar-left ul, #sidebar-right ul
{
	border-top: 1px dotted #000000;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

#sidebar-wrapper2 li, #sidebar-left li, #sidebar-right li
{
	
	list-style-type: none;
	margin: 0px;
	padding: 3px 0px;
	width: 200px;
}
#sidebar-wrapper2 li a, #sidebar-left li a, #sidebar-right li a
{
	text-decoration: none;
}
#sidebar-wrapper2 li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover
{
	color: #CCCCCC;
}
#topnav
{
	
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
	width: 960px;
}
#topnav .left
{
	display: inline;
	float: left;
}
#topnav p
{
	margin-bottom: 0px;
	padding: 10px 0px;
}
#topnav ul
{
	margin: 0px;
	padding: 0px;
}
#topnav li
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px;
}
#topnav li a
{
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	color: #222;
	padding: 10px;
	text-decoration: none;
}
#topnav li a:hover
{
	background: #4C944B;
	border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	color: #fff;
	padding: 10px;
}


#footer {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 15px;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 3px;
	FONT-FAMILY: Tahoma;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/footer_bg.png);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	position: absolute;
	width:950px;
	visibility: visible;
	font-size:10px;
	text-align:left;
	bottom: auto;
}
.foot_logo {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 5px;
	FLOAT: right;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	background-image: url(images/footer_logo.png);
	height: 52px;
	width: 98px;
	background-repeat: no-repeat;
}

<!-- OLD! -->

html{
	SCROLLBAR-FACE-COLOR: #B70000;
	SCROLLBAR-HIGHLIGHT-COLOR: #CC3333;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #000000;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR: #CC3333;
}

BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 9px;
	PADDING-BOTTOM: 0px;
	MARGIN: auto;
	COLOR: #fff;
	PADDING-TOP: 4px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/backgrounds.php);
	background-color: #242424;
	
}
.page {
	BORDER-RIGHT: #333333; 3px solid;
	BORDER-TOP: #333333; 0px solid;
	MARGIN: auto;
	BORDER-LEFT: #333333; 3px solid;
	WIDTH: 950px;
	height:auto;
	BORDER-BOTTOM: #333333; 3px solid;
	TEXT-ALIGN: left;
	/*background: url(images/leftcolumn.png);*/
	
	}
	
.page-alt {
	BORDER-RIGHT: #333333; 3px solid;
	BORDER-TOP: #333333; 0px solid;
	MARGIN: auto;
	BORDER-LEFT: #333333; 3px solid;
	WIDTH: 950px;
	height:auto;
	BORDER-BOTTOM: #333333; 3px solid;
	TEXT-ALIGN: left;
	
	}
#quicknav {
}
#quicknav a {
	cursor: hand;
}
#quicknav a:hover {
	cursor: hand;

}
#logostrip {
	WIDTH: 739px;
	HEIGHT: 200px;
	margin-left: 235px;
	z-index: 98;
	background-image: url(images/logos.php);
	background-attachment: scroll;
	background-repeat: no-repeat;
}
#quotestrip {
	FONT-SIZE: 12px;
	WIDTH: 350px;
	HEIGHT: auto;
	TEXT-ALIGN: center;
	font-family: Calibri;
	font-weight: bold;
	color: white;
	font-style: italic;
	BACKGROUND-IMAGE: url(images/content_bg.jpg);
	vertical-align: middle;	
	
} 
#quotestrip-alt {
	FONT-SIZE: 12px;
	WIDTH: 350px;
	HEIGHT: auto;
	TEXT-ALIGN: center;
	font-family: Calibri;
	font-weight: bold;
	color: white;
	font-style: italic;
	margin-left: 600px;
	margin-top: -155px;
	z-index: 50;
} 


#leftlogo {
	WIDTH: 393px;
	HEIGHT: 359px;
	margin-top: -120px;
	z-index: 100;
	margin-left: -30px;
	background-image: url(images/leftlogos.php);
	background-repeat: no-repeat;
	background-attachment:scroll;
}

#top-bg {
	WIDTH: 950px;
	HEIGHT: 220px;
	z-index: 0;
	background-image: url(images/top-bg.png);

}

#menu-rss {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
#menu-feeds {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 8px; TEXT-ALIGN: right
}
#menu-main {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; WIDTH: 600px; COLOR: #ddd; PADDING-TOP: 8px; FONT-FAMILY: 'Lucida Grande', Verdana
}
#content-table {
	WIDTH: 100%; z-index: 0;
}
#main {
	VERTICAL-ALIGN: top;
	WIDTH: 550px;
	COLOR: #333;
}
#content {
	PADDING-RIGHT: 15px; BORDER-TOP: transparent 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 20px; LINE-HEIGHT: 140%; PADDING-TOP: 0px
}
.subicon_shadow {
	Z-INDEX: 1; margin-TOP: -`0px; POSITION: absolute;
	width:50px;
	height:50px;
	background: url(images/sublogo_shadow.png);
}
.subicon_sonic {
	Z-INDEX: 1; margin-TOP: -`0px; POSITION: absolute;
	width:50px;
	height:50px;
	background: url(images/sublogo_sonic.png);
}
.subicon_angelus {
	Z-INDEX: 1; margin-TOP: -`0px; POSITION: absolute;
	width:50px;
	height:50px;
	background: url(images/sublogo_angelus.png);
}


.subpageheader {
	PADDING-LEFT: 40px;
	padding-bottom: 2px;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(images/content_bg.jpg);
	COLOR: #fff;
	POSITION: relative;
	HEIGHT: 12px;
	width: 90%;
	vertical-align: middle;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px;
	border: 2px groove #8C0000;
	margin-right: auto;
	margin-left: auto;
}
.subpageheader a {

	color: #FFFFFF;
	cursor: hand;
	font-weight: bold;
	text-transform: uppercase;
	FONT-SIZE: 11px;
}
.subpageheader a:hover {
	color: #FFFF00;
	cursor: hand;
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
	FONT-SIZE: 11px;
}

#leftbar {
	VERTICAL-ALIGN: top;
	WIDTH: 160px;

}
#leftbar-a {
/*		background-image: url(images/leftcolumn.png);*/
}
#rightbar {
/*	BACKGROUND: url(images/leftcolumn.png);*/
	VERTICAL-ALIGN: top;
	WIDTH: 160px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#barcontent {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}

#footer {
	CLEAR: both;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 15px;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 3px;
	FONT-FAMILY: Tahoma;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/footer_bg.png);
	background-repeat: repeat-x;
	background-position: 0% 0%;
}
.foot_logo {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 5px;
	FLOAT: right;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	background-image: url(images/footer_logo.png);
	height: 52px;
	width: 98px;
	background-repeat: no-repeat;
}

.title {
	BORDER-RIGHT: #000066 1px solid; BORDER-TOP: #000066 1px solid; BACKGROUND-IMAGE: url(../../imgbin/header.gif); BORDER-LEFT: #000066 1px solid; COLOR: #ffcc00; BORDER-BOTTOM: #000066 1px solid
}
a {
	color: #FFFFFF;
	cursor: hand;
	border: 0;
	text-decoration: underline;
	font-size: 10px;

}

a:hover {
	color: #FFFF00;
	text-decoration: underline;
	cursor: hand;
}



/*News*/
.news {
	border: thin groove #000000;
	margin-top: 1px;
	width: 100%;
	background-image: url(images/content_bg.jpg);
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	vertical-align:middle;
	padding-top: 2px;
}

.headline a{
	color: #FF0000;
	text-decoration:none;
	cursor: hand;
	font-size: 15px;
}

.headline a:hover{
	color: #FFFFFF;
	font-size: 15px;
}

.newscontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 2px;
	}
	
.newscontent a {

	color: #FFFF00;
	cursor: hand;
	font-size: 11px;
}
.newscontent a:hover {
	color: #FFFF00;
	cursor: hand;
	text-decoration: underline;
	font-size: 11px;

}

.newswho {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	padding: 2px;

}

.newsbyline, .newsend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: ridge;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #BD1620;
	border-right-color: #BD1620;
	border-bottom-color: #BD1620;
	border-left-color: #BD1620;
	text-align: right;
	font-size: 9px;
	background-image: url(images/content_bg.png);
}
.newsend a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #FFFFFF;
	cursor: hand;
	font-size: 9px;
}
.newsend a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #FFFF00;
	cursor: hand;
	text-decoration: underline;
	font-size: 9px;

}

/* Here beginneth the news dividers */
/*Text Required for the tags is /imgbin/spacer.gif" class="dividerSWNews" */

.dividerSWNews {
	background-image: url(images/divider_tails.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}

.dividerCommunity {
	background-image: url(images/divider_amy.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}

.dividerRedux {
	background-image: url(images/divider_angelus.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}

.dividerComic {
	background-image: url(images/divider_shadow.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}

.dividerVault {
	background-image: url(images/divider_eggman.png);
	background-repeat: no-repeat;

	height: 30px;
	width: 471px;
}
.dividerCompetition {
	background-image: url(images/divider_super.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}
.dividerTechnical {
	background-image: url(images/divider_knux.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}
.dividerDepository {
	background-image: url(images/divider_sonic.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}
.dividerReview {
	background-image: url(images/divider_vector.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 471px;
}

/* Here beginneth the Navigation Formating */

.navtable {
	width: 140px;
	margin-left: 12px;
	margin-top: -2px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-image: url(images/nav_bg.png);
	background-repeat: repeat-y;
	font-size:10px;
}

.navsw {
	background-image: url(images/nav_sw.png);
	background-repeat: no-repeat;
	width: 187px;
	height: 32px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.navrr {
	background-image: url(images/nav_rr.png);
	background-repeat: no-repeat;
	width: 187px;
	height: 32px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.navdep {
	background-image: url(images/nav_dep.png);
	background-repeat: no-repeat;
	width: 187px;
	height: 32px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.navvlt {
	background-image: url(images/nav_vlt.png);
	background-repeat: no-repeat;
	width: 187px;
	height: 32px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}
.navforth {
	background-image: url(images/forth_bg.png);
	width: 139px;
	height: 29px;
	background-position: top;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.forth {
	background-image: url(images/nav_bg.png);
	background-position:top;
	background-repeat:repeat-y;
	background-color: #1E1E1E;
	width: 139px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

.navtopics {
	background-image: url(images/topics_bg.png);
	width: 139px;
	height: 29px;
	background-position: top;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.topics {
	background-image: url(images/nav_bg.png);
	background-position:top;
	background-repeat:repeat-y;
	background-color: #1E1E1E;
	width: 139px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 12px;
}



.nextrr {
	background-image: url(images/nextrr_bg.png);
	background-repeat: no-repeat;
	background-position:top;
	background-color: #1E1E1E;
	width: 139px;
	height: 106px;
	text-align: left;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 33px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	vertical-align: top;
	font-size: 9px;
}
.eonlogon{
	background-image: url(images/eonlogon_bg.png);
	background-repeat: no-repeat;
	background-color: #1E1E1E;
	width: 139px;
	text-align: left;
	margin-bottom: 5px;
	padding-top: 30px;
	padding-bottom:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
		margin-right: auto;
	margin-left: auto;
}
.pageid {
	height: 17px;
	background-color: #272727;
	margin-top: -4px;
	border-top: thin none #FFFFFF;
	border-right: thin none #FFFFFF;
	border-bottom: thin groove #FFFFFF;
	border-left: thin none #FFFFFF;
	background-image: url(images/pageid.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: bottom;
	font-style: normal;
	position: static;
	padding-top: -10px;
	padding-right: 10px;
	padding-left: 90px;
	padding-bottom: 1px;
	text-align: left;
}

*.pageid a {
	color: #FFFFFF;
	cursor: hand;
	text-decoration: underline;
}
.pageid a:hover {
	color: #FFFF00;
	text-decoration: underline;
	cursor: hand;
}
.idarrow {
	width: 6px;
	height: 7px;
	background-image: url(images/idarrow.gif);
	background-repeat: no-repeat;
	border: none;
	margin: 0px;
	padding: 0px;
}
.navaffs {
	background-image: url(images/nav_affs.png);
	background-repeat: no-repeat;
	width: 187px;
	height: 32px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}
.navhot {
	background-image: url(images/hot_bg.png);
	background-repeat:no-repeat;
	width: 139px;
	height: 29px;
	background-position: top;
	vertical-align: top;
	margin-bottom: 0px;
	padding-bottom:1px;

}
.affs {
	background-image: url(images/nav_bg.png);
	background-position:top;
	background-color: #1E1E1E;
	width: 139px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
}
.hot {
	background-image: url(images/nav_bg.png);
	background-position:top;
	background-color: #1E1E1E;
	width: 139px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.cnotesnav {
	background-image: url(images/comicnav_bg.png);
	background-repeat:no-repeat;
	width: 139px;
	height: 29px;
	background-position: top;
	vertical-align: top;
	margin-bottom: 1px;

}
.navcnotes {
	background-image: url(images/cnotes_bg.png);
	background-repeat:no-repeat;
	width: 139px;
	height: 29px;
	background-position: top;
	vertical-align: top;
	margin-bottom: 0px;
	padding: 0px;
}
.cnotes {
	background-image: url(images/nav_bg.png);
	background-position:top;
	background-color: #1E1E1E;
	width: 139px;
	text-align:center;
	margin-bottom: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 10px;
}
.content-item{
	border: thin groove #1E1E1E;
	text-align: left;
	background-color: #333333;
	font-size:10px;
	color:#FFFFFF;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;

}

.content-text{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;

}

.item-table {
	border-width: thin;
	border-spacing: 1px;
	border-style: groove;
	border-color: #1E1E1E;
	background-color: #333333;
	border-collapse: collapse;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	font-size: 10px;
	

}
.item-table td {
	border-width: 1px;
	padding: 2px;
	border-style: ridge;
	border-color: #1E1E1E;
	background-color: #333333;
}


.navbg {
	background-image: url(images/nav_bg.png);
}
.navtwitter {

	background-image: url(images/twitter_bg.png);
	width: 139px;
	height: 29px;
	background-position: top;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.twitter {
	background-image: url(images/nav_bg.png);
	background-position:top;
	background-repeat:repeat-y;
	background-color: #1E1E1E;
	width: 139px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}
.twitter_update_list{
	padding-top: 3px;
	padding-bottom: 3px;
	width: 130px;
}

.comments h2{
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 2px;
	font-weight:bold;
	border-bottom:groove medium #000000;
}

form#commentform, form#commentform a {
color: #FFFFFF;
font-size:12px;
}

form#commentform a:hover {
color:#FFFF00;
font-size:12px;
}


form#commentform textarea {
background-color: #333333;
border-color:#666666;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:540px;
margin-left: 4px;
margin-right:auto;

}

form#commentform p input#submit {

border-color:#666666;
background-color: #333333;
color:#FFFFFF;

}