* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.5em -23px; color: #5C6267; font-size: 100%; }
p, pre, label, fieldset, address, hr { margin: 0.5em 0; }
blockquote { margin: 0.5em 0 0.5em 1.5em; padding: 0.5em 1em; }
ul, ol, dl { margin: 0.5em 0; }
li, dd { margin-left: 1.5em; }
dd { margin: 0 0 0.2em 1.5em; }
dd+dt { margin-top: 0.8em; }
ol li  { margin-left: 2.5em; }
ul ol, ol ul, ul ul, ol ol { margin-left: 1.5em; }
fieldset { padding: 0; }
a img { border: 0; }
td>img { display: block; }

h1 { font-size: 140%; }
h2 { font-size: 126%; }
h3 { font-size: 110%; }
table, tr, th, td, input, textarea { font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; }
input, textarea { padding: 1px; }

html { width: 100%; }
body { width: 100%; text-align: center; font: 81.01% Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; color: #7D858A; background: white; }

a { color: #F7AC2C; text-decoration: underline; }
a span { padding: 0 2px; }
a:hover { color: #F7AC2C; background: #7D858A; }
a:hover span { color: white;  }

a.no { color: #5C6267; text-decoration: none; }
a.no span { padding: 0; }
a.no:hover { color: #F7AC2C; background: none; text-decoration: none; }
a.no:hover span { color: #F7AC2C;  }

p { text-align: justify; }
strong { white-space: nowrap; }

blockquote { }

blockquote.att_alarm {
	min-height: 50px; font-style: italic;
	margin: 0.5em 0 0.5em -23px; padding: 0 0 0.5em 50px;
	color: #D8A244; background: url(att_alarm.gif) left top no-repeat; }
blockquote.att_info {
	min-height: 50px; font-style: italic;
	margin: 0.5em 0 0.5em -23px; padding: 0 0 0.5em 50px;
	color: #D8A244; background: url(att_info.gif) left top no-repeat; }
blockquote.att_console {
	min-height: 50px; font-style: italic;
	margin: 0.5em 0 0.5em -23px; padding: 0 0 0.5em 50px;
	color: #7D858A; background: url(att_console.gif) left top no-repeat; }

blockquote.steam {
	border: 1px white solid; 
	font-size: 90%;
	margin: 0.5em 1em 0.5em 1em; padding: 0 0 0 10px;
	color: #D6DBCE; background: #4C5843 url(console_01.gif) left top repeat-y; }
blockquote.steam div {
	border: 1px #4C5843 solid; border-right: 0;
	padding: 0 10px 0 0;
	background: #4C5843 url(console_02.gif) right top repeat-y; }
blockquote.steam div div { 
	max-height: 15em; overflow: auto;
	padding: 0.5em;
	background: #4C5843; }

dt { font-weight: bold; }
blockquote.console dl { margin: 0; }
blockquote.console dt { margin: 0; }
blockquote.console dd { margin: 0.3em 0 0.3em 5em;}
blockquote.console dd+dt { margin-top: 1em; }

div.img { text-align: center; }

#navigation ul, #extra ul { margin: 1.5em 0 1em 0; width: 165px; overflow: hidden; }
#navigation li, #extra li { margin: 0; list-style: none; float: left; display: block; width: 100%; }
#navigation li.active, #extra li.active { font-weight: bold; }
/* #navigation li.first.active { display:none; } */
#navigation li a, #extra li a { 
	text-decoration: none;
	display: block; padding: 1px 0 3px 20px; margin: 0 0 0.2em 0;
	color: #7D858A; background: white url(bullet1.gif) 1px 0 no-repeat; border-right: 0.5em solid white; }
#navigation li a:hover, #extra li a:hover {
	color: white; background: #7D858A url(bullet2.gif) 1px 0 no-repeat; border-right: 0.5em solid #D8A244; }
#navigation li a span, #extra li a span { padding: 0; }

div#container  { text-align: left; width: 756px; margin: 0 auto 0 auto; }
div#header     { text-align: right; margin: 4em 0 0 0; padding-top: 21px; }
div#wrapper    { float: right; width: 570px; }
div#content    { margin: 0 0 1em 23px; }
div#navigation { float: left;  width: 170px; }
div#extra      { float: left;  width: 170px; clear: left; }
div#footer     { clear: both;  width: 746px; margin: 0 auto; text-align: left; padding: 0 20px 5px 20px; font-size: 70%; }
div#counter       { float: left;  width: 100px; }
div#standart     { float: left;  width: 40px; }
div#copy         { float: right; width: 500px; text-align: right; }


/* [+] stick footer */
  html, body { height: 100%; }
  div#container { min-height: 100%; height: auto !important; height: 100%; }
  div#footer { position: relative; margin-top: -142px; }
  * html div#content { padding-bottom: 142px; }
/* [-] stick footer */

.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

.adsense1 { border-bottom: 1px #7D858A solid; padding: 5px 0; margin-bottom: 5px; text-align: center; }
.adsense2 { margin: 1em 0; }


.pager { font-weight: normal; text-align: center; margin: 1.5em 0 0.5em 0; border: 1px #7D858A dotted; padding: 0.5em 0.3em 0.3em; }
.pager a { text-decoration: none; border-bottom: none; }
.pager a span { padding: 0 3px; }
.pager a:hover span { }
.pager a.ditto_page { }
.pager span.ditto_currentpage { font-weight: bold; }
.pager a.pip_page { }
.pager span.pip_currentpage { font-weight: bold; }
.pager a.submenu_page { }
.pager span.submenu_currentpage { font-weight: bold; }


table.servers {
  border-collapse: collapse;
}
table.servers th, table.servers td {
  text-align: center;
  width: 1%;
  border: 1px #7D858A solid;
  padding: 1px 1em;
}
table.servers th {
  background: #EEE;
  font-weight: normal;
  color: black;
}
table.servers .addr, table.servers th.player { text-align: left; width: auto; }
table.servers td.player { font-weight: bold; text-align: left; width: auto; }
table.servers td.players { text-align: right; }
table.servers td.ver { white-space: nowrap; }
table.servers .time, table.servers .ping { text-align: right; }
.percent {
	width: 100%;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	background: #EEE;
	border: 1px #CCC solid;
	}
.percent div {
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	background: #DDD;
	}

div.server { padding: 0.5em 0; width: 100%; overflow: hidden; }
div.server img { border: 2px black solid; float: left; }
div.server .info { margin-left: 200px; margin-bottom: 0.5em; }

#subfooter { clear: both; width: 746px; margin: 0 auto; overflow: hidden; text-align: right; padding: 0.5em 0px 0.5em 0px; font-size: 70%; }

#daos_outer { position: absolute; top: 21px; left: 0; width:100%; background: #FFF5EE url(/daos/img/stroke.png) repeat-x 0 100%; height: 4.5em; } 
#daos { width: 756px; margin: 0 auto; padding: 0.3em 1.8em; } 
#daos a { background: none; } 
#daostring { font-size: 160%; color: #1E90FF; background: none; text-decoration: none; }
#daostring span { color: #1E90FF; }
#daostring:hover { text-decoration: underline; }
#daosinvite { display: block; font-size: 100%; text-align: right; color: gray; margin-top: .1em; text-decoration: none;  }
#daosinvite span { color: gray; }
#daosinvite:hover { text-decoration: underline; }