/* =============================================
Produced for NIS America - Spectral Souls MiniSite
http://www.nisamerica.com
http://www.nisamerica.com/games/ss/
Author(s): Lisa La
================================================ */

/* Content */
div#content{
	background-color: #2b1a35;
	border-top: 1px solid #5c4362;
	color: #fff;
	font-size: 80%;
	float: left;
	line-height: 150%;
	margin-bottom: 2px;
	min-height: 417px;
	/*padding: 10px;*/
	position: relative;

}
/* HP Content */
div.content_hp{
	background: url(imgs/bg_hp.jpg) no-repeat;
	background-position: 0px 0px;
	height: 453px;
	width: 744px;
}
	div#news_update{
		background-color: #5c4362;
		border: 1px #5c4362 solid;
		margin-top: 32%;
		margin-left: 2%;
		overflow: auto;
		height: 200px;
		width: 250px;
	}
		.n_update{
			color: #FBFFAE;
			font-size: 85%;
			font-weight: bold;
			margin-top: 5px;
			
		}
		h3#h_newsupdate{
			background-color: #2b1a35;
			background-image: url(imgs/newsupdate.jpg);
			background-position: 0px 5px;
			background-repeat: no-repeat;
			font-size: 120%;
			height: 30px;
			padding: 2px;
			text-indent: -999999px;
		}
		div#news_update dl{
			padding: 5px;
		}
			div#news_update dl dt{
				border-bottom: 2px solid #2b1a35;
				color: #c59168;
				font-size: 110%;
				font-weight: bold;
				margin-top: 10px;
				padding-bottom: 3px;
			}

/* Story Content */
div.content_sty{
	background: url(imgs/bg_sty.jpg) no-repeat;
	background-position: 170px 0px;
	width: 744px;
}
	/* Content Inside for Story */
	h2#h_sty{
		background-image: url(imgs/h_sty.jpg);
		background-repeat: no-repeat;
		height: 50px;
		margin-top: 40px;
		margin-left: 40px;
		text-indent: -999999px;
	}
	div.content_sty p{
		margin-left: 40px;
		margin-bottom: 20px;
		width: 340px;
	}

/* Character Content */
div.content_char{
	background: url(imgs/bg_characters.gif) repeat-y;
	background-position: -2px 0px;
	padding-bottom: 20px;
	padding-left: 40px;
	width: 704px;
}

	/* Content Inside for Story */
	.army_blurb {
		color: #FBF78C;
		font-size: 120%;
		margin-left: 100px;
		width: 250px;
	}
	/* Simba */
		h2#h_charsim{
			background-image: url(imgs/h_charsim.jpg);
			background-repeat: no-repeat;
			height: 100px;
			margin-top: 40px;
			margin-left: 0px;
			text-indent: -999999px;
		}
		h3#h_simba{
			background-image: url(imgs/emblem_simba.jpg);
			float: right;
			margin-top: -100px;
			height: 144px;
			width: 183px;
			text-indent: -9999999px;
		}
	/* Neverland */
		h2#h_charnev{
			background-image: url(imgs/h_charnev.jpg);
			background-repeat: no-repeat;
			height: 100px;
			margin-top: 40px;
			margin-left: 0px;
			text-indent: -999999px;
		}
		h3#h_neverland{
			background-image: url(imgs/emblem_neverland.jpg);
			float: right;
			margin-top: -100px;
			height: 144px;
			width: 183px;
			text-indent: -9999999px;
		}
	/* Rozess */
		h2#h_charroz{
			background-image: url(imgs/h_charroz.jpg);
			background-repeat: no-repeat;
			height: 100px;
			margin-top: 40px;
			margin-left: 0px;
			text-indent: -999999px;
		}
		h3#h_rozes{
			background-image: url(imgs/emblem_rozes.jpg);
			float: right;
			margin-top: -100px;
			height: 144px;
			width: 183px;
			text-indent: -9999999px;
		}


	/* Profile */
	div.profile{
		clear: both;
		margin-top: 50px;
	}

		/* Profile Title */
		div.profile h4{
			color: #e99340;
			font-size: 200%;
			letter-spacing: -1px;
			margin-bottom: 10px;
		}	
		/* Profile Image */
		img.p_img{
			float: left;
			margin-top: -5px;
			margin-right: 30px;
			}
			/* Skill Section*/
			.skill{
				font-size: 95%;
				list-style: none;
				margin-bottom: 30px;
			}
			
			/* Skill Title */
			.s_title{
				float: left;
				font-weight: bold;
				width: 100px;
			}
		/* Profile Content */
		div.profile p{
			margin-left: 220px;
			width: 350px;
		}
			


/* System Content */
div.content_system{
	background: url(imgs/bg_system.gif) no-repeat;
	background-position: 150px 0px;
	padding-bottom: 20px;
	padding-left: 40px;
	width: 704px;
}
	/* Header Inside for Story */
	h2#h_gflow{
		background-image: url(imgs/h_gflow.jpg);
		background-repeat: no-repeat;
		height: 50px;
		margin-top: 40px;
		margin-left: 0px;
		text-indent: -999999px;
	}
	h2#h_battle{
		background-image: url(imgs/h_battle.jpg);
		background-repeat: no-repeat;
		height: 50px;
		margin-top: 40px;
		margin-left: 0px;
		text-indent: -999999px;
	}
	
	div.step{
		clear: both;
		width: 500px;
		margin-bottom: 30px;
	}	
		/* Game Flow Images */
		div.content_system img{
			border: 1px #fff solid;
			float: left;
			margin-right: 20px;
			margin-bottom: 50px;
		}
		div.content_system dl{
			margin-left: 220px;
		}
		/* Defintion Term Title Styling */
			div.content_system dl dt{
				color: #F4912B;
				font-size: 150%;
				margin-bottom: 10px;
			}
		div.content_system dl dd{
			margin-bottom: 10px;
		}
	#beasts{
		clear: both;
		margin: 0 auto;
		width: 650px;
	}
		#beasts h5{
				color: #F4912B;
				font-size: 150%;
				margin-bottom: 10px;
			}

		#beasts td{
			text-align: center;
		}
		#beasts td img{
			margin: 0;
		}
	

/* System V.2 Content */
div.content_system2{
	background: url(imgs/bg_system.gif) no-repeat;
	background-position: 150px 0px;
	padding-bottom: 20px;
	padding-left: 40px;
	position: relative;
	width: 704px;
}
div.content_system2 img{
	margin: 10px;
	border: 1px #fff solid;
}
div.content_system2 p{
	width: 500px;	
	margin-bottom: 20px;
}

	/* Header Inside for Story */
	h2#h_attack{
		background-image: url(imgs/h_attack.jpg);
		background-repeat: no-repeat;
		height: 50px;
		margin-top: 40px;
		margin-left: 0px;
		text-indent: -999999px;
	}
	h2#h_synth{
		background-image: url(imgs/h_synth.jpg);
		background-repeat: no-repeat;
		height: 50px;
		margin-top: 40px;
		margin-left: 0px;
		text-indent: -999999px;
	}
	/* Skill Titles */	
	h5{
		border-bottom: 1px solid #fff;
		color: #F4912B;
		font-size: 150%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		width:615px;
	}
	/* Skill Subtitles */
	h6.skill_subtitles{
		color: #CABABA;
		font-size: 120%;
		margin-top: 3px;
	}
	/* Displaying SS in Attack */
	.d_inline li{
		display: inline;
	}
	
	.symbol{
		font-size: 150%;
		vertical-align: middle;
		padding-bottom: 12%;
	}

/*	Trailer	*/
	h2#h_trailer{
		background-image: url(imgs/h_trailer.jpg);
		background-repeat: no-repeat;
		height: 50px;
		margin-top: 40px;
		text-indent: -999999px;
	}
		div#trailer{
			margin-left: 5%;
			}
			div#trailer dl{
				float: left;
				margin-top: 5%;
				margin-right: 20px;
			}
			div#trailer dl dt{
				font-size: 150%;
				margin-bottom: 5px;
				width: 212px;
			}
			div#trailer dl dd{
				text-align: center;
				width: 212px;
			}
				#cs{
					
					border: 1px #FFF solid;
					margin-bottom: 5px;
				}
					#blanktrailer{
						background-color: #000;
						margin: 5px;
						width: 200px;
						height: 98px;
					}
					#cs_text{
						background-color: #3F232D;
						width: 200px;
						padding: 2px;
						
					}
				div#trailer dl dd img{
					border: 1px #FFF solid;
					padding: 5px;
					}
				div#trailer dl dd a:link, div#trailer dl dd a:visited{
					display: block;
					color: #FCE36F;
					padding: 2px;
					text-decoration: none;
				}
				div#trailer dl dd a:link, div#trailer dl dd a:visited, div#trailer dl dd a:active{
					background-color: #3F232D;
					text-decoration: none;
				}
				div#trailer dl dd a:hover{
					background-color: #5F4D54;
				}

/* PSP Wallpaper Content */
div.content_wp{
	background: url(imgs/bg_system.gif) no-repeat;
	background-position: 170px 0px;
	padding-bottom: 20px;
	width: 744px;
}
	/* Content Inside for Story */
	h2#h_wp{
		background-image: url(imgs/h_wp.jpg);
		background-repeat: no-repeat;
		height: 50px;
		margin-top: 40px;
		margin-left: 40px;
		
		text-indent: -999999px;
	}
	div.content_wp p{
		margin-left: 40px;
		margin-bottom: 20px;
		width: 340px;
	}
	div.content_wp ul{
		list-style: none;
		margin-left: 100px;
	}