* {
	margin: 0;
	padding: 0
}
body {	
	background: #115d15 url(http://i50.tinypic.com/nx45z6.jpg) repeat-x; 
	font: normal 81.3%/1.5 "Lucida Grande", Geneva, Helvetica, sans-serif;
	color: #eee;
	text-align:center;
}

a:link, a:visited {
	color: #0076ab;
	text-decoration: none;
}

a:focus{
	outline:none;
}

a:hover {
	color: #e97700;
	text-decoration: underline;
}
a img {
	border:none;
}
img {
	vertical-align:middle;
}

/* T Y P O G R A P H Y
--------------------------------------------- */
h1 {
	color: #111;
	font-family: Helvetica;
	font-size: 2.143em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
}
h2 {
	font-size: 1.538em;
	letter-spacing:-1px;
	font-weight:normal;
}

/*
Pixels 	EMs 	Percent 	Points
6px 		0.462em 	46.2% 	5pt
7px 		0.538em 	53.8% 	5pt
8px 		0.615em 	61.5% 	6pt
9px 		0.692em 	69.2% 	7pt
10px 	0.769em 	76.9% 	8pt
11px 	0.846em 	84.6% 	8pt
12px 	0.923em 	92.3% 	9pt
13px 	1em 	100% 	10pt
14px 	1.077em 	107.7% 	11pt
15px 	1.154em 	115.4% 	11pt
16px 	1.231em 	123.1% 	12pt
17px 	1.308em 	130.8% 	13pt
18px 	1.385em 	138.5% 	14pt
19px 	1.462em 	146.2% 	14pt
20px 	1.538em 	153.8% 	15pt
21px 	1.615em 	161.5% 	16pt
22px 	1.692em 	169.2% 	17pt
23px 	1.769em 	176.9% 	17pt
24px 	1.846em 	184.6% 	18pt
*/

/* H E L P E R S	
--------------------------------------------- */
.left   { float: left !important }
.right  { float: right !important }
.center { text-align:center }
.strong { font-weight:bold }
.small  { font-size:0.846em }
.medium  { font-size:0.923em }
.large  { font-size:1.154em }
.clear	{ clear:both }

/* C O L O R S */
.white  { color:#ffe !important; }
.green  { color:#7a1 !important; }


.error,
.notice,
.success {
	border: solid #aaa;
	border-width: 2px 0;
	margin: 4px 8px;
	overflow: hidden;
	padding: 10px 5px;
	text-align: center;
}
.error {
	background: #fac3be;
	border-color: #f9b5b8;
	color: #8a1f11;
}
.notice {
	background: #ff7;
	border-color: #e9de58;
	color: #514721;
}
.success {
	background: #c3e69c;
	border-color: #95dc6a;
	color: #264409;
}

/* S P R I T E - S H E E T */

.mail,
.palladium,
.friends,
.new-mail,
.trade-icon,
.chat {
	background:url(images/sprite.png);
	width:16px;
	height:16px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin:0 2px;
}

.mail 		{ background-position:-158px -127px }
.new-mail 	{ background-position:-158px -144px }
.palladium 	{ background-position:-141px -126px }
.friends 	{ background-position:-141px -143px }
.trade-icon 	{ background-position:-158px -160px }
.chat 		{ background-position:-141px -160px }

.up-icon {
	padding-left:15px;
	background:url(images/sprite.png) no-repeat -160px -178px;
}
.down-icon {
	padding-left:15px;
	background:url(images/sprite.png) no-repeat -140px -178px;
}


/* S T R U C T U R E 
--------------------------------------------- */

#wrap {
	text-align:left;
	margin:0 auto;
	width:908px; /* Exact messurement for the grid */
}


/* H E A D E R
--------------------------------------------- */

#header {
	height:70px;
	position:relative;
	overflow:hidden;
}
	
#logo {
	background:url(images/sprite.png) no-repeat 0px -123px;
	height:36px;
	width:140px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin:20px 0 0 5px;
}

#logo:hover {
	background:url(images/sprite.png) no-repeat 0px -159px;
}

#user-box {
	float:right;
	background:url(images/backgrounds/user-box.jpg) no-repeat bottom left;
	margin-top:5px;
	margin-right:15px;
	width:240px;
	font-size:0.846em;
	overflow:hidden;
	padding-right:20px;
}

