/* This file is for "wireframe" styles only. Final design styles should be specified in screen-style.css. */

	body {font-family: Arial, Sans-Serif; background: #051227;}
	textarea {font-family: Arial, Sans-Serif;}
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	a:active {outline: none;}
	input.login-button {outline: 1px solid gray;}

	#hd {}
		#hd h1 {text-indent: -9999px;}

  #nav ul {float: right; background: transparent url('/images/bg-navigation.jpg') no-repeat top right;}
  #nav ul li {
    float: left;
    display: block;
    color: #FFFFFF;
    padding: 0px 5px;
    margin: 12px 4px;
  }
  
  #nav ul li.seperator {padding: 0px; margin: 12px 0px;}
  
  #nav ul li a {color: #FFFFFF;}
  #nav ul li a:hover {color: #1EC7FE;}
  
  body.battles #nav ul li a.battles,
  body.battles #nav ul li a.battles:hover {color: #e8cd0b; text-decoration: none;}

	#bd {font-weight: bold;}

	.player h2 {font-weight: normal;}
	
	.weapon-big {background-image: url(/images/weapon-icons-big.jpg);}
	.weapon-small {background-image: url(/images/weapons-icons-small.png);}

		.weapon-big.rock {background-position: 0 0;}
		.weapon-big.paper {background-position: 0 -292px;}
		.weapon-big.scissors {background-position: 0 -584px;}
		
		.weapon-big.rock:hover {background-position: -306px 0;}
		.weapon-big.paper:hover {background-position: -306px -292px;}
		.weapon-big.scissors:hover {background-position: -306px -584px;}		

		.weapon-big.rock.selected {background-position: -612px 0;}
		.weapon-big.paper.selected {background-position: -612px -292px;}
		.weapon-big.scissors.selected {background-position: -612px -584px;}

		.weapon-small.rock {background-position: 0 -84px;}
		.weapon-small.paper {background-position: 0 -252px;}
		.weapon-small.scissors {background-position: 0 -420px;}
		
		.weapon-small.rock.winner{background-position: 0 0;}
		.weapon-small.paper.winner{background-position: 0 -168px;}
		.weapon-small.scissors.winner {background-position: 0 -336px;}

		.weapon-big input {display: none;}
		.weapon-big:hover {cursor: pointer;}
	
	button:hover, .button:hover {cursor: pointer;}

/* begin battles/show */

	.round.pending-decision {background: #454542 url(/images/bg-round-pending-decision.png) no-repeat; overflow: hidden;}
		.round.pending-decision h3, .round.pending-opponent h3 {color: #5b5a52; text-transform: uppercase;}
		.round.pending-decision h3 span, .round.pending-opponent h3 span {color: #902929; text-transform: uppercase;}
		
	.round.pending-opponent {background: #454542 url(/images/bg-pending-opponent.png) no-repeat;}
		.round.pending-opponent h4 {color: #464643; text-transform: uppercase;}
	
	.round {background: url(/images/bg-round.png) bottom left repeat-x;}
	
	#submit-weapon {background-image: url(/images/btn-submit-weapon.png); text-indent: -9999px; border: none;}
		#submit-weapon:disabled, #submit-weapon:disabled:hover {background-position: 0 0; cursor: default;}
		#submit-weapon:enabled {background-position: 0 -50px;}
		#submit-weapon:hover {background-position: 0 -100px;}
	
	#previous-rounds {background: #0f274f url(/images/bg-previous-rounds.png) no-repeat;}
		#previous-rounds h4 {color: #e8cd0b;}
		#previous-rounds .vs {text-indent: -9999px; background: url(/images/bg-previous-rounds-vs.gif);}
	
	.message h4 {text-transform: uppercase;}
	.message span {color: #b3c8eb; }
	
	.move img {border: 2px solid #000;}


/* end battles/show */	
	
/* begin battles/new */

	input.labelHighlight { color: #888; font-style: italic;}

/* end battles/new */

  
/* begin homepage */

	#callout {background: url(/images/bg-homepage-callout.png) no-repeat;}

/* end homepage */

#pending-message {color: #fff; font-size: 50px; text-align: center; width: 400px; margin: 30px auto;}

.static-content {color: #fff;}
#challenger-message {color: #fff;}