@charset "UTF-8";
/*-----------------------------------------------
Theme Name:  PlayDota
Description: PlayDota is a theme for Dota OpenStats http://openstats.iz.rs/
Author:     ViperNight
Version: 1.0
Revision:   December 21, 2010  4:15 PM
------------------------------------------------*/

.wrapper {
	width: 620px;
	border: 1px solid black;
	background: #262626;
	padding: 8px 8px;
	text-align: left;
	margin: 5px;
	margin-left: auto ;
  margin-right: auto ;
}

.replay {
	border: 1px #000000 solid;
	background: #000000;
	
	width: 618px;
}

.content {
	padding-left: 3px;

	background: #000000;
	text-align: left;
	width: 618px;
}

h2 {
	display: block;
	vertical-align: top;
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 4px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 30px;
	margin-bottom: 1px;
	background: #262626;
	color: #000000;
}

.scourgeBanHero {
	margin-left: 2px;
	vertical-align: middle;
	border-bottom: 2px #FF99FF ridge;
}

.sentinelBanHero {
	margin-left: 2px;
	vertical-align: middle;
	border-bottom: 2px #3366FF ridge;
}

hr {
	color: #000000;
	margin-bottom: 0px;
}

.inventory {
	width: 100px;
	border: 1px #CCCCCC solid;
}

.extraOther {
	width: 400px;
	border: 1px #CCCCCC solid;
	background: #FFFFFF;
}

.extraInfo {
	vertical-align: middle;
	color: #000;
	padding: 5px 5px;
	display: 
}

.displaySelect {
	width: 100%; 
	border-bottom: 1px #CCCCCC solid;
	text-align: center;
}

.chatWindow {
	border: 0px solid black;
	padding-left: 5px;
	text-align: left;
  	font-size: normal;
	background: #171717; 
	color: 171717; 
	width: 612px; 
	overflow: auto; 
	height: 150px;
}

a, a:visited {
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.graph {
  height: 5px;
  background-color: #738499;
}

.red {
  color: #DD0000;
}

.blue {
  color: #3333FF;
}

.teal {
  color: #00D7EE;
}

.purple {
  color: #7711AA;
}

.yellow {
  color: #FFDC00;
}

.orange{
  color: #FF9900 ;
}

.green {
  color: #86E573;
}

.pink {
  color: #FF66CC;
}

.gray {
  color: #888888;
}

.lightblue {
  color: #55BBEE;
}

.darkgreen {
  color: #006F3F;
}

.brown {
  color: #6F3F00;
}

.observer {
  color: #FFFFFF;
}

/* Unused set
background-color: #447099;
color: #99C5FD;

font: 'Helvetica Neue';

-moz-box-shadow: 0 4px 10px -moz-rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
*filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=4);

http://www.catswhocode.com/blog/10-ways-to-make-internet-explorer-act-like-a-modern-browser
*/

* {
	margin: 0;
	padding: 10;
}

body {
	background-color: #000;
	background-image: url('./img/bg.jpg');
	color: #B9B9B9;
	font: .850em "Courier New", Courier, monospace;
	height: 100%;
	line-height: 1.5em;
	text-align: center;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
	color: #111;
	font-weight: normal;
}

h1 {
	color: #638290;
	font-size: 2.2em;
}

h2 {
	color: #5B78AC;
	font-size: 1.3em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}

a {
/*	color: #015385;*/
	color: #0182D3;
	text-decoration: none;
}

a:hover {
	color: #0182D3;
/*	text-decoration: underline;*/
	text-decoration: none;
}

table {
	border: 0px solid #212121;
	border-collapse: collapse;
	width: 100%;
}

/**
 * Note: CSS3 (sorry, no IE support)
 ***************************************/
tr:nth-child(odd) {
	background-color: #000000;
}

tr:nth-child(even) {
	background-color: #1d1d1d;
}

th a {
	color: #FF9000;
	text-decoration: none;
}

th a:hover {
	color: #FF9000;
	text-decoration: none;
}

td {
	height: 2px;
}