body
{
	color: #eee; 
	margin: auto; 
	font-family:Arial, Tahoma;
	font-size:14px;
	margin:auto;
	max-width:500px;
	background-position: center;
background: url(img/body.jpg) black;
}

 a  { 
color : #e4e4e4; 
text-decoration : none; 
} 
 a:hover  { 
text-decoration : underline; 
} 
 .head
 { 
background : url(img/head.gif) top left repeat-x #000;
height:67px; 
} 
img.ico {vertical-align: middle; padding-right:3px;margin-top: -3px; }
img {

vertical-align: middle;
}
.top
 {  
text-align:center;
font-size:14px;
background : url(img/top.png) top left repeat-x #001a53;
color:   #f1f1f1;
padding:2px;
}
.c
 {  
text-align:center;
font-size:14px;
background : url(img/c.gif) top left repeat-x #002956;
color:   #f1f1f1;
height:29px;
}
.c2
 {  
text-align:center;
font-size:14px;
background : url(img/l.gif) top left repeat-x #000;
color:   #f1f1f1;
height:29px;
}
.cont
 {  
text-align:center;
font-size:14px;
background : url(img/cont.gif) top left repeat-x #cecece;
color:   #005bb8;
padding:4px;
}
.cont a
 {  
color:   #666;
}
.conts
 {  
border-top: 1px solid gray;
font-size:14px;
background : url(img/cont.gif) top left repeat-x #cecece;
color:   #005bb8;
padding:4px;
}
.conts a
 {  
color:   #666;
}
.lin
{
text-align:center;
color:#eee;
font-size:14px;
padding:5px;
background: url(img/link.gif) repeat-x  #fff;	
padding:3px;
border-bottom:1px solid #131010;
}

.lin a:hover
{
-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
   background-color: #000;
   color:#fff;
}

.lin a
{
   display: block;
   padding-bottom:4px;
   padding-top:4px;
   color:#eeeeee;
}
.cont2
 {  
text-align:center;
font-size:14px;
background : url(img/cont.gif) top left repeat-x #cecece;
color:   #666;
padding:4px;
}
.linkes
{
color:#ececec;
font-size:14px;
margin-top:4px;
margin-bottom:4px;
width:200px;
height:25px;
-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
background: url(img/link.gif) repeat-x  #fff;	
padding:3px;
border-bottom:1px solid #131010;
}

.linkes a:hover
{
-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
   background-color: #000;
   color:#fff;
}

.linkes a
{
   display: block;
   padding-bottom:4px;
   padding-top:4px;
   color:#ececec;
}
textarea {
border-radius: 3px; margin: 3px; border: 1px solid #696969; color: #ff7e00; border-radius: 3px;
}
input[type~="text"], input[type~="password"], input[type~="select"], input[type~="radio"]
{
border:1px solid #a9a9a9;
padding:5px;
border-top-left-radius: 2em; border-top-right-radius: 2em;
border-bottom-left-radius: 2em; border-bottom-right-radius: 2em;
}



input[type="submit"] 
{
background: url(img/ccc.gif) repeat-x bottom #0070f2;
padding: 5px;
padding-left: 35px;
padding-right: 35px;
border: 1px solid #b9b9b9;
color: #fff;
margin:1px;
border-radius:6px;
}
input[type="submit"]:hover 
{
background:#0070f2;
padding: 5px;
padding-left: 35px;
padding-right: 35px;
border: 1px solid #b3b3b3;
color: #fff;
margin:1px;
border-radius:6px;
}
div.quote {
    background-color : #000d20;
    border: 1px solid #5f656d;
	border-left: 2px solid #8394b2;
    color : #ffffff;
    font-size : 11px;
    padding-left : 6px;
    padding: 3px;
}

.terran { color: #D2691E; }
.protoss { color: #3A5FCD; }
.zerg { color: #9400D3; }
.green { color: #228B22; }
.blue { color: #009ACD; }
.red { color: #EE2C2C; }