
html, body, h1, h2 {
padding: 0; margin: 0;
}

html, body {
background: #222;
color: #fff;
font: 11px/16px Verdana;
}

#page {
width: 980px;
margin: auto;
padding: 0 3px;
border-bottom: 7px solid #300;
background: #333;
min-height: 850px;
position: relative;
}

#donate {
position: absolute;
top: 4px;
right: 8px;
font-size: 9px;
}

#donate form {
float: left;
margin-right: 3px;
}

h1 {
background: #500;
padding: 14px 5px 14px 10px;
margin-bottom: 10px;
background-color: #500;
font-size: 24px;
}

#page > h1 {
padding: 14px 5px 14px 35px;
background-position: -25px -15px;
background-repeat: no-repeat;
background-image: url('graphics/ranks/rank_0.png');
}

#prefers {
float: left;
width: 280px;
position: relative;
}

#prefers,
#prefers li {
padding: 0; margin: 0;
list-style: none;
}

#prefers span {
display: none;
}

#prefers li {
float: left;
top: 0;
left: 0;
width: 64px;
height: 64px;
border: 1px solid #666;
margin: 3px;
}

#prefers li.soldier {
width: 190px;
height: 280px;
}


/*
 * Main Profile Table
 */

#profile {
width: 696px;
border-top: 2px solid #333;
}

#profile td {
width: 33%;
border-right: 6px solid #333;
}

#profile th {
width: 33%;
background: #1f1f1f;
border-bottom: 2px solid #333;
border-right: 6px solid #333;
padding: 10px 0;
}


/*
 * Sub-Profile Tables
 */

#profile table {
width: 100%;
margin: 0 0%;
}

#profile table {
border-left: 1px solid #444;
border-right: 1px solid #222;
}

#profile table td {
width: 50%;
padding: 2px 4px;
border: 0;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
background: #2f2f2f;
}

#profile table th {
padding: 4px 0;
background: #3f3f3f;
border: 0;
}

#profile table td + td {
text-align: right;
}

hr {
clear: both;
border: 1px solid #333;;
margin-bottom: 1px;
}

.clear {
clear: both;
}

a {
color: #c00;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

table.stat {
width: 100%;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #222;
border-right: 1px solid #222;
margin-bottom: 22px;
}

table.stat th {
padding: 4px 4px;
background: #3f3f3f;
border: 0;
border-bottom: 1px solid #222;
text-align: left;
}

table[class=stat] th {
font: bold 13px Verdana;
}

table.stat th + th {
padding: 8px 4px 4px 4px;
font: bold 11px Verdana;
}

table.stat td {
padding: 2px 4px;
border: 0;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
background: #333;
}

table[class=stat] td {
border-right: 1px solid #444;
font-weight: bold;
}


table.stat td + td {
background: #2f2f2f;
border-right: 0;
font-weight: normal;
}










/*** NICE TITLES
*********************************************************/

div.nicetitle {
	background-color: #fff;
	color: #333;
	font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
	left: 0;
	padding: 4px;
	position: absolute;
	top: 0;
	width: 25em;
	z-index: 20;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-opacity: .87;
	
	min-width: 170px;
	max-width: 300px;
	width: auto;
	height: auto;
}

div.nicetitle p {
    margin: 0;
	padding: 0 3px;
	-moz-opacity: 1;
}

div.nicetitle p.destination {
    font-size: 9px;
    padding-top: 3px;
	text-align: left;
	-moz-opacity: 1;
}

div.nicetitle p span.accesskey {
	color: #d17e62;
}


#menu {
display: none;
}


#stats {
margin: 0;
padding: 0;
width: 99.5%;
}

.col {
width: 50%;
margin: 0;
padding: 0;
float: left;
}

table.stat {
margin: 1%;
margin-bottom: 10px;
width: 98%;
}


table#awards {
clear: both;
margin: 0.5%;
padding: 0;
width: 99%;
margin-bottom: 30px;
}


#footer {
text-align: center;
}



#statfind {
float: left;
width: 330px;
}

#statfind div{
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #222;
border-right: 1px solid #222;
margin: 0 0 20px 10px;
padding-bottom: 10px;
}

#statfind div#ct{
border: 0;
margin: 0 0 20px 8px;
padding: 0 0 10px 0;
width: 324px;
}

#statfind h2,
#leader-board h2 {
background: #3f3f3f;
padding: 5px 10px;
border-bottom: 1px solid #222;
font: bold 14px Verdana;
}

#statfind div p,
#statfind div form,
#statfind div h3 {
padding: 7px 10px 2px 10px;
margin: 0;
}

#statfind div h3 {
margin: 10px 10px 0 10px;
padding: 0;
font-size: 12px;
border-bottom: 1px solid #222;
}

#leader-board {
float: left;
width: 650px
}

#leader-board table {
margin: 0 0 20px 8px;
padding: 0;
}


/* just for you, IE */

* html #page {
height: 850px;
}

* html #menu li a {
height: 1%;
}

* html .col {
width: 49%;
}

* html table.stat {
width: 99.63%;
}

* html #leader-board {
width: 630px
}

