body, html { margin:0; padding:0; background: #747884 url(i/bg.png) repeat top center; }

header { background:#f5d29d url(i/wood_pattern.png) repeat top center;  }
header h1 { height: 186px; background: url(i/ban.png) no-repeat top center; }
header span { display: none }

article { -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.3); }

p.empty { text-align: center; color:#b7b5bc; padding: 50px 0 ; }

dl { width:600px; margin:0 auto; height:200px; overflow: auto; }
dd { width:200px; text-align: center; float: left; padding-top: 50px }

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:10px;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	bottom:-1px;
}
.button_newteam,
.button_newteam:link,
.button_newteam:visited {
	color: #fff;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button_newteam:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button_newteam:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.button_login,
.button_login:link,
.button_login:visited {
	color: #fff;
	border: solid 1px #1385cd;
	background: #1385cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#0e94e9), to(#1385cd));
	background: -moz-linear-gradient(top,  #0e94e9,  #1385cd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e94e9', endColorstr='#1385cd');
}
.button_login:hover {
	background: #fff;
	border: solid 1px #106ba5;
	background: -webkit-gradient(linear, left top, left bottom, from(#1385cd), to(#106ba5));
	background: -moz-linear-gradient(top,  #1385cd,  #106ba5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1385cd', endColorstr='#106ba5');
}
.button_login:active {
	color: #aad5f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#106ba5), to(#1385cd));
	background: -moz-linear-gradient(top,  #106ba5,  #1385cd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#106ba5', endColorstr='#1385cd');
}

@media only screen and (max-width: 600px) {
	dl { width:100%; }
	dd { width:33%; }
}

@media only screen and (max-width: 400px) {
	dl { height: auto; }
	dd { float: none; width: auto }
}