/* group reset */

	* {margin: 0; padding: 0;}
	ul, ol {list-style: none;}
	p {margin: 10px 0; line-height: 150%;}
	a img, frameset {border: none;}
	fieldset {border: none;}

/* end reset */


/* begin text */

	h1 {font-size: 42px; margin: 0;}
	h2 {font-size: 28px; margin: 5px 0;}
	h3 {font-size: 21px; margin: 5px 0;}
	h4 {font-size: 16px; margin: 0;}
	h5 {font-size: 14px; margin: 5px 0;}
	h6 {font-size: 12px; margin: 5px 0;}
	body {font-size: 12px;}

/* end text */


/* begin structure */

	#hd {height: 260px;}
		#hd h1 a {display: block; height: 205px; width: 210px; margin: 0 auto;}

  #nav {position: absolute; top: 0; width: 960px;}

	#bd {}

	#ft {text-transform: uppercase; margin-top: 20px; padding: 80px 0 30px; background: #3a5529 url(/images/bg-footer.jpg) top center repeat-x; color: #a1d465; }
		#ft #crap {float: left; width: 600px;}
		#ft ul a {background: #95c65e; padding: 6px 8px; color: #30411c; border-bottom: 3px solid #261d0d; border-right: 2px solid #261d0d; font-size: 11px;}
		#ft li {float: left; margin-right: 3px;}
		#ft p {margin: 15px 0 10px 0;}
		#tombstone-name {font-weight: normal; font-size: 9px; float: right; width: 83px; margin: -4px 16px 0 0; text-align: center; overflow: hidden; color: #696C6B;}
		#rating-message {height: 82px; float: right; width: 288px; margin: 36px 12px 0 0;}		
		#pointless-logo {background-color: none;}