#user-box ul {
	margin:0;
	list-style:none;
	padding:0;
	margin-top:10px; 
	overflow:hidden;
}

#user-box ul li{
	overflow:hidden;
}


/* N	 A V I G A T I O N
--------------------------------------------- */

#navigation {
	background:#d0f979 url(images/backgrounds/bg-navigation.jpg) repeat-x bottom left;
	list-style:none;
	padding:0 4px;
	height:39px;
	-moz-border-radius:6px 6px 0 0;
}

#navigation li{
	float:left;
	margin:0 2px;
	position: relative;
}

#navigation li a{
	float:left;
	padding:11px 14px 10px;
	font-weight:bold;
	font-size:0.923em;
	color:#304f21;
}
#navigation li a:hover {
	color: #4a8137;
}

.home li#home,
.forum li#forum,
.shop li#shop,
.avatar li#avatar,
.inventory li#inventory,
.friends li#friends,
.trade li#trade,
.donate li#donate,
.games li#games,
.signin li#signin,
.signup li#signup {
	background:url(images/icons/icon-active.gif)no-repeat center bottom
}

.account li#account {
	background:url(images/icons/icon-active2.gif)no-repeat center bottom
}

#sub-navigation {
	background:#d1ebee url(images/backgrounds/bg-sub-navigation.jpg) repeat-x left bottom;
	list-style:none;
	padding:0 4px;
	height:34px;
	margin:-10px -10px 10px;
}

#sub-navigation li{
	float:left;
	margin:0 5px;
	position: relative;
}

#sub-navigation li a{
	float:left;
	padding:9px 9px 7px;
	font-size:0.923em;
	color:#316f91;
}
#sub-navigation li a:hover {
	color:#23526b;
}

.sub-inbox #sub-inbox,
.sub-outbox #sub-outbox,
.sub-avatar #sub-avatar,
.sub-inventory #sub-inventory,
.sub-profile #sub-profile,
.sub-settings #sub-settings,
.sub-password #sub-password,
.sub-signature #sub-signature,
.sub-style #sub-style {
	background:url(images/icons/icon-sub-active.gif)no-repeat center bottom
}


/* C O N T E N T
--------------------------------------------- */

#content {
	background:#fff;
	color:#333;
	overflow:hidden;
	-moz-border-radius:0 0 8px 8px;
	padding:10px;
}


/* T O P I C S 
--------------------------------------------- */

.topic-head {
	padding:5px 10px;
	overflow:hidden;
}
.topic-head h1 a{
	color:#111;
}
.topic-head-bottom {
	background:#e4f6c9;
	border:1px solid #c8e5b1;
	color:#111;
	padding:8px 10px;
	-moz-border-radius:6px;
	overflow:hidden;
	margin-bottom:10px;
}


/* P O S T - L A Y O U T 
--------------------------------------------- */
.post-grid {
	border-bottom: 1px dashed #ccc;
	float: left;
	margin: 0 10px 12px;
	padding: 0 0 12px;
}
.post-grid #avatar {
	float: left;
}
.post-content {
	background: #d2e5ff;
	float: right;
	margin: 0 0 5px 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 2px 10px 15px;
	width: 660px;
	border:1px solid #c1d3ed;
	position:relative;
}
.post-toolbar {
	color: #999;
	float: right;
	line-height: 30px;
	padding: 0 10px;
	font-size:0.923em;
	width: 660px;
}
.post_author{
	display:block;
	padding:6px 0 3px;
	font-size:1.154em;
	font-weight:bold;
	color:#111;
}

.ribbon {
	position:absolute;
	right:-2px;
	top:-2px;
	z-index:999;
}

.arrow { /* Arrow illusion created by a shifted border */
	border: 15px solid;
	border-color: transparent #d2e5ff transparent transparent;
	float: left;
	height: 0;
	margin-left: -40px;
	margin-top: 35px;
	width: 0;
}
.post-content::-moz-selection{
	background: #ccff66;
	color: #3f6b2f;
} 
.post-content *::-moz-selection{
	background: #ccff66;
	color: #3f6b2f;
} 
.quote-2 {
	background: #b2c6fc;
	border: 1px solid #9bacdb;
	border-radius: 8px;
	font-size: 0.923em;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 7px;
	-webkit-border-radius: 8px;
}
.quote-1 {
	background: #a3b9f4;
	border: 1px solid #94a5d1;
	border-radius: 8px;
	font-size: 0.923em;
	-khtml-border-radius: 8px;
	margin: 0 5px 0 5px;
	-moz-border-radius: 8px;
	padding: 7px;
	-webkit-border-radius: 8px;
}
	
