@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap.css');
@import url('http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css');
* {
    margin: 0;
    padding: 0;
}
body{
	background-color:green;
	color:#0000CC;
	margin: 0 auto;
	text-align:center
}
#main{
	margin: 0 auto;
	max-width:890px;
	height:auto;
	border-color:#D9DFEA #d9dfea #d9dfea #d9dfea;border-style:solid;border-width:2px; 
	text-align:center;
	
}
h1{
	font-family:Algerian, Arial, Helvetica, sans-serif, Akshar ;
	font-size:22px;
	text-align:center;
	color:#0000CC;
  margin: 0px;
}
h3.top{
	font-family: Arial, Helvetica, sans-serif, Akshar ;
	font-size:12px;
	text-align:right;
	color:#0000CC;
  margin: 0px;
}


#stats{
	width:135px;
	height:135px;
	background:url('images/gradientTurn.png') repeat-x;	
	border-color:#D9DFEA #d9dfea #d9dfea #d9dfea;border-style:solid;border-width:2px;
	float:left;
  background-color: black;
	
}
#line{
	width:285px;
	height:0px;
	float:left;
	border-color:green;
	text-align:center;
	visibility:hidden
	
}
#spacer{
	width:5px;
	height:5px;
	
}
#spacer1{
	width:5px;
	height:5px;
	float:left;
}
#spacer2{
	width:5px;
	height:135px;
	float:left;
}
#goatsKept,#turn{
	font-size:20px;
	font-weight:bold;
	color:yellow
}
#tigerTrappedCount,#goatsKilledCount{
	font-size:20px;
	font-weight:bold;
	color:red
}
#selOponent{

	float:left
} 
#newStat{
  max-width: 562px;
}
.statBox{
  border-radius: 10px;
  width: 43%;
  height:30px;
  line-height:30px;
  background-color: black;
  color:red;
  font-size: 20px;
  padding: 5px;
  margin:2px;
  float: left;
  font-family: fantasy;
}
  .bb{float: left;width: 100%;max-width: 562px; }

 #statwrapper{
  /*max-width: 300px;
   border:1px solid red;*/
  text-align: justify;
  color:lightyellow;
  font-family: lucida grande, Arial;
  font-size: 17px;
  padding: 8px;
  overflow: hidden;

 }
 .desc{
   line-height: 1.2em;
}

 #board {
  max-width: 562px;
    position: relative;
  }
.tg{
   position:absolute;
   max-width: 10%;
    height: 60px;
    width: 59px;
    max-height: 11%;
}
.p1  {
    left:2%;
    top:1%;
}
.p2  {
    left:21.5%;
    top:1%;
}
.p3  {
    left:44.5%;
    top:1%;
}
.p4  {
    left:68.5%;
    top:1%;
}
.p5 {
    left: 88%;
    top: 1%;
}
.p6  {
    left: 1%;
    top: 20%;
}
.p7  {
    left: 21.5%;;
    top: 20%;
}
.p8  {
    left: 44.5%;
    top: 20%;
}
.p9{
    left: 68.5%;
    top: 19%;
}
.p10{
    left: 88%;
    top: 19%;
}
.p11{
    left: 1%;
    top: 44.5%;
}
.p12{
    left: 21.5%;
    top: 43%;
}
.p13{
    left: 44.5%;
    top: 43%;
}
.p14{
    left: 68.5%;
    top: 42.5%;
}
.p15{
    left: 88%;
    top:42.5%;
}
.p16{
    left: 1%;
    top: 66.5%;
}
.p17{
    left: 21.5%;
    top: 66.5%;
}
.p18{
    left: 44.5%;
    top: 66.5%;
}
.p19{
    left: 68.5%;
    top: 66.5%;
}
.p20{
    left: 88%;
    top: 66.5%;
}
.p21{
    left: 1%;
    top: 85.5%;
}
.p22{
    left: 21.5%;
    top: 85.5%;
}
.p23{
    left: 44.5%;
    top: 85.5%;
}
.p24{
    left: 68.5%;
    top: 85.5%;
}
.p25{
    left: 88%;
    top: 85.5%;
}
body{
  padding:0px;
}
#adasdf{
  background: rgba(0, 0, 0, 0) linear-gradient(#1a82f7, white, skyblue) repeat scroll 0 0;
}
#newGame{
  margin-right: 20px
}

@media only screen and (max-width: 480px){
  .statBox{
    line-height:20px;
  }
  #turn img{
    display: none;
  }
}