/* end structure */
  #page {background: url(/images/bg-body.jpg) top center no-repeat;}

	.player {color: #fff; margin-bottom: 20px; width: 428px; float: left;}
	  .player a {color: #fff;}
		.player img {height: 73px; width: 73px;}
		  .player .result-overlay {position: absolute;}
		  .player.loser .result-overlay {height: 73px; width: 73px; background: url(/images/bg-loser-overlay.png) no-repeat;}
		  .player.winner .result-overlay {height: 89px; width: 139px; background: url(/images/bg-winner-overlay.png) no-repeat;}
		.player h2 {font-size: 16px;}
	  .vs {float: left; width: 64px; height: 64px; margin: 0 10px; text-indent: -9999px; background: url(/images/bg-player-vs.png)}
		.player-status {width: 352px; height: 30px; background: url(/images/bg-player-status.png); border: 2px solid #284574;}
		.lives-remaining {height: 30px; background: url(/images/bg-lives-remaining.png);}
		.lives-remaining.two {width: 352px;}
		.lives-remaining.one {width: 176px;}
		.lives-remaining.zero {display: none;}
	
	.player-left img {float: left;}
	  .player-left h2 {float: left; margin-left: 10px;}
	  .player-left .player-status {border-left: none; float: left;}
	  .player-left .player.winner .result-overlay {margin: -8px 0 0 -33px;}
	  .player-left .lives-remaining {float: left;}
	.player-right img {float: right;}
	  .player-right h2 {float: right; margin-right: 10px;}
	  .player-right .player-status {border-right: none; float: right;}
	  .player-right .player.winner .result-overlay {margin: -8px 0 0 321px;}
	  .player-right .player.loser .result-overlay {margin: 0 0 0 355px;}
	  .player-right .lives-remaining {float: right;}
	
	p.losing-message a {background: #fff; padding: 5px 10px; text-align: center; color: #051227; font-size: 10px; text-transform: uppercase;}
	  p.challenger-losing-message {margin-left: 80px}
	  p.opponent-losing-message {margin-left: 700px;}
	
	.round {}
		.round .message {width: 590px; float: left; margin-left: 25px; padding: 5px 0 0 0;}
		.round .message h3 {margin-top: 0;}
		.round .message h4 {font-size: 12px;}
		#pending-opponent p {text-align: center;}
	
	.move {width: 100px; height: 100px; float: left;}
		.move img {height: 48px; width: 48px; float: right; margin: -24px -14px 0 0;}
		
	.weapon-big {height: 292px; width: 306px;}
	.weapon-small {height: 84px; width: 88px;}
	.choice {float: left;}

	button {padding: 10px;}
	textarea, input {padding: 5px; font-size: 16px;}
	
/* begin battles/show */

	h3 span {font-size: 16px;}
	
	#submit-weapon {width: 200px; height: 50px; margin: 8px 0 0 361px;}
	
	.round.pending-decision {height: 410px; margin: 10px 0 20px 0; padding: 10px}
		.round.pending-decision h3, .round.pending-opponent h3 {margin-left: 10px; height: 24px;}

	.round.pending-opponent {height: 374px; margin: 10px 0 20px 0; padding: 10px}
		.round.pending-opponent .weapon-big {margin: 10px auto 5px auto;}
		.round.pending-opponent h4 {font-size: 16px; text-align: center;}
	
	#previous-rounds {padding: 0 20px 0 10px;}
		#previous-rounds .round {padding: 10px 10px 20px 20px; margin: 10px -20px 10px -10px;}
		#previous-rounds h2 {font-size: 18px; padding: 16px 0 0 10px; height: 39px; color: #24529f; text-transform: uppercase;}
		#previous-rounds h3 {color: #fff; font-weight: normal;}
		#previous-rounds .vs {height: 40px; width: 40px; margin: 20px 20px 0 10px;}
		
	#players {}

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

	#opponent-name {}
		#opponent-name label {font-size: 24px;}
		#opponent-name input {padding: 10px 5px; font-size: 20px;}
	
	#warning-message {padding: 10px; font-size: 10px; text-align: center; font-weight: normal; text-transform: uppercase; margin: 40px 0;}
		
	#follow-dm  label {padding: 10px 10px 10px 68px; font-size: 10px;}
		#follow-dm input {width: auto; margin: 0 5px 5px 0;}

/* end battles/new */

/* begin battles/index */

	.battles-list {font-size: 14px; color: #b3c8eb; padding: 15px 20px; background: #0f274f url(/images/bg-secondary-content.png) repeat-x;margin-bottom: 20px;}
		.battles-list h3 {font-size: 20px; margin: 0; color: #6a92d3;}
		.battles-list a {color: #b3c8eb;}
		.battles-list a.challenge-announcement {color: #b3c8eb; display: block;}
		.battles-list ul {margin-top: 20px;}
		.battles-list li {padding: 10px 0; background: url(/images/bg-secondary-content-li.png) left bottom repeat-x;}
		.battles-list li.last {background: none;}
		.battles-list table {margin-top: 20px;}
		.battles-list table tr th {text-align: left; padding: 5px; font-size: 120%; color: #e8cd0b;}
		.battles-list table tr td {text-align: left; padding: 5px;}
		.battles-list img {height: 24px; width: 24px; border: 1px solid #4069ac; float: left;}
		.battles-list .players {margin-top: 8px;}
		.battles-list .vs-small {float: left; width: 30px; height: 24px; text-indent: -9999px; background: url(/images/vs-small.png) no-repeat 50% 50%;}
		.battles-list em {text-transform: uppercase; color: #e8cd0b; font-size: 12px; font-style: normal;}
		.battles-list .player-name a {font-size: 18px; color: #6a92d3; margin-bottom: 6px;}

/* end battles/index

/* begin homepage */

	#home-container {background: #3a5529 url(/images/bg-homeContainer.png) repeat-x;}

	#home {background: url(/images/bg-home-body.jpg) top center no-repeat;}
		#home #bd .header {height: 570px; color: #fff; text-transform: uppercase; font-weight: normal; padding: 0 0 0 506px;}
			#home #bd .header h2 {text-indent: -9999px; background: url(/images/h2-paybackFollowsYou.png); height: 80px; width: 369px;}
			#home #bd .header em {color: #1fccff; font-style: normal; font-weight: bold;}
			#home #bd .header h4 {font-size: 12px; color: #f7cd10; font-weight: bold; margin-bottom: 15px;}
			#home #bd .header ol li {display: block; text-indent: -9999px; float: left; height: 140px; width: 144px;}
				#home #bd .header ol li#step1 {margin-right: 11px; background: url(/images/bg-home-step1.gif) no-repeat;}
				#home #bd .header ol li#step2 {margin-right: 11px; background: url(/images/bg-home-step2.gif) no-repeat}
				#home #bd .header ol li#step3 {background: url(/images/bg-home-step3.gif) no-repeat}
				#home #start-battle {margin-top: 40px;}
/*			#home #start-battle a {position: absolute; display: block; width: 200px; height: 50px; margin-right: 6px; outline: 1px solid red; text-indent: -9999px; background: url(/images/btn-startABattle.png) no-repeat;} */
				#home .diagonal-lines {height: 50px; width: 248px; background: url(/images/bg-home-diagonalLines.gif) repeat-x; float: left;}
				#home-tombstone-name {font-weight: normal; font-size: 9px; width: 115px; text-align: center; overflow: hidden; color: #696C6B; position: relative; left: 292px; top: 115px;}
		#home #ft-container {background: #423a27 url(/images/bg-home-ftContainer.gif) repeat-x;}
		#home #ft {background: url(/images/bg-home-ft.jpg) top center no-repeat; color: #b29e6f; padding: 53px 0 0 0; height: 175px; text-transform: uppercase;}
			#home #ft ul a {background: #b29e6f; color: #423a27; border-bottom: 3px solid #261d0d; border-right: 2px solid #261d0d; font-size: 11px;}
			#home #pointless-logo {display: block; height: 30px; width: 192px; background: url(/images/logo-pointless-home.png) no-repeat; text-indent: -9999px;}

	#callout {height: 346px; width: 908px; margin: 30px auto 30px auto;}
	
	.home-list {font-size: 14px; padding: 15px 20px; background: #2a3224 url(/images/bg-home-list.png) repeat-x; margin-bottom: 20px;}
		.home-list h3 {font-size: 14px; height: 40px; text-transform: uppercase; margin: -22px 0 0 -15px; padding: 26px 0 0 75px; color: #d1cba0; font-weight: normal; display: block;}
			#battles-in-progress h3 {background: url(/images/bg-battlesInProgress.png) no-repeat;}
			#just-finished-battles h3 {background: url(/images/bg-justFinishedBattles.png) no-repeat;}
			#most-furious-players h3 {background: url(/images/bg-mostFuriousPlayers.png) no-repeat;}
		.home-list a {color: #8eac7b;}
		.home-list li {padding: 10px 0; border-bottom: 1px dotted #8eac7b;}
		.home-list li.last {background: none;}
		.home-list img {height: 24px; width: 24px; border: 1px solid #000; float: left;}
		.home-list .players {margin-top: 8px;}
		.home-list .vs-small {float: left; width: 30px; height: 24px; text-indent: -9999px; background: url(/images/vs-small.png) no-repeat 50% 50%;}
		.home-list em {text-transform: uppercase; color: #e8cd0b; font-size: 12px; font-style: normal;}
		.home-list .player-name {color: #fff; font-weight: normal; font-size: 16px;}
		.home-list .player-name a {color: #fff; margin-bottom: 6px;}

	#most-furious-players img {height: 48px; width: 48px; border-width: 2px; margin-right: 8px;}
	
	#warning-message .fieldWithErrors {display: inline;}
	.errorExplanation {padding: 10px; background: #0D2958; border: none; margin-bottom: 15px; background: #973A30; border: 1px solid red;}
	.errorExplanation h2, .errorExplanation p {display: none;}

/* end homepage */

	#accept-challenge {margin-top: 20px}
		#accept-challenge h2 {margin: 0 0 15px 0}

	#accept-challenge .grid_8 {}
		#accept-challenge .grid_8 .warning {border: 1px solid #081937; padding: 10px; font-weight: normal; margin: 20px 0;}
		#accept-challenge .grid_8  form {text-align: center;}
		#accept-challenge .grid_8 {}

	#tof-wtf {color: #C9C7C8;}
		#tof-wtf h4 {color: #EFC413;}
		#tof-wtf h5 {margin: 20px 0 0 0;}
		#tof-wtf ul {margin: 0 0 15px 0; list-style: disc;}
		#tof-wtf ol {list-style: decimal;}
		#tof-wtf li {margin: 8px 0 8px 20px;}
	
	#yes-accept-challenge {width: 184px; height: 50px; background: url(/images/btn-yes-i-accept.png); margin: 20px 0; text-indent: -9999px; border: none;}
		#yes-accept-challenge:hover {background-position: 0 -50px; cursor: pointer;}
		#yes-accept-challenge h3 {font-size: 35px;}
	
	.dark {color: #fff;}
		.dark a {color: #20C9FF;}
		.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {color: #FED50B;}
		
	#notify-opponent input, #notify-opponent textarea {width: 550px;}
		#notify-opponent ol {list-style-type: decimal;}
		#notify-opponent li {margin: 20px; padding: 10px; background: #0E2958;}
		
/* buttons */

	.button {padding: 15px; font-weight: bold; font-size: 16px; background-image: url(/images/bg-button.png); background-position: left center; text-shadow: #000 0 1px 1px;}
	.button:hover {text-decoration: none;}
	
	.button.red {background-color: #a92f2f; border: 2px solid #a92f2f; color: #fff;}
	.button.red:hover {border-color: red; background: red;}
	.button.red.pulsating {border-color: red;}	
	
	.button.pulsating {outline: 3px solid #fff; -moz-outline-radius: 5px; background-image: none;}

/* end buttons */

	#stranger-waiting {text-align: center;}
	#opponent-message-instruction {width: 320px; font-weight: normal; float: left; margin-bottom: 0;}
	#opponent-message-count {color: #838993; font-size: 32px; float: right; margin-bottom: 0; line-height: 100%;}
	
	.talk-bubble {background: #fff; -moz-border-radius: 5px; padding: 5px; margin-top: 5px;}
	  .talk-bubble textarea {width: 440px; border: none; border: 2px solid #fff;}
		.talk-bubble textarea:hover {border: 2px solid #77A9E9;}
		.talk-bubble textarea:focus {border: 2px solid #CECECE;}
		.talk-bubble-wrapper {background: url(/images/bg-talkBubble.gif) 50px bottom no-repeat; padding-bottom: 20px;}
	
	#submit-challenge {text-align: center;}
	
	.opponent {padding: 10px; position: relative;}
		.opponent span {position: absolute; top: 35px; left: 100px; font-size: 36px; font-weight: normal;}
	
	#challenge-steps {position: relative; height: 350px; text-align: center;}	
	#challenge-step-1 {position: absolute;}
		#challenge-step-1 p, #challenge-step-1 form {margin: 20px 0;}
	#challenge-step-2 {display: none; margin-top: 60px; position: absolute;}
		#challenge-step-2 li {margin-bottom: 20px;}