/* Global styles */

body {
	background:url(/background.gif) #000000;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	padding:0;
	margin:0;
}

a:link, a:visited {color:#ff9c00; text-decoration:none;}
a:hover {color:#ff9c00; text-decoration:underline;}

p, h2, h3 {
	margin:1em 0;
}

table.center {
	margin:0 auto;
}

td.center {
	text-align:center;
}

.right {
	float:right;
	margin:0 0 1em 1em;
}

.video {
	background:url(/video_bg.gif) center repeat-x;
	padding:10px 0;
	border-top:1px solid #551814;
	border-bottom:1px solid #551814;
	text-align:center;
}

.medtext {
	font-size:11px;
}

.smalltext {
	font-size:10px;
}

h1 {
	padding:0 0 15px 0;
	margin:0 0 1em 0;
	font-size:20px;
	color:#00ee00;
	border-bottom:1px solid #997876;
	background:url(/title_bg.gif) no-repeat top right;
}

h1.image {
	margin-bottom:0em;
}

h1.gallery {
	width:728px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
}

h2 {
	font-size:16px;
	color:#00ee00;
	border-bottom:1px dotted #997876;
	padding-bottom:2px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#00ee00;
}

.utility-links {
	text-align:right;
	font-size:11px;
}

.border, .border-right, .border-center {
	border:1px solid #00ee00;
}

.border-right {
	float:right;
	margin:0 0 1em 1em;
}

.border-center, .image-center {
	display:block;
	margin:0 auto;
}

.image-center {
	border:none;
}

.white-border {
	border:1px solid #ffffff;
}

.inline-image {
	vertical-align:middle;	
}

.box {
	font-size:11px;
	background-color:#330000;
	padding:6px;
	border:1px dotted #551814;
}

.hint-box {
	background-color:#302028;
	border:1px solid #986878;
	padding:12px;
	margin-bottom:1.5em;
}

ul {
	margin-top:1em;
	margin-bottom:1em;
}

li {
	margin-bottom:4px;
}

.transcript {
	color:#cccccc;
	padding:0 15px;
	border-left:10px solid #330000;
	margin:1.25em 0;
}

dt {
	font-weight:bold;
	color:#f46c38;
}

.green {
	color:#00ee00;
}

.orange {
	color:#ff9c00;
}

.blue {
	color:#3c9bff;
}

.yellow {
	color:#ffff00;
}

.game-intro {
	margin-right:170px;
	text-align:justify;
}

/*
.image-with-text, .image-with-text-big, .image-with-text-med {
	border:2px solid #551814;
	background:url(/table_th_bg.gif) bottom left repeat-x;
	padding:5px 5px 10px 5px;
	font-size:11px;
	color:#00ee00;
}

.image-with-text img, .image-with-text-big img, .image-with-text-med img {
	margin-bottom:8px;
	border-bottom:1px solid #551814;
}
*/

.image-with-text, .image-with-text-big, .image-with-text-med {
	background-color:#564847;
	padding:8px 10px 10px 8px;
	font-size:11px;
	color:#ffffff;
	border:1px solid #997876;
}

.image-with-text img, .image-with-text-big img, .image-with-text-med img {
	margin-bottom:8px;
	border-bottom:1px solid #551814;
	border:1px solid #997876;
}

.image-with-text {
	width:150px;
	float:right;
	margin:0 0 1em 1em;
}

.image-with-text-big {
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

.image-with-text-med {
	width:250px;
}

.story-capital {
	font-size:48px;
	color:#ff9c00;
	background:url(/video_bg.gif) top left repeat-x #330000;
	border:1px solid #551814;
	padding:0 4px;
	margin-right:8px;
	margin-top:-7px;
	float:left;
}

/* Starting from the top */

#ad {
	padding:0 5px;
	background-color:#000000;
	border-bottom:1px solid #023971;
}

#window {
	width:770px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
}

#banner1, #banner2, #banner3, #banner4 {
	height:200px;
}

#banner1 {
	background:url(/banner_top_01.jpg) no-repeat #000000;
}

#banner2 {
	background:url(/banner_top_02.jpg) no-repeat #000000;
}

#banner3 {
	background:url(/banner_top_03.jpg) no-repeat #000000;
}

#banner4 {
	background:url(/banner_top_04.jpg) no-repeat #000000;
}

/* Main page contents */

#container {
	padding:10px;
}

/* Menu styles */

#menu {
	float:left;
	width:140px;
}

.subheading {
	margin-top:4px;
	margin-bottom:4px;
}

.submenu {
	background:url(/menu_bg.gif) top right no-repeat #564847;
	border:1px solid #997876;
	margin-bottom:20px;
	padding:5px;
	font-size:11px;
	line-height:1.2em;
}

.submenu ul {
	padding:0 0 3px 0;
	margin:0;
}

.submenu ul li {
	list-style-type:none;
	padding-left:8px;
	margin:0;
}

.submenu a:link, .submenu a:visited {color:#ffffff; text-decoration:none;}
.submenu a:hover {color:#ff9c00; text-decoration:underline;}

.buttons {
	margin:10px 8px 4px 8px;
}

/* Content styles */

#toolbar {
	background:url(/top_links_bg.gif) no-repeat;
	margin-left:150px;
	padding:6px;
	font-size:11px;
	text-align:right;
	border-bottom:2px solid #000000;
	color:#551814;
}

#breadcrumb {
	background:url(/breadcrumb_bg.gif) no-repeat;
	margin-left:150px;
	padding:6px 6px 6px 28px;
	border-bottom:2px solid #000000;
	font-size:11px;
}

