/* @override 
	http://127.0.0.1:8888/journey/x/styles/journey.css
*/

/*
 * journey.css
 * styles for the journey website
 */

/* @group globals */

body{
	background: #080055 url(../images/background.png) repeat-x scroll 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ccc;
}
#container{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
a{
	text-decoration: none;
	color: #77eeff;
}
a:hover{
	text-decoration: underline;
}
.hidden{
	display: none;
}
.centered{
    margin: auto;
    text-align: center;
}
h1, h2, h3, h4, h5, h6{
	color: white;
	padding-top: 5px;
}
h3{
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* @end */

/* @group banner */
#banner{
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 100px;
	color: white;
	background: url(../images/journey_banner.png) no-repeat;
}
#left{
	float: left;
}
#banner #tagline{
	text-indent: 100px;
}
#banner #title span{
	display: none;
}
#banner #title a{
	display: block;
	height: 65px;
	width: 300px;
}
#navigation{
	float: right;
	text-align: right;
	padding-top: 65px;
	padding-right: 10px;
}
/* @end */

/* @group Morning */
#morning{
	margin: 0px;
	padding: 0px;
	width: 800px;
	height:  200px;
	background-image: url(../images/morning.jpg);
	position: relative;
}
#morning .series{
	position: absolute;
	top: 100px;
	left: 50px;
	font-size: 40px;
}
#morning a{
	color: #080055;
}
#morning .title{
	position: absolute;
	top: 70px;
	right: 20px;
	height: 100px;
	width: 200px;
	font-size: 40px;
	text-indent: -40px;
}
#morning .title a{
	display: block;
	width: 100%;
	height: 100%;
}
body.morning{
	background-image: url(../images/morning_background.png);
	background-color: #111111;
}
body.morning p{
	margin: 0px 0px 10px 30px;
}
/* @end */
 

/* @group night */
#night{
	clear: both;
	margin: 0px;
	width: 800px;
	height: 200px;
	background-image: url(../images/night.jpg);
	position: relative;
}
#night .series{
	position: absolute;
	top: 20px;
	left: 400px;
	font-size: 40px;
}
#night a{
	color: #fcff55;
}
#night .title{
	position: absolute;
	top: 30px;
	left: 100px;
	height: 100px;
	width: 200px;
	padding-left: 100px;
	text-indent: -50px;
	font-size: 40px;
}
#night .title a{
	display: block;
	width: 100%;
	height: 100%;
}
body.night{
	background-image: url(../images/night_background.png);
	background-color: #111111;
}
/* @end */

/* @group assassins */
#assassins{
	clear: both;
	margin: 0px;
	width: 800px;
	height: 200px;
	background-image: url(../images/assassins.jpg);
	position: relative;
}
#assassins .series{
	position: absolute;
	top: 20px;
	left: 400px;
	font-size: 40px;
}
#assassins a{
	color: #fcff55;
}
#assassins .title{
	position: absolute;
	top: 30px;
	left: 100px;
	height: 100px;
	width: 200px;
	padding-left: 100px;
	text-indent: -50px;
	font-size: 40px;
}
#assassins .title a{
	display: block;
	width: 100%;
	height: 100%;
}
body.assassins{
	background-image: url(../images/assassins_background.png);
	background-color: #111111;
}
/* @end */

/* @group Amber */
#amber{
	margin: 0px;
	padding: 0px;
	width: 800px;
	height:  200px;
	background-image: url(../images/contact_banner.jpg);
	position: relative;
}
body.amber{
	background-image: url(../images/amber_background.png);
	background-color: #111111;
}
/* @end */

/* @group footer */
#copy{
	clear: both;
	text-align: right;
	font-size: 10px;
	color: white;
}
/* @end */

/* @group custom */
#leadership{
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 5%;
}
#fca{
	float: right;
	width: 45%;
}
h2{
	margin-top: 0px;
	margin-bottom: 0px;
}
.highlight{
	color: #fcff55;
}
/* @end */

/* @group assassins */

div.target{
	display: block;
	width: 160px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	font-variant: small-caps;
}
div.target span.name{
	display: block;
}
div.target span.kills{
	display: block;
}
div.target span.live{
	color: #87f939;
}
div.target span.terminated {
	color: #c32600;
}
div.target span.winner{
    color: #dddd00;
}
div.target span.waiting{
	color: #fcff55;
}


/* @end */