/* body styles */
body {
	margin: 4px 6px 5px;
	background-color: #000; background-image: url('bgpipes.png'); background-attachment: fixed;
}
body {
	scrollbar-face-color: #AF1800;
	scrollbar-shadow-color: #741B0D;
	scrollbar-highlight-color: #F03301;
	scrollbar-3dlight-color: #CD3301;
	scrollbar-darkshadow-color: #741B0D;
	scrollbar-track-color: #CD3301;
	scrollbar-arrow-color: #F03301;
	/*scrollbar-base-color: #AF1800;*/
} /* IE only styles */

/* text styles */
.title, .titlePub {
	background-color: #000;
	color: #FFF; font-weight: bold; font-size: large; font-family: serif; text-align: center;
}
.titleNo {
	background-color: #000;
	color: #FFF; font-weight: bold; font-size: small; text-align: center;
}
.date, .name, .email {
	background-color: #FFF;
	color: #000; font-weight: bold; font-size: small;
}
.email {
	text-align: center;
}
table.boxartinfo td {
	text-align: center;
}
table.infopanel {
	margin: 0 auto;
}
.logo {
	-moz-box-shadow: black 0 5px 1em; -webkit-box-shadow: black 0 5px 1em;
}
.date {
	font-size: xx-small; font-family: Verdana, sans-serif;
}

/* link styles */
a:link, a:visited, a:active {text-decoration: none;}
a:visited {color: #DC2A00; text-decoration: none;}
a:active {color: #741B0D; text-decoration: none;}
a:hover {color: #DC2A00; text-decoration: underline;}

a.publinkmain:link, a.publink:link, a.publinkmain:visited, a.publink:visited, a.publinkmain:hover, a.publink:hover {color: #FFF;}
a.publinkmain:active, a.publink:active {color: #DC2A00;}

.publinkmain {
	font-weight: bold; font-size: large;
}
.publink {
	font-weight: bold; font-size: medium;
}

a.devlink:link, a.devlink:visited, a.devlink:hover {color: #000;}
a.devlink:active {color: #741B0D;}
.devlink {
	font-weight: bold; font-size: x-small; font-family: serif; text-align: right;
}
a.copublink:link, a.copublink:visited, a.copublink:hover {color: #000;}
a.copublink:active {color: #741B0D;}

.copublink {
	background-color: #FFF;
	font-weight: bold; font-size: small;
}

/* TD styles */
td.alphalink a:link, td.alphalink a:visited {color: #2000C8; text-decoration: underline;}
td.alphalink a:hover, td.alphalink a:active {color: red; text-decoration: underline;}
td.alphalink {
	background-color: #FFF;
	color: #2000C8; font-weight: bold; font-size: xx-small; font-family: Verdana, monospace; text-align: center;
}
td.index, td.index2 {
	background-color: #FFF;
	font-weight: bold; font-size: small;
}
td.index2 {
	text-align: center;
}
td.dev, TD.pub {
	background-color: #FFF;
	text-align: right;
}
.table {
	padding: 0;
}
.noborder, .hidetable {
	border-collapse: collapse
}
table.hidetable {
	margin: 0 auto;
}
.hidden {
	width: 78px; height: 0;
	visibility: hidden;
}
.thumb {
	width: 75px;
	cursor: pointer;
}
.logocolor {
	height: 55px; margin: 1px 0;
	background-color: #AF1800;
	text-align: center;
}
td.icon {
	background-color: #000;
	text-align: center;
}

/* text styles */
.block {
	color: #FFF; font-weight: bold; font-size: 15px; font-family: 'Trebuchet MS', Arial, sans-serif;
}
.fineprint {
	max-width: 650px; margin: 0 auto;
	color: #FFF; font-weight: bold; font-size: 8px; font-family: Verdana, serif; text-align: center;
}

/* image styles */
img {
	border: 0 none;
	color: #FFF;
}
.temp {
	width: 353px; height: 500px;
}
.long {
	visibility: hidden;
}
img[title]:not(.thumb):not([title=""]) {
	cursor: crosshair;
}
.icon img[title], .logocolor img.logo {
	cursor: default;
}
a[title] {
	cursor: help;
}

/*
img[title]:not([title=""]):not([title="new"]):not([border="0"]) { cursor: crosshair; }
a[title] { cursor: help; }// these last two are Netscape only
img {
	cursor:expression(this.title=='new' ? 'normal' : (this.border=='0' ? 'pointer' : (this.title!='' ? 'crosshair' : '')));
}
a {
	cursor:expression(this.title!='' ? 'help' : '');
}// these last two are IE only
*/

/* icon sizes */
.logo {
	width: 220px; height: 55px;
}/* logo */
.mem {
	width: 89px; height: 65px;
}/* mem card */
.gcmem {
	width: 89px; height: 89px;
}/* gc mem card */
.con, .prog {
	width: 89px; height: 95px;
}/* con(trollers),prog scan */
.esrb {
	width: 56px; height: 78px;
}/* ratings */
.dolbys {
	width: 106px; height: 46px;
}/* dolby surround */
.dolbyp {
	width: 106px; height: 63px;
}/* dolby prologic */
.online {
	width: 85px; height: 97px;
}/* adapters */
.gba {
	width: 92px; height: 106px;
}/* gba */

/* use for mouse over clarifications
cursor:crosshair; cursor:normal; cursor:help; cursor:cross(unknown effect); cursor:pointer
cursor:crosshair (the last is used, the first if browser doesn't support second)*/

/*
<META http-EQUIV="imagetoolbar" CONTENT="no"> // html obviously // IE6 has an image toolbar that pops up on images and asks if you want to save or whathaveyou. "No" turns it off.
*/
/* (HTML) GALLERYIMG="yes"or"no" is automatic at 130 pixels wide by 130 pixels high */

/* IE displays the tooltip text as divided into lines, with a maximal line length of 50 characters  */

/* -------------------------
colors:#000000=RGB:0,0,0
colors:#731E00=RGB:115,30,0
colors:#741B0D=RGB:116,27,13
colors:#AF1800=RGB:175,24,0
colors:#B61E00=RGB:182,30,0
colors:#CD3301=RGB:205,51,1
colors:#DC2A00=RGB:220,42,0
colors:#FFFFFF=RGB:255,255,255
*/
/*scrollbar-means-color:
		  face=	broadface of scrollbar (affects bottom-right space between two scrollbars)
		shadow=	line directly surrounding scrollbar & arrow tabs
		(right side & bottom side & outline of depressed arrow tab)
	 highlight=	line same (left side & top side)
	   3dlight=	outline on outer edge of scrollbar & arrow tabs(left side & top side)
	darkshadow=	outline same (right side & bottom side)
		 track=	static area beneath scrollbar
		 arrow=	the triangle arrow
		  base=	effects all of the above, with a general color scheme based on the color input here
		  (no need for the above, except to customize individual elements)
		   ???=	the color that appears when "track" is clicked
*/
/* link CSS rule; last prevails, go with link, visited, active, hover: in that order */
/* a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
a:active MUST come after a:hover in the CSS definition in order to be effective!! */
/* The active class can come before or after the hover class, depending on what you want.

If you want the active styles to show when you mousedown on the link, you will want them to be specified after hover styles.

However, if you want hover styles to show whenever the mouse is hovering over the link, and active styles to show when a user is tabbing through the elements (one good use of active styles), then active styles should be specified before the hover styles -- it depends on your preference. */