#content {
	background:url(/content_bg.gif) no-repeat bottom center;
	border:1px solid #551814;
	margin-left:150px;
	padding:16px;
}

.features td {
	font-size:11px;
}

.features ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.features div {
	margin:0 10px;
}

.features-images {
	border-top:1px dotted #90312a;
	border-bottom:1px dotted #90312a;
	padding:6px 0;
}

.features-images img {
	margin:0 4px;
}

.newsitem {
	margin-bottom:4em;
}

.newstitle {
	border-left:5px solid #997876;
	padding:0 5px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	color:#00ee00;
}

.newstitle a {
	color:#00ee00;	
}

.newsdate {
	font-size:10px;
	background:url(/news_date_bg.gif) no-repeat center top;
	padding:3px 3px 4px 10px;
}

/* Table styles */

table.gallery {
	border-top:1px dotted #551814;
	border-bottom:1px dotted #551814;
}

table.gallery td {
	padding:15px 5px;
	font-size:11px;
}

table.videos {
	margin-bottom:1em;
}

table.videos td {
	padding:6px 20px;
	width:130px;
	border-bottom:1px dotted #551814;
	font-size:11px;
}

table.table-with-border {
	border-top:1px solid #551814;
	border-left:1px solid #551814;
	border-right:1px solid #551814;
	margin-bottom:1em;
}

table.table-with-border td, table.table-with-border th {
	border-bottom:1px solid #551814;
	padding:6px;
	background-color:#000000;
}

table.table-with-border th {
	padding:6px;
	font-weight:bold;
	color:#00ee00;
	text-align:center;
	background:url(/table_th_bg.gif);
}

table.fan {
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid #551814;
}

table.fan td {
	padding:10px;
	border-top:1px dotted #551814;
	font-size:11px;
}

table.fan th {
	padding:5px 10px;
	font-size:11px;
	font-weight:bold;
	color:#00ee00;
	text-align:left;
	background:url(/table_th_bg.gif);
}

table.fan th a:link, table.fan th a:visited {
	color:#00ee00;
	text-decoration:underline;
} 

table.fan th a:hover {
	color:#00ee00;
	text-decoration:none;
}

table.fan div {
	padding-left:10px;
}

table.wallpaper {
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid #551814;
}

table.wallpaper td {
	padding:10px 5px;
	border-top:1px dotted #551814;
	font-size:11px;
}

table.wallpaper th {
	padding:5px 10px;
	text-align:left;
	background:url(/table_th_bg.gif);
}

table.wallpaper h3 {
	margin:0;
	text-align:center;
}

/* Game tables */

table.game-specs {
	margin-top:1em;
	margin-left:1em;
	margin-bottom:1em;
	background-image:url(/red_box_bg.gif);
	width:152px;
}

div.game-specs-label {
	margin-bottom:8px;
	border-bottom:1px dotted #90312a;
}

table.game-media {
	margin:1em 0;
}

table.game-media td {
	padding:6px 10px;
	font-size:11px;
}

table.game-media th {
	padding:0;
	text-align:left;
}

table.game-media table td {
	padding:8px;
}

table.game-media div.game-specs-label {
	margin-bottom:0;
}

table.items {
	margin-bottom:1em;
}

table.items td {
	padding:15px 10px;
	border-bottom:1px dotted #551814;
}

table.items h2, table.items h3, table.items dl {
	margin:0;
}

table.items p, table.bosses p {
	margin-bottom:0;
}

table.items th {
	padding-top:10px;
}

table.items-upgrades td {
	border-top:1px solid #551814;
	border-bottom:1px solid #551814;
	padding:10px;
}

table.bosses td {
	border:1px solid #551814;
	padding:10px;
}

table.bosses th, table.items-upgrades th {
	text-align:right;
	font-weight:normal;
	padding:10px;
	font-size:11px;
}

table.items-upgrades h2 {
	margin-top:0;
}

table.bosses h2 {
	margin-top:0;
	margin-left:175px;
}

table.bosses h2.no-left-margin {
	margin-left:0;
}

table.bosses ul {
	list-style-type:none;
	padding:0;
	padding-bottom:5px;
	margin:0 0 0 176px;
}

table.bosses ul li {
	display:inline;
	padding-right:6px;
	margin:0;
}

table.bosses ul li img {
	margin-bottom:7px;
}

.boss-specs {
	margin-bottom:1.5em;
}

.boss-specs strong {
	color:#3c9bff;
}

/* Image Galleries */

.gallery-image {
	background-color:#000000;
	border:1px solid #023971;
	padding:8px;
}

.gallery-table {
	padding:4px;
	font-size:11px;
}

.thick-border {
	border:3px solid #00ee00;
	padding:3px;
}

/* Footer styles */

#spacer {
	padding-top:70px;
}

#footer-spacer {
	clear:both;
}

#toolbar-footer {
	background:url(/bottom_links_bg.gif) no-repeat;
	margin-left:150px;
	padding:6px 32px 6px 6px;
	text-align:right;
	font-size:11px;
}

#footer {
	clear:both;
	font-size:11px;
	background:url(/footer_bg.gif) repeat-x #000000;
	border-top:10px solid #000000;
	height:100px;
}

#footer-text {
	background:url(/footer_sprite.gif) no-repeat right bottom;
	width:770px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
}

#copyright {
	float:left;
	padding-left:10px;
	padding-top:32px;
}