/* pagewide elements */

body 
{
	background-color: #808080;
	background-image: url(i/newbar/bkgcolor.png);
	color: white;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0; padding: 0;
}

body.mnemesis
{
	background-color: black;
	background-image: none;
}

img
{
border: 0;
}

h1, h2, h3, h4
{
	font-family: Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
}

h1
{
	font-family: Arial Black, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0;
	line-height: 22px;
}

h2
{
	font-family: Arial Black, sans-serif;
	font-size: 18px;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1pt;
}

h3
{
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #6ca;
	margin: 0px 0 4px 10px;
	letter-spacing: 0pt;
}

h4
{
	font-family: Arial, sans-serif;
	font-size: 9px;
	line-height: 10px;
	text-transform: uppercase;
	color: #6ca;
	font-weight: normal;
	margin: -2px 0 0 0;
	letter-spacing: 1pt;
}

p+h4
{
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	border-color: #999;
	border-style: dashed;
	border-width: 1px 0 0 0;
}

h3+p+h4
{
	margin: -2px 0 4px 0;
	padding: 0 0 2px 0;
	border-color: #999;
	border-style: dashed;
	border-width: 0 0 1px 0;
}

h4+h4
{
	margin: 2px 0 0 0;
}

#anIndent
{
	margin-left: 10px;
}

ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 2px 0 12px 0; padding: 0;
}

li.hi
{
	color: #faa;
}

li.lo
{
	color: #aaf;
}

table
{
	margin: 0 0 10px 0; padding: 0;
	width: 400px;
}

th
{
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
	color: #bbb;
}

tr
{
	vertical-align: top;
}

td.alb
{
	width: 250px;
}

td.year
{
	width: 75px;
}

td.rating
{
	width: 75px;
}

td.band
{
	width: 150px;
}

td.review
{
	width: 150px;
}

td.date
{
	width: 100px;
}

td.band2
{
	width: 200px;
}

td.reviews
{
	width: 100px;
}

td.rating2
{
	width: 100px;
}

/* basic link styles */

a { color: #cfd; text-decoration: none; }
a:link { color: #cfd; }
a:visited { color: #cfd; }
a:hover { color: #8fb; }
a:focus { color: #8fb; }
a:active { color: #fff; }

/* main divs */

div#theContainer 
{
	position: relative;
	margin-top: 128px;
	padding: 10px;
	width: 688px;
}

div#theArt_spork
{
	position: relative; margin-left: auto; margin-right: auto;
	width: 274px;
	height: 47px;
	background-image: url(i/logo_spork.png);
}

div#theArt_og
{
	position: relative; margin-left: auto; margin-right: auto;
	width: 300px;
	height: 46px;
	background-image: url(i/logo_og.gif);
}

div#theArt_rho
{
	position: relative; margin-left: auto; margin-right: auto;
	width: 151px;
	height: 72px;
	background-image: url(i/logo_rho.gif);
}

div#theArt_mnemesis
{
	position: relative; margin-left: auto; margin-right: auto;
	width: 185px;
	height: 80px;
	background-image: url(i/logo_mnemesis.png);
}

div#theArt_agl
{
	position: relative; margin-left: auto; margin-right: auto;
	width: 160px;
	height: 50px;
	background-image: url(i/logo_agl.jpg);
}

div#theComic
{
	position: relative; margin-left: auto; margin-right: auto;
	width: 680px;
	margin: 0 0 10px 0;
}

div#theEpisode
{
	text-align: center;
}

div#theArt_spork h1, div#theArt_og h1
{
	display: none;
}

div#theLeaderboard
{
	position: relative;
	margin: 0 auto 1.5em;
	width: 728px;
}

div#theContent
{
	background-color: #666;
	margin: 0px;
	padding: 10px;
}

div.anEntry 
{
	background-color: #333;
	width: 440px;
	padding: 15px 20px 15px 20px;
	margin: 0 0 10px 0;
}

div#theDisclaimer
{
	font-size: 9px;
	color: #333;
	margin: 20px 0 0 40px;
}

div#theOuterBar 
{
	width: 100%;
	height: 128px;
	position: absolute;
	top: 0; left: 0;
	background-image: url(i/newerbar/barcolor.png);
	background-repeat: x-repeat;
}

div#theBar 
{
	position: relative;
	left: 30px;
	background: transparent;
	width: 100%;
	height: 128px;
	background-image: url(i/newerbar/bar.png);
	background-repeat: no-repeat;
}

div#theAd
{
	position: absolute; 
	width: 160px; 
	top: 350px; left: 720px;
	overflow: hidden;
}

div#thePWBannerAd
{
	position: relative;
	margin: 0 auto 1.5em;
	width: 480px;
}

div#theAd.articlesColumn
{
	top: 20px; left: 520px;
}

div#theAd table td
{
	width: 160px;
	text-align: left;
}

div#theAd table center
{
	width: 100px;
	text-align: left;
}

body.mnemesis div#theAd {
	border: 2px solid white;
}

body.agl div#theEpisode {
	margin: 1em 0;
}

div.aNavbar
{
	position: relative;
	margin-left: auto; margin-right: auto;
	width: 347px;
	height: 46px;
}


.storynav {
	position: relative;
	width: 347px; margin: 7px auto 0 auto;
	text-align: center;
}

div.aNavbar div, div#theBar div
{
	position: absolute;
}

div.aNavbar a, div#theBar a
{
	padding:0;
	margin:0;
	left:0px; top:0px;
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	display: block;
}

#theComments {
	background-color: #999;
	padding: 1em 1.5em;
	margin: 2em 1em 0;
}

#theComments p { margin: 1em 0; }
#theComments div { margin: .5em 0; }
#theComments h3 button { font-size: 12px; }
#theComments h4 { font-size: 11px; margin: 1em 0; color: black; }
#theComments h3 button:hover { color: #444; }
#theCommentResponse { font-weight: bold; margin: 1em 0; }

.aComment
{
	margin: 1em 0;
	padding: .7em 1em;
	background-color: #aaa;
	color: black;
}

.aPostDateLine
{
	font-style: italic;
	float: right;
}

.aPosterLine
{
	font-weight: bold;
}

#bar3 { width:100px; height:81px; top: 30px; left: 363px; }	
#bar3 a { width:100px; height:81px;
	background-image: url("i/newerbar/bar_li_03.png"); }	
#bar3 a:hover { width:100px; height:81px;
	background-image: url("i/newerbar/bar_ho_03.png"); }

#bar4 { width:94px; height:81px; top: 30px; left: 463px; }	
#bar4 a { width:94px; height:81px;
	background-image: url("i/newerbar/bar_li_04.png"); }	
#bar4 a:hover { width:94px; height:81px;
	background-image: url("i/newerbar/bar_ho_04.png"); }

#bar5 { width:148px; height:81px; top: 30px; left: 557px; }	
#bar5 a { width:148px; height:81px;
	background-image: url("i/newerbar/bar_li_05.png"); }	
#bar5 a:hover { width:148px; height:81px;
	background-image: url("i/newerbar/bar_ho_05.png"); }

#bar8 { width:126px; height:64px; top: 47px; left: 215px; }	
#bar8 a { width:126px; height:64px;
	background-image: url("i/newerbar/bar_li_08.png"); }	
#bar8 a:hover { width:126px; height:64px;
	background-image: url("i/newerbar/bar_ho_08.png"); }
	
#bar10 { width:105px; height:64px; top: 47px; left: 705px; }	
#bar10 a { width:105px; height:64px;
	background-image: url("i/newerbar/bar_li_10.png"); }	
#bar10 a:hover { width:105px; height:64px;
	background-image: url("i/newerbar/bar_ho_10.png"); }
	
#bar11 { width:88px; height:17px; top: 111px; left: 215px; }	
#bar11 a { width:88px; height:17px;
	background-image: url("i/newerbar/bar_li_11.png"); }	
#bar11 a:hover { width:88px; height:17px;
	background-image: url("i/newerbar/bar_ho_11.png"); }
#bar11 a:active { width:88px; height:17px;
	background-image: url("i/newerbar/bar_ac_11.png"); }
	
#bar12 { width:81px; height:17px; top: 111px; left: 303px; }	
#bar12 a { width:81px; height:17px;
	background-image: url("i/newerbar/bar_li_12.png"); }	
#bar12 a:hover { width:81px; height:17px;
	background-image: url("i/newerbar/bar_ho_12.png"); }
#bar12 a:active { width:81px; height:17px;
	background-image: url("i/newerbar/bar_ac_12.png"); }
	
#bar13 { width:71px; height:17px; top: 111px; left: 384px; }	
#bar13 a { width:71px; height:17px;
	background-image: url("i/newerbar/bar_li_13.png"); }	
#bar13 a:hover { width:71px; height:17px;
	background-image: url("i/newerbar/bar_ho_13.png"); }
#bar13 a:active { width:71px; height:17px;
	background-image: url("i/newerbar/bar_ac_13.png"); }
	
#bar14 { width:101px; height:17px; top: 111px; left: 455px; }	
#bar14 a { width:101px; height:17px;
	background-image: url("i/newerbar/bar_li_14.png"); }	
#bar14 a:hover { width:101px; height:17px;
	background-image: url("i/newerbar/bar_ho_14.png"); }
#bar14 a:active { width:101px; height:17px;
	background-image: url("i/newerbar/bar_ac_14.png"); }


.antesubs1 { width:163px; height:24px; top: 0px; left: 0px;
	background-image: url("i/antesubs_li_01.png");}	
.antesubs1off { width:163px; height:24px; top: 0px; left: 0px;
	background-image: url("i/antesubs_no_01.png"); }
.antesubs1 a { width:163px; height:24px;
	background-image: url("i/antesubs_li_01.png"); }	
.antesubs1 a:hover { width:163px; height:24px;
	background-image: url("i/antesubs_ho_01.png"); }
.antesubs1 a:active { width:163px; height:24px;
	background-image: url("i/antesubs_ac_01.png"); }
	
.antesubs2 { width:184px; height:24px; top: 0px; left:163px;
	background-image: url("i/antesubs_li_02.png");}	
.antesubs2off { width:184px; height:24px; top: 0px; left:163px;
	background-image: url("i/antesubs_no_02.png"); }
.antesubs2 a { width:184px; height:24px;
	background-image: url("i/antesubs_li_02.png"); }	
.antesubs2 a:hover { width:184px; height:24px;
	background-image: url("i/antesubs_ho_02.png"); }
.antesubs2 a:active { width:184px; height:24px;
	background-image: url("i/antesubs_ac_02.png"); }
	
.antesubs3 { width:61px; height:22px; top: 24px; left: 72px;
	background-image: url("i/antesubs_li_03.png"); }
.antesubs3off { width:61px; height:22px; top: 24px; left: 72px;
	background-image: url("i/antesubs_no_03.png"); }
.antesubs3 a { width:61px; height:22px;
	background-image: url("i/antesubs_li_03.png"); }	
.antesubs3 a:hover { width:61px; height:22px;
	background-image: url("i/antesubs_ho_03.png"); }
.antesubs3 a:active { width:61px; height:22px;
	background-image: url("i/antesubs_ac_03.png"); }
	
.antesubs4 { width:164px; height:22px; top: 24px; left: 61px;
	background-image: url("i/antesubs_li_04.png"); }	
.antesubs4off { width:164px; height:22px; top: 24px; left: 61px;
	background-image: url("i/antesubs_no_04.png"); }
.antesubs4 a { width:164px; height:22px;
	background-image: url("i/antesubs_li_04.png"); }	
.antesubs4 a:hover { width:164px; height:22px;
	background-image: url("i/antesubs_ho_04.png"); }
.antesubs4 a:active { width:164px; height:22px;
	background-image: url("i/antesubs_ac_04.png"); }
	
.antesubs5 { width:122px; height:22px; top:24px; left: 133px;
	background-image: url("i/antesubs_li_05.png"); }
.antesubs5off { width:122px; height:22px; top:24px; left: 133px;
	background-image: url("i/antesubs_no_05.png"); }
.antesubs5 a {  width:122px; height:22px;
	background-image: url("i/antesubs_li_05.png"); }	
.antesubs5 a:hover { width:122px; height:22px;
	background-image: url("i/antesubs_ho_05.png"); }
.antesubs5 a:active { width:122px; height:22px;
	background-image: url("i/antesubs_ac_05.png"); }