/* G R I D - S Y S T E M
--------------------------------------------- */

.grid_1  { width: 64px;  }
.grid_2  { width: 138px; }
.grid_3  { width: 212px; }
.grid_4  { width: 286px; }
.grid_5  { width: 360px; }
.grid_6  { width: 434px; }
.grid_7  { width: 508px; }
.grid_8  { width: 582px; }
.grid_9  { width: 656px; }
.grid_10 { width: 730px; }
.grid_11 { width: 804px; }
.grid_12 { width: 878px; }

.grid_1, .grid_2, .grid_3,
.grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9,
.grid_10, .grid_11, .grid_12 {
	margin: 0 5px 0 5px;
	overflow: hidden;
	float: left;
	display: inline;/* IE fix */
}

/* F O O T E R
--------------------------------------------- */

#footer {
	font-size:0.846em;
	padding:3px 8px;
	margin-bottom:5px;
	overflow:hidden;
}

#footer a{
	color:#ccff66;
}


/* F O R M S	
--------------------------------------------- */

button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible;
}

button::-moz-focus-inner {
	border: none;
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin-top: -1px;
	}
}

.cute {
	background: transparent url(images/sprite.png) right top no-repeat;
	font-family: Verdana;
	font-size: 0.923em;
	padding: 0 22px 0 0;
	text-align: center;
	margin-left:8px;
}

.cute span {
	background: transparent url(images/sprite.png) left top no-repeat;
	color: #fff;
	height: 21px;
	padding: 8px 0 1px 18px;
	margin-left:-8px;
}

a.cute 		{ padding: 8px 16px 8px 0 }
a.cute span 	{ padding: 8px 0 8px 17px }

a.disabled { background: transparent url(images/sprite.png) no-repeat right -93px }
a.disabled span { background: transparent url(images/sprite.png) no-repeat left -93px; color:#eee; }
a.disabled:hover,
a.disabled:active { background: transparent url(images/sprite.png) no-repeat right -93px; cursor:default; }
a.disabled:hover span,
a.disabled:active span { background: transparent url(images/sprite.png) no-repeat left -93px }

.cute:hover 		{ background-position: right -31px }
.cute:hover span	{ background-position: left -31px }
.cute:active 	{ background-position: right -62px }
.cute:active span { background-position: left -62px }

.form {
	list-style:none;
}
.form li {
	display:block;
	padding:1em 0;
}
.form li p{
	font-size: 0.846em;
	margin:0 0 0 180px;
	color:#666;
}
.form li.last{
	margin:0 0 0 180px;
}
.form li label {
	width:13em;
	float:left;
	font-weight:bold;
	font-family:helvetica;
	text-align:right;
	margin-right:0.8em;
	margin-top:0.4em;
}
.form li label.one-line {
	width:100%;
	display:block;
	text-align:left;
	float:none;
	font-weight:bold;
	font-family:helvetica;
	margin-top:0.4em;
}
.input {
	border:1px solid #333;
	border-color:#999 #ccc #ccc #999;
	padding:4px 6px;
	width:35%;
	color: #333;
}
.input:focus {
	border-color:#777 #aaa #aaa #777;
	color: #111;
}

.input .small {
	width:30% !important;
	font-size:0.923em;
}
.input .medium {
	width:50% !important;
}
.input .large {
	width:97% !important;
}

textarea {
	width:98%;
	height:240px;
	border:1px solid #333;
	border-color:#999 #ccc #ccc #999;
	font-size:1em;
	padding:3px;
	color: #333;
	font-family:"Lucida grande";
}
/* T A B L E S
--------------------------------------------- */

table.clean {
	border-collapse: collapse;
	line-height: 1.5;
	margin: 1em 0;
	width: 100%;
}
table.clean th {
	background: #222;
	color: #fff;
	font-weight: bold;
	padding: 7px 7px;
	text-align: left;
}
table.clean tr td.icon,
table.clean tr th.icon {
	margin: 0;
	padding: 0;
}
table.clean tr td.icon,
table.clean tr th.icon {
	margin: 0;
	padding: 2px 3px 0 8px;
}
table.clean td { padding: 6px 7px; }
table.clean th:first-child { border-left: 0px; }
table.clean tr td.icon img { margin: 1px 0 2px; }
table.clean tr.alt td { background: #e5f2ff; }
table.clean tr.active { 	background: #ffa !important; }
table.clean tr:hover > td { color: #000; }
table.clean tr:hover > td a { color: #009; }
table.clean .sticky { background:#dcffcc; color:#111; }
table.clean .announcement { background:#dcffcc; color:#111; }

.table-organizer {
	background: #3f6b2f;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	margin: 5px 0;
	-moz-border-radius: 8px;
	overflow: hidden;
	padding: 10px;
	--webkit-border-radius: 8px;
}
table.organized {
	border-collapse: collapse;
	font-size: 0.923em;
	width: 100%;
}
table.organized th {
	background: #102f10 url(images/table-head.jpg)repeat-x;
	border-bottom: 1px solid #0b2a0e;
	border-left: 1px solid #071b09;
	color: #e1e1e1;
	font-weight: bold;
	padding: 7px 7px;
	text-align: left;
}
table.organized td {
	background-color: #2b4920;
	border-bottom: 1px solid #345a26;
	color: #b8e089;
	padding: 6px 7px;
}
table.organized th:first-child { border-left: 0px; }
table.organized tr td.icon,
table.organized tr th.icon { margin: 0; padding: 2px 3px 0 8px; }
table.organized tr td.icon img { margin: 1px 0 2px; }
table.organized tr.alt td { background: #233e1a; }
table.organized tr td.alt2 { background: #243f1b }
table.organized tr.alt td.alt2 { background: #1f3817; }
table.organized td a { color: #9bcbff; }
table.organized tr:hover > td { background: #3d6227; 	color: #fff; }
table.organized tr:hover > td a { color: #b4d5ff; }
table.organized tr:hover > td.alt2 { background: #2f5123; }


/* F O R U M S  &  T O P I C S
--------------------------------------------- */
ul.forum {
	background: #d8edff;
	border: 1px solid #a5c9e7;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	list-style: none;
	margin: 5px 0 14px;
	-moz-border-radius: 8px;
	overflow: hidden;
	padding: 5px;
	-webkit-border-radius: 8px;
}
ul.forum li {
	background: #bcdaff;
border:1px solid #a6c8f7;
	border-radius: 8px;
	float: left;
	-khtml-border-radius: 8px;
	margin: 5px;
	-moz-border-radius: 8px;
	padding: 10px;
	-webkit-border-radius: 8px;
	width: 406px;
	min-height:60px;
}
ul.forum li p {
	color: #3a5a99;
	font-size: 0.846em;
	margin: 0 0 4px;
}
ul.forum li a {
	font-size: 1.077em;
	font-weight: bold;
}
.forum-active {
	background:#ffb !important;
	border-color:#dd5 !important;
}
.forum-active a {
	color:#d38101;
}
.forum-active p {
	color:#333 !important;
}

.bb-code {
	background: #744b01;
	clear: both;
	-moz-border-radius: 4px;
	overflow: hidden;
	padding: 7px;
}
.bb-button {
	background: #e2f1ff;
	border: 1px solid #bbb;
	display: block;
	float: left;
	height: 16px;
	margin: 0 1px 3px;
	padding: 4px;
	width: 16px;
}

/* T O P I C - R E V I E W
--------------------------------------------- */
.review {
	background: #eee;
	border: 1px solid #aaa;
	color: #111;
	padding: 0 0 0 20px;
}
fieldset.review legend {
	background: #222;
	border-radius: 4px;
	color: #ccff66;
	font-family: Helvetica;
	font-size: 1.154em;
	font-weight: bold;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 6px 13px;
	-webkit-border-radius: 4px;
}
.review ul {
	height: 140px;
	margin: 0;
	margin-left: -10px;
	overflow-y: scroll;
	padding: 0;
}
.review ul li {
	border-bottom: 1px solid #bbb;
	padding: 10px;
}

/* T R A D E S 
--------------------------------------------- */
.trades {
	margin:0;
	padding:0;
	list-style:none;
}
.trades li {
	display:block;
	background:#eee;
	margin:2px 0;
	line-height:1.3;
	border:1px solid #ccc;
	padding:8px 6px;
}
.simple {
	padding:10px;
	background:#eee;
	border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.blue-box {
	background:#cbe9ff;
}
.green-box {
	background:#dfff8d;
}
.middle {
	text-align:center;
	margin:0 auto;
}

/* H O M E - P A G E 
--------------------------------------------- */
#epicenter {
	height:260px;
	background:url(images/backgrounds/bokeh-2.jpg)no-repeat;
	margin-bottom:10px;
	color:#fff;
	padding:15px 20px;
}
#epicenter h1 {
	color:#fff;
}

.split {
	float:left;
	width:285px;
	min-height:210px;
	color:#fff;
}

.clean-side {
	background:#bddaff;
	-moz-border-radius:6px;
}

#sign-in {
	height:170px;
	background:#fff;
	color:#222;
	padding:10px;
	margin:10px;
	-moz-border-radius:6px;
	border:1px solid #9dc0ec;
}
#sign-in li {
	padding:12px 0 2px;
}
#sign-in label {
	width:68px;
}
#sign-in .input {
	width:145px;
}
#statistics {
	color:#94cee9;
	height:160px;
	padding:10px;
	-moz-border-radius:6px;
	margin:10px;
	background:#333;
}

#statistics ul {
	list-style:none;
	margin-left:14px;
}
#statistics ul li{
	margin:8px 0;
}
#statistics ul li strong{
	font-family:"Lucida Grande";
	letter-spacing:-1px;
	color:#666;
	display:block;
	float:left;
	width:135px;
}
#statistics ul li .value{
	font-family:"Georgia";
	line-height:1;
	font-size:1.308em;
}
.split h3{
	line-height:1.8;
	margin:2px 0 2px 12px;
	color:#222;
}
.split ul{
	margin:4px 6px 4px;
	display:block;
	background:#fff;
}
.split ul li{
	overflow:hidden;
	padding:4px 8px;
	color:#222;
}

.announcements {
	-moz-border-radius:6px;
	background:#bddaff;
}
.banner {
	background:#fff url(images/artwork/jan-items.jpg);
	text-indent:-9999px;
}

#sign-up-button {
	float:right; 
	display:block; 
	background:url(images/buttons/button-highlight.png); 
	color:#111; 
	text-indent:-9999px;
	width:196px; 
	height:86px; 
	font-size:2.4em; 
	margin:50px 25px 0 0;
}

#notifications {
	min-height:170px;
	background:#fff;
	color:#222;
	padding:10px;
	margin:10px;
	-moz-border-radius:6px;
	border:1px solid #9dc0ec;
}
#notifications ul {
	margin:0;
	padding:0;	
	list-style:none;
	line-height:1.2;
	font-size:0.846em;
	
}
#notifications ul li{
	margin:0;
	padding:6px 0;	
	cursor:default;
	border-bottom:1px solid #ddd;
}
#notifications ul li:hover{
	background:#eee;
	border-bottom:1px solid #ddd;
}
#notifications ul li span{
	color:#666;
}

/* S H O P S  &  I T E M S
--------------------------------------------- */
ul#shops li {
	background: #333;
	border: 1px solid #111;
	margin: 1px 0;
	padding: 10px;
}
ul#shops li a {
	color: #fff;
	display: block;
	font-size: 1.154em;
	font-weight: bold;
}
ul#shops {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#shops li p {
	color: #999;
	font-size: 0.846em;
	margin: 0;
}
.items {
	list-style: none;
	margin: 0;
	padding: 0;
}
.items li {
	float: left;
}
.items li a {
	color: #001f4e;
	display: block;
	-moz-border-radius: 6px;
	padding: 2px 12px 6px;
}
.items li a:hover {
	background: #ee7;
	text-decoration: none;
}

.simple-list{
	list-style:none;
	font-size:0.923em;
}

.simple-list li{
	margin:0;
	padding:5px;	
	cursor:default;
	border-bottom:1px solid #ddd;
}
.simple-list li:hover{
	background:#eee;
	border-bottom:1px solid #ddd;
}
.simple-list li span{
	color:#666;
}

.percent-rate{
	background:#fff url(images/backgrounds/level.gif)no-repeat right top;
	border:1px solid #aaa;
	float:left;
	text-align:center;
	font-weight:bold;
	width:135px;
	height:19px;
	font-size:12px;
}