/*
	Color sets
	
	VERY light grey: #ececec
	Light grey: #485048
	Dark grey: #303930
	Light green: #9ad04d
	Dark green: #549821
	Yellow: #c8bc59
	Blue: #4a9dcc
	
*/
/* General Style */ 
body {
	background: #303930;
	margin: 0;
	padding: 0;
	font: .8em Tahoma, Verdana, Helvetica;
	color: white;
}

a {color: #FFFFFF; background: none; text-decoration: none;}
a:hover {
	color: white;
	text-decoration: none;
	background-color: #000000;
}
img, img a, img a:hover {border: 0; padding: 0; margin: 0; background: transparent;}
h1 {
	font-size: .8em;
	font-weight: normal;
	color: #6699FF;
	width: 81px;
	height: 18px;
	position: absolute;
	margin: 10px 0 0 65px;
}

h2, h3 {color: #4a9dcc; font-weight: normal; margin: 0 0 10px 0;}
h4 {color: #c8bc59; font-size: 1.2em; font-weight: normal;}

hr {border: 1px solid #ddd;}

del {text-decoration: none; line-height: 30px;}

li.listed {list-style: disc; padding: 4px 0;}

#contestRules ol {list-style: decimal; margin: 0;}
#contestRules ol li {list-style: decimal; margin: 8px 0;}
#contestRules .ruleset {border: 4px solid #ccc; background: #ececec; padding: 15px;}

a#corner {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 90px;
	width: 100px;
	background: url(http://www.evopixel.com/img/eromania_donate.png) top right no-repeat !important;
	background: none;
	text-indent: -999em;
	text-decoration: none;
	cursor: hand;
}

#pageWrap {
	background: #990000 url(http://www.evopixel.com/img/bg.png) top left repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

#container {
	margin: 0 auto 0 auto;
	background: url(http://www.evopixel.com/img/container.png) top left repeat-y;
	width: 837px; height: 100px;
	overflow: hidden;
}
#containerTop, #containerTop2 {
	background: url(http://www.evopixel.com/img/containertop.png) top left no-repeat;
	width: 837px; height: 1px;
	margin-top: 70px;
	float: left;
	display: inline;
}
#containerTop, #containerTop2 {margin-top: 96px;}
#containerBottom {
	background: url(http://www.evopixel.com/img/containerbottom.png) top left no-repeat;
	width: 837px; height: 1px;
	margin: 0 auto 0 auto;
}

.logo {width: 55px; height: 43px; margin-top: 0; z-index: 1235; position: relative;}
.logo a img, .logo a:hover img {background: none;}

#wrapper1 {
	width: 837px;
	background: transparent url(http://www.evopixel.com/img/greenie.png) 0 0px no-repeat;
}
#forestWrapper {
	width: 837px;
	background: transparent url(http://www.evopixel.com/img/toata_lumea.png) 0 0px no-repeat;
}

#content {
	background: white;
	clear: both;
	color: #666;
	overflow: hidden;
	padding: 8px;
	background: url(http://www.evopixel.com/img/contai.png) top left repeat-y;
	width: 801px;
}

#leftContent {
	width: 470px;
	float: left;
	display: inline;
}

#content li {list-style: none; padding: 2px;}

#whole_page {
	width: 837px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}


#nav {
	color: #666;
	font-size: 12pt;
	background: #ececec;
	padding: 0.5em;
}

#footer {
	background: #303930;
	width: 100%;
	height: 115px;
	font-size: 0.85em;
}

#footer ul {
	list-style: none;
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: center;
	padding: 8px 0 0 0;
}

#footer li {
	display: inline;
	padding: 0 10px 0 0;
}

/* Hack to get IE to display fieldset/legend correctly */

html fieldset {
  position: relative; 
}
html legend { 
  position:absolute; 
  top: -1em; 
  left: .5em;
  font-size: 1.2em;
}
html fieldset {
  position: relative; 
  margin-top:1em; 
  padding-top:2em; 
  padding-bottom: 2em;
}


/*EXTRAS*/
.fr {float: right; display: inline;}
.fl {float: left; display: inline;}
.overflow_hidden {overflow: hidden;}
.cleared {clear: both;}
.height100 {height: 100%;}


/* Form Styles */
form {margin: 0; padding: 0;}
fieldset { 
	background: white; 
	border: 0;

} 
h3.login {color: #73cff6;}
legend { 
	color: #c8bc59;  
	padding: 3px 0em; 
	border: 0;
} 
label { 
	width: 6em; 
	float: left; 
	text-align: left; 
	margin-right: 0.1em; 
	display: inline; 
	font-size: 12px;
	
}
.form_row {
	white-space: nowrap;
	padding-bottom: .5em;
} 
.form_row label {font-size: 12px; padding-top: 2px;} 

.submit { 
	margin: 10px 0em 0 0; 
	float: right;
	display: inline;
}

.submit {
	border-top: 2px solid #303930;
	border-left: 2px solid #303930;
	border-bottom: 2px solid #303930;
	border-right: 2px solid #303930;
	background: #485048;
	font-family: Tahoma;
	color: #4a9dcc;
	font-weight: bold;
	font-size: 1.6em;
	cursor: pointer;
	padding: 4px;
}
.submit:hover {background: #9ad04d; color: white;}


.searchText {border: 1px solid #ececec; width: 56px; font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930;}
.searchText:hover {border: 1px solid green; color: #549821;}

#searchBar {
	width: 280px;
	height: 67px;
	background: url(http://www.evopixel.com/img/searchbar.png) top left no-repeat;
}
.searchField {
	width: 160px;
	background: white;
	font-size: 1.8em;
	font-family: Tahoma, Verdana;
	height: 30px;
	border: 1px solid #ececec;
	float: right;
	display: inline;
	margin: 16px 18px 0 0;
	color: #303930;
}

.searchField:hover {color: #485048; border: 1px solid green;}

#evopixelSearchBar {
	width: 700px;
	height: 67px;
	background: url(http://www.evopixel.com/img/longsearchbar.png) top left no-repeat;
}
.evopixelSearchField {
	width: 575px;
	background: white;
	font-size: 1.8em;
	font-family: Tahoma, Verdana;
	height: 30px;
	border: 1px solid #ececec;
	float: right;
	display: inline;
	margin: 16px 18px 0 0;
	color: #303930;
}

.evopixelSearchField:hover {color: #485048; border: 1px solid green;}

/*Stuff for login/register */
.unbox, .embox, .pwbox {color: #303930; padding: 0 5px; width: 120px; border: 1px solid #ececec; font-family: Tahoma; font-size: 1.5em;}
.unbox:hover, .embox:hover, .pwbox:hover {border: 1px solid green; color: #549821;}

/* Error Reporting Styles */

.fieldWithErrors {
  padding: 2px;

  border: 2px solid red;
  display: inline-table;
}

#errorExplanation {
  /* width: 400px; */
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #ececec;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #303930;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
} 

/* Flash Notice Style */

#notice, .notice, .notice2 {
  border: 1px solid #22fc40;
  padding: 1em 25px 1em 25px;
  margin-bottom: 2em;
  width: 750px;
  background: #9ef3aa url(http://www.evopixel.com/img/ico_check.png) 6px .9em no-repeat;
  font: bold smaller sans-serif;
  color: #2f2c2c;
  clear: both;
}

.notice2 {background: #ececec url(http://www.evopixel.com/img/ico_notice2.png) 6px .9em no-repeat; border: 1px solid #ccc;}

/* Flash Error Style */

#error, .error {
  border: 1px solid #e45331;
  padding: 1em 25px 1em 25px;
  margin-bottom: 2em;
  width: 750px;
  background: #faae9c url(http://www.evopixel.com/img/ico_error.png) 6px .9em no-repeat;
  color: #2f2c2c;
  font: bold smaller sans-serif;
  clear: both;
}

/* Debug Style */

.debug_dump  {
	border-top: 1px dashed green;
}
#debug {
  width: 800px;
  margin: 0 auto 10px auto;
  text-align: center;
  color: #666;
}
#debug a, #debug a.visited {
  text-decoration: none;
	color: maroon;
}
fieldset.debug_info {
  text-align: left; 
  border: 1px dashed #aaa; 
  padding: 10px; width: 796px; 
  background: #eee;
}

/* Community Styles */

.letter, .letter_current {
	width:  1em;
	text-align:  center;
	border: 1px solid #ececec; 
	background: #4a9dcc; 
	padding: 4px; 
	float: left;
	display: inline; 
	margin: 2px;
	color: white;
}

.letter:hover {
  background: #9ad04d;
}

.letter_current {
  background: #ececec;
  font-weight: bold;
  color: #303930;
  border:  1px solid #303930;
}
table td.checkbox {
	width: 10px;
	border: 0;
}
table.users {
	background:  #fff;
	margin-left:  2em;
	width: 450px;
	text-align: center;
}

table.users td.bottom {
	border-top: 1px solid #999;
	padding-top: 10px;
}

table.users th {
	color:  #666;
	background:  white;
	font-weight:  bold;
	
}

table.users th a {
	color:  white;
	text-decoration: underline;
}

table.users tr.even {
	background: white;
}

table.users tr.odd {
	background: white;
}

table.users td.avatar {
	width: 70px;
	text-align: left;
}
table.users td.karma {
	width: 70px;
	text-align: center;
}

#inviteFriend {
	width: 280px;
	border: 2px solid #ededed;
	padding: 4px;
	float: right;
	display: inline;
}

#inviteFriendTab {
	overflow: hidden;
	background: #1E261E;
	width: 150px;
	position: absolute;
	z-index: 1000;
	font-size: 10px;
	margin: 19px 0 0 30px;
}

#inviteFriendTab a {color: #4a9dcc; display: block; padding: 2px 0 2px 0; text-align: center; width: 150px; font-weight: bold;}

#inviteFriendTab a:hover {background: #485048;}



/*Public Gallery*/
ul.publicAlbumList {
	width: 800px;
	overflow: hidden;
	height: 100%;
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.publicAlbumList li {
	float: left;
	display: inline;
	width: 380px;
	height: 100%;
	overflow: hidden;
	margin: 10px 5px;
	
}
ul.publicAlbumList li div.albumInfo {
	float: left;
	display: inline;
	width: 190px;
}
ul.publicAlbumList li div.albumInfo span.albumPicCount {margin: 2px 0; font-size: .8em; color: #aaa;}
ul.publicAlbumList li div.albumInfo p.albumTitle {font-size: 1.3em; color: #c8bc59; margin: 0;}
ul.publicAlbumList li div.albumInfo p.albumDescription {}
ul.publicAlbumList li div.albumInfo span.albumDate {font-size: .8em; margin: 2px 0; color: #aaa;}

ul.publicAlbumList li div.deleteFriend {margin: 56px 0px 0px 0px; position: absolute; z-index: 1000;}
*:first-child+html ul.publicAlbumList li div.deleteFriend {margin: 56px 0px 0px -180px;}

.thumbnail_none {
	position: relative;
	float: left;
	display: inline;
	height: 50px;
	width: 50px;
	padding: 4px;
	margin-right: 10px;
	border: 1px solid #ccc;
	background-color: #ececec;
}
.thumbnail_none img {position: absolute; margin: 0; }


/*Menu bar*/

#topNav {
	list-style: none;
	padding: 0px 0 0 0;
	margin: 0px auto 0 auto;
	background: url(http://www.evopixel.com/img/topbar.png) top left repeat-x;
	float: right;
	display: inline;
	height: 43px;
	z-index: 2;
}
*:first-child+html #topNav {margin: 21px auto -80px auto;}
* html #topNav {margin: 21px auto -80px auto;}

#topNav li {
	float: left;
	height: 30px;
	padding: 0 5px 0 0;
	display: inline;
}

#topNav li a {
	text-decoration: none;
	list-style: none;
	display: block;
	height: 30px;
}



.o1 a {color: white; font-size: .8em; padding: 17px 8px 0 8px; text-align: center;}
.o1 a:hover {color: #aaa; height:30px;background: none;}
#mainMenu li.o2 {color: #aaa; font-size: .8em; padding: 4px 8px 0 8px; margin-left: 30px;text-align: center;}
#mainMenu li.o2 a {color: #4a9dcc;}
#mainMenu li.o2 a:hover {color: #c8bc59; background: none;}
#mainMenu li.o3 {color: #aaa; font-size: .8em; padding: 4px 8px 0 8px; text-align: center;}
#mainMenu li.o3 a {color: #4a9dcc;}
#mainMenu li.o3 a:hover {color: #c8bc59; background: none;}

.oselected a {color: #549821; font-size: 1.1em; height:43px; background: white; padding: 10px 5px 0 5px; text-align: center;}
.oselected a:hover {color: #549821; height:43px; background: white;}

.o4 a {color: white; font-size: .8em; padding: 0px 0px 10px 0px;}

/*Individual menu labels */

.home a {width: 42px; background: url(http://www.evopixel.com/img/m_home.png) 0 0;}
.trading a {width: 70px; background: url(http://www.evopixel.com/img/m_trading.png) 0 0;}
.community a {width: 66px; background: url(http://www.evopixel.com/img/m_community.png) 0 0;}
.gogreen a {width: 57px; background: url(http://www.evopixel.com/img/m_gogreen.png) 0 0;}
.fashion a {width: 49px; background: url(http://www.evopixel.com/img/m_fashion.png) 0 0;}
.register a {width: 52px; background: url(http://www.evopixel.com/img/m_register.png) 0 0;}
.login a {width: 39px; background: url(http://www.evopixel.com/img/m_login.png) 0 0;}
.logout a {width: 46px; background: url(http://www.evopixel.com/img/m_logout.png) 0 0;}
.myprofile a {width: 59px; background: url(http://www.evopixel.com/img/m_myprofile.png) 0 0;}
/*I would've done this by just changing all the background positions in one go, but
  IE is a piece of crap and didn't like it.*/
.home a:hover {width: 42px; background: url(http://www.evopixel.com/img/m_home.png) bottom right;}
.trading a:hover {width: 70px; background: url(http://www.evopixel.com/img/m_trading.png) bottom right;}
.community a:hover {width: 66px; background: url(http://www.evopixel.com/img/m_community.png) bottom right;}
.gogreen a:hover {width: 57px; background: url(http://www.evopixel.com/img/m_gogreen.png) bottom right;}
.fashion a:hover {width: 49px; background: url(http://www.evopixel.com/img/m_fashion.png) bottom right;}
.register a:hover {width: 52px; background: url(http://www.evopixel.com/img/m_register.png) bottom right;}
.login a:hover {width: 39px; background: url(http://www.evopixel.com/img/m_login.png) bottom right;}
.logout a:hover {width: 46px; background: url(http://www.evopixel.com/img/m_logout.png) bottom right;}
.myprofile a:hover {width: 59px; background: url(http://www.evopixel.com/img/m_myprofile.png) bottom right;}

#mainMenu ul li a {height: 43px; text-indent: -9999px; padding: 0; margin: 0;}
.newevent a {margin-right: 30px; width: 37px; background: url(http://www.evopixel.com/img/newevent2.png) 0 0;}
.newevent a:hover {background: url(http://www.evopixel.com/img/newevent2.png) 0 0;}
/*.newevent a {margin-right: 30px; width: 36px; background: url(http://www.evopixel.com/img/newevent.png) 0 0;}*/

/*-----------------------*/


#mainMenu ul {
	list-style: none;
	float: right;
	margin: 0;
	display: inline;
}
#mainMenu a {display: block; color:white;}
#mainMenu a span {display: block; padding:4px 5px;}
#mainMenu li ul li a strong {color: white; padding: 0; display: inline;}
#mainMenu li ul li a:hover strong {color: #549821;}
#mainMenu li:hover a, #mainMenu li a {position: relative; z-index:1000;}
#mainMenu ul ul a {	
	display:block;	
	width:110px;
	margin: 0 0 0 -40px;
	list-style: none;
	padding: 5px 0 5px 30px;
	font-size: .8em;
	color: #5EA9ER;
	background: none;
	text-indent: 0;
	height: auto;
}
#mainMenu ul ul a:hover {background: url(http://www.evopixel.com/img/sageata_mica.png) 3px 3px no-repeat; color: #549821;}
#mainMenu ul ul li.evopixelStore a {font-weight: bold; color: #c8bc59;}
#mainMenu ul ul li.evopixelStore a:hover {color: #4a9dcc;}
#mainMenu li {float: left; padding: 0 4px; margin: 0;}
#mainMenu ul ul li {background: none; padding-left:1px;}
/*#mainMenu ul ul li.top-li {margin-top: 0px; padding: 0; background: url(http://www.evopixel.com/img/menu_bg_top.png) -40px -40px no-repeat; width: 206px;}*/
#mainMenu li.mm2 {background: none;}
#mainMenu li ul {position: absolute; background: url(http://www.evopixel.com/img/menu_bg_bottom.png) 0% 100% no-repeat; width: 106px; padding-bottom: 10px; left: -9999px; z-index: 1000;}
#mainMenu li:hover ul, #mainMenu li.sfhover ul {left: auto;}

/*Color Picker*/
#colorPickerMenu, #colorPickerMenuMain {width: 56px; height: 18px; background: url(http://www.evopixel.com/img/colorpicker.png) 0 0 no-repeat; margin: 0 0 0 0px; position: absolute; z-index: 1200;}
#colorPickerMenuMain {margin: -3px 0 0 0px;}
#colorPickerMenu ul {list-style: none; margin: 0px 0 0 6px; height: 18px; padding: 0;}
#colorPickerMenu ul li {float: left; display: inline; padding: 0 2px 0 0; margin: 0; position: relative; z-index: 1300;}
#colorPickerMenuMain ul {list-style: none; margin: 0px 0 0 6px; height: 18px; padding: 0;}
#colorPickerMenuMain ul li {float: left; display: inline; padding: 0 2px 0 0; margin: 0; position: relative; z-index: 1300;}
/*.colorpickmain {margin: -3px 0 0 0;}*/


/*Text*/
p.newAd {float: left; display: inline; clear: both; font-weight: bold; font-size: 1.6em; text-indent: 0px; margin: 50px 0 0 0;}
p.newAd2 {float: left; display: inline; clear: both; margin: 50px 0 0 0;}
p.newAd a, p.newAd a:visited {color: white; background: #9ad04d; text-decoration: none;}
p.newAd a:hover {background: #c8bc59;}
span.littleTime {font-size: .8em;}
p.cloudSpace {word-spacing: 5px;}
span.userName {color: #000;}
p.cloudSpace a:hover {color: white;}
a.catCloud:hover {color: white; background: #303930;}
p.userEditExplain {margin: 0 0 10px 0; padding: 4px; width: 360px; background: #ececec;}
.indexViewTag {margin-left: 20px;}
*:first-child+html .indexViewTag {display: block; float: none;}


/*Resources areas*/
.linkBoxClass {font-size: 15px; margin-bottom: 10px;}
.linkBoxClass span {font-size: 11px; color: #ccc;}


/*Friends*/
#friendsTool {}
.friendsWrap {width: 490px; overflow: hidden; padding-bottom: 10px;}
.allFriendsWrap {width: 800px; overflow: hidden; padding-bottom: 10px;}
.topFriendsWrap {margin: 0 auto 0 auto; width: 800px; overflow: hidden; padding-bottom: 10px;}
.friendsWrap h3, .allFriendsWrap h3 {color: #4a9dcc;}


.friendlist {
	list-style: none;
	width: 485px;
	overflow: hidden;
	padding: 0;
	margin-left: 0;
}
.allFriendlist {
	list-style: none;
	width: 785px;
	overflow: hidden;
	padding: 0;
	margin-left: 10px;
}

.allFriendlist img, .friendlist img {padding: 0px; margin: 0;}
.friendlist li a:hover, .allFriendlist li a:hover {background: #303930; border: 1px solid white;}

.friendlist li {
	float: left;
	width: 50px;
	margin: 0px 10px 4px 5px;
	padding: 0px;
	display: block;
}

.allFriendlist li {
	float: left;
	width: 50px;
	margin: 0px 19px 14px 5px;
	padding: 0px;
	display: block;
}

.friendlist li a, .allFriendlist li a {float: left; padding: 4px; background: #ececec; border: 1px solid #ccc;}


.pendingFriendCount {color: green;}
li span.acceptFriend a {color: green;}
li span.acceptFriend a:visited {color: green;}
li span.declineFriend a, li span.deleteFriend a {color: red;}
li span.declineFriend a:visited, li span.deleteFriend a:visited {color: red;}
li span.acceptFriend a:hover, li span.declineFriend a:hover, li span.deleteFriend a:hover {color: #ccc;}
/*Little delete icon*/
li div.deleteFriend a {background: url(http://www.evopixel.com/img/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; margin: -63px 0 0 -8px; position: relative; z-index: 10; text-indent: -9999px; float: left; display: inline; border: 0;}
li div.deleteFriend a:hover {background: url(http://www.evopixel.com/img/ico_delete.png) bottom left no-repeat; border: 0;}

/*Little accept/show icon*/
li div.acceptFriend a {background: url(http://www.evopixel.com/img/ico_accept.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: -13px -16px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline; border: 0;}
li div.acceptFriend a:hover {background: url(http://www.evopixel.com/img/ico_accept.png) 0 0 no-repeat; border: 0;}

/*Little edit icon*/
li div.editItem a {background: url(http://www.evopixel.com/img/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: -63px -17px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline; border: 0;}
li div.editItem a:hover {background: url(http://www.evopixel.com/img/ico_edit.png) 0 0 no-repeat; border: 0;}

/*Little edit icon for boxes*/
.editItem a {background: url(http://www.evopixel.com/img/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: 0px -3px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
.editItem a:hover {background: url(http://www.evopixel.com/img/ico_edit.png) 0 0 no-repeat;}

/*Little delete icon for boxes*/
.deleteItem a {background: url(http://www.evopixel.com/img/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; margin: 0px -3px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px;display: inline;}
.deleteItem a:hover {background: url(http://www.evopixel.com/img/ico_delete.png) bottom left no-repeat;}

/*Little show icon for boxes*/
.showItem a {background: url(http://www.evopixel.com/img/ico_accept.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: 0px -3px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
.showItem a:hover {background: url(http://www.evopixel.com/img/ico_accept.png) 0 0 no-repeat;}


/*---------------------*/
/*Little edit icon for boxes*/
div.editItem2 a {background: url(http://www.evopixel.com/img/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
div.editItem2 a:hover {background: url(http://www.evopixel.com/img/ico_edit.png) 0 0 no-repeat;}

/*Little flag icon for classified ad*/
div.flagItem2 a {background: url(http://www.evopixel.com/img/ico_flag.png) bottom left no-repeat; height: 15px; width: 65px; padding: 0 0 0 20px; float: right; position: absolute; z-index: 50; margin: -20px 0 0 395px; display: inline; color: red; font-weight: bold;}
div.flagItem2 a:hover {background: url(http://www.evopixel.com/img/ico_flag.png) 0 0 no-repeat; color: red;}

/*Little delete icon for boxes*/
div.deleteItem2 a {background: url(http://www.evopixel.com/img/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
div.deleteItem2 a:hover {background: url(http://www.evopixel.com/img/ico_delete.png) bottom left no-repeat;}

/*Little edit icon for non-boxes*/
div.editItem3 a {background: url(http://www.evopixel.com/img/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin-left: 468px; position: relative; z-index: 10; text-indent: -9999px; display: block;}
div.editItem3 a:hover {background: url(http://www.evopixel.com/img/ico_edit.png) 0 0 no-repeat;}

/*Little edit icon for non-boxes left*/
div.editItem4 a {background: url(http://www.evopixel.com/img/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin-left: 0px; position: relative; z-index: 10; text-indent: -9999px; display: block;}
div.editItem4 a:hover {background: url(http://www.evopixel.com/img/ico_edit.png) 0 0 no-repeat;}



.requestFriendCount {color: red;}

#friendEditTool {display: none;}

/*Do they evopixel?*/
#evopixelerLeaf {width: 50px; height: 52px; float: left; margin: -15px 8px 0 0; display: inline; position: absolute; z-index: 10;}

/*Event notifier*/
#eventNotify {width: 50px; height: 52px; float: left; display: inline; margin: -15px 8px 0 0;}

.hilite {color: #dd432a;}
.hilite2 {color: #4a9dcc;}
.hilite3 {color: #c8bc59;}
.hilite4 {color: #549821;}

/*Header image tags*/
#h_forest {position: absolute; z-index: 20; margin: 85px 0 0 137px; width: 212px; height: 43px; background: url(http://www.evopixel.com/img/h_forest.png) 0 0;}
#h_forums {position: absolute; z-index: 20; margin: 85px 0 0 137px; width: 212px; height: 43px; background: url(http://www.evopixel.com/img/h_forums.png) 0 0;}
#h_search {position: absolute; z-index: 20; margin: 85px 0 0 177px; width: 128px; height: 43px; background: url(http://www.evopixel.com/img/h_search.png) 0 0;}
#h_trading {position: absolute; z-index: 20; margin: 95px 0 0 125px; width: 235px; height: 37px; background: url(http://www.evopixel.com/img/h_forest.png) 0 0;}
#h_postoffice {position: absolute; z-index: 20; margin: 100px 0 0 130px; width: 228px; height: 30px; background: url(http://www.evopixel.com/img/h_postoffice.png) 0 0;}
#h_profiles {position: absolute; z-index: 20; margin: 85px 0 0 165px; width: 168px; height: 43px; background: url(http://www.evopixel.com/img/h_profiles.png) 0 0;}
#h_groups {position: absolute; z-index: 20; margin: 85px 0 0 187px; width: 121px; height: 51px; background: url(http://www.evopixel.com/img/h_groups.png) 0 0;}
#h_articles {position: absolute; z-index: 20; margin: 85px 0 0 167px; width: 163px; height: 42px; background: url(http://www.evopixel.com/img/h_articles.png) 0 0;}
#h_evopixel {position: absolute; z-index: 20; margin: 85px 0 0 187px; width: 120px; height: 41px; background: url(http://www.evopixel.com/img/h_evopixel.png) 0 0;}


/*Tooltips*/.tooltip{width: 100px; color:#fff; font:.8em Tahoma, Verdana, Arial; text-decoration: none; text-align: center; font-weight: bold; position: relative; z-index: 1001; border: 2px solid #ececec;}.tooltip span.top{padding: 0px; background: #303930;}.tooltip b.bottom{padding: 0; color: #fe82b4; background: #549821;}


/*Paginator*/
.paginator {
	padding: 5px 0;
	margin: 0 1px;
	float: left;
	display: inline;
	overflow: hidden; height: 100%;
}
.paginator_tag {
	padding: 5px 0;
	float: left;
	display: inline;
}
.paginator a {
	border: 1px solid #d1d1d1;
	padding: 2px 6px;
	margin: 0 1px;
}

/*----------------*/
/*---Intro page---*/
/*----------------*/
#introWrap {
	width: 900px;
	margin: 0px auto 0 auto;
}

#introContent {
	width: 900px;
	overflow: hidden;
	background: url(http://www.evopixel.com/img/intro_bg.png) top left no-repeat;
}

#introArea {
	width: 340px;
	float: left;
	margin: 100px 0 0 130px;
	display: inline;
}	
.whatisevopixel {background: url(http://www.evopixel.com/img/whatisevopixel.png) 0 0 no-repeat; width: 303px; height: 42px;}
.whyevopixel {background: url(http://www.evopixel.com/img/whyevopixel.png) 0 0 no-repeat; width: 223px; height: 51px;}
.whoevopixeles {background: url(http://www.evopixel.com/img/whoevopixeles.png) 0 0 no-repeat; width: 263px; height: 41px;}
.getstarted {background: url(http://www.evopixel.com/img/getstarted.png) 0 0 no-repeat; width: 220px; margin: 0 0 0 10px; height: 40px;}
/*Logged in*/
.welcome {background: url(http://www.evopixel.com/img/welcomeback.png) 0 0 no-repeat; width: 257px; height: 41px;}
#introArea li {list-style-image: url(http://www.evopixel.com/img/sageata_mica.png); padding: 2px 0 2px 0;}

#introArea li#learn a {background: #dd432a;}
#introArea li#discover a {background: #559aba;}
#introArea li#shop a {background: #a29d44;}
#introArea li#fashion a {background: #6a9a35;}
#introArea li#discuss a {background: #d880cc;}
#introArea li#learn a:hover,
#introArea li#discover a:hover,
#introArea li#shop a:hover,
#introArea li#fashion a:hover,
#introArea li#discuss a:hover {background: #303930;}

#introArea a {color: #ececec;}
#introArea a:hover {background: #303930; color: #ececec;}
#introArea .amount {color: white;}
#introArea a:hover.amount {color: #961f21; color: #ececec;}
p#loginText, p#loginText2 {color: #303930; font-size: 1.5em; width: 220px; text-align: center; padding: 0 0 0 10px

#recentevopixelesWrap, #recentevopixelesWrap2 {
	float: right;
	width: 265px;
	margin: 100px 130px 0 0;
	overflow: hidden;
	display: inline;
}
#recentevopixeles, #recentevopixeles2 {
	width: 265px;
	background: url(http://www.evopixel.com/img/interactii.png) 0 0 repeat-y;
	overflow: hidden;
}
#recentevopixelesTop, #recentevopixelesTop2 {width: 265px; height: 19px; background: url(http://www.evopixel.com/img/intrari_recente_top.png) 0 0 repeat-y;}
#recentevopixelesBot, #recentevopixelesBot2 {width: 265px; height: 19px; background: url(http://www.evopixel.com/img/intrari_recente_bottom.png) 0 0 repeat-y; clear: left; margin-bottom: 10px;}

#recentevopixeles h4, #recentevopixeles2 h4 {color: #4a9dcc; font-weight: normal; margin: 0; padding: 0 0 6px 30px; font-size: 1.1em;}

.leaf {width: 108px; height: 66px; background: url(http://www.evopixel.com/img/sageata.png) 0 0 no-repeat; position: absolute; margin: -23px 0 0 200px; z-index: 100;}
.tree1 {width: 60px; height: 70px; background: url(http://www.evopixel.com/img/tree1.png) 0 0 no-repeat; position: absolute; margin: 0px 0px 0px 180px; z-index: 1;}
.tree3 {width: 40px; height: 46px; background: url(http://www.evopixel.com/img/tree3.png) 0 0 no-repeat; position: absolute; margin: 24px 0 0 223px; z-index: 1;}
.tree4 {width: 30px; height: 35px; background: url(http://www.evopixel.com/img/tree4.png) 0 0 no-repeat; position: absolute; margin: -30px 0 0 200px; z-index: 1;}
.tree7 {width: 30px; height: 41px; background: url(http://www.evopixel.com/img/tree7.png) 0 0 no-repeat; position: absolute; margin: -23px 0 0 223px; z-index: 1;}
.arrow {width: 56px; height: 54px; background: url(http://www.evopixel.com/img/greenarrow.png) 0 0 no-repeat; position: absolute; margin: 40px 0 0 310px;}


ul.recentevopixellist { margin: 0 0 0px -25px; float: left; display: inline;}
*:first-child+html ul.recentevopixellist { margin: 0 0 0px -6px; }


li.recentevopixellist {
	float: left;
	text-align: center;
	display: inline;
	margin: 0px 35px 10px 0;
	width: 234px;
	background: url(http://www.evopixel.com/img/noi_amici.png) 88px 6px no-repeat;
	border: 1px solid #ececec;
	color: #303930;
	font-size: .85em;
}
li.recentevopixellist img {margin-top: 3px;}
li.recentevopixellist img.thumbnail {margin-left: 3px;}
.recentevopixeledItem {float: left; display: inline;}

.recentevopixeledItem a {
	background-color: #ececec;
	float: left;
	text-align: center;
	height: 56px; width: 56px;
	border: 1px solid #ccc;
	margin: 1px 4px 1px 5px;
	padding: 1px;
	display: inline;
}
.recentevopixeledItem a:hover {background: #303930; border: 1px solid white;}

.recentevopixeledIt {background: transparent; width: 94px; height: 50px; margin-top: 5px; float: left; border: 0 !important; padding: 0; display: inline;}

.r_switch a {background: url(http://www.evopixel.com/img/r_switch.png) 0 0 no-repeat; height: 53px; width: 51px; float: left; text-indent: -9999px; display: inline;}
.q_switch a {background: url(http://www.evopixel.com/img/q_switch.png) 0 0 no-repeat; height: 53px; width: 51px; float: left; text-indent: -9999px; display: inline;}
.p_switch a {background: url(http://www.evopixel.com/img/p_switch.png) 0 0 no-repeat; height: 53px; width: 51px; float: left; text-indent: -9999px; display: inline;}
.r_switch a:hover {background: url(http://www.evopixel.com/img/r_switch.png) bottom left no-repeat; height: 53px; width: 51px; float: left; display: inline;}
.q_switch a:hover {background: url(http://www.evopixel.com/img/q_switch.png) bottom left no-repeat; height: 53px; width: 51px; float: left; display: inline;}
.p_switch a:hover {background: url(http://www.evopixel.com/img/p_switch.png) bottom left no-repeat; height: 53px; width: 51px; float: left; display: inline;}

/*Lightbox*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 2000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: white;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1999;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.evopixel.com/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; display: inline;}
#nextLink { right: 0; float: right; display: inline;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.evopixel.com/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.evopixel.com/img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: white;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; display: inline;}	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; display: inline; padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1998;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 1000;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ececec;
		background: #ffffff url(http://www.evopixel.com/img/form_bg.png) bottom right no-repeat;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #ececec;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(http://www.evopixel.com/img/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(http://www.evopixel.com/img/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(http://www.evopixel.com/img/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(http://www.evopixel.com/img/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(http://www.evopixel.com/img/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(http://www.evopixel.com/img/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(http://www.evopixel.com/img/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;	
	width: 100%;
	margin: 0 0 0 10px;	
}

	#lightwindow_title_bar_title {
		color: white;
		font-weight: bold;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		height: 25px; width: 24px;
		margin: 0px 0px 0 0;

	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}
#lightwindow_title_bar_inner {
	
}

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}







/* Horizontal Carousel */

#horizontal_carousel, #horizontal_carousel2 {
  float: left;
	display: inline;
  width: 800px;
  height: 180px;
  margin-bottom: 10px;
	overflow: visible;
  position: relative;
}

#horizontal_carousel .container, #horizontal_carousel2 .container {
  float: left;
  width: 720px;
  height: 140px;
  position: relative;    
  padding: 56px 0 0 0;
  overflow: visible;
}

#horizontal_carousel ul, #horizontal_carousel2 ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
	overflow: visible;
}                      

#horizontal_carousel ul li, #horizontal_carousel2 ul li {
  width: 60px;
	padding: 0;
	margin: 0;
  text-align: center; 
  list-style:none;   
  float:left;
}
#horizontal_carousel .previous_button, #horizontal_carousel2 .previous_button {
  float:left;  
  width: 40px;
  height: 175px;
  background: white url(http://www.evopixel.com/img/horizontal/left.png) top left no-repeat;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over, #horizontal_carousel2 .previous_button_over {
  background: white url(http://www.evopixel.com/img/horizontal/left_over.png) top left no-repeat;
}

#horizontal_carousel .previous_button_disabled, #horizontal_carousel2 .previous_button_disabled {
  background: white url(http://www.evopixel.com/img/horizontal/left_disabled.png) top left no-repeat;
  cursor: default;
}

#horizontal_carousel .next_button, #horizontal_carousel2 .next_button {
  float:left;  
  width: 40px;
  height: 175px;
  background: white url(http://www.evopixel.com/img/horizontal/right.png) top right no-repeat;
  z-index: 1;
	position: relative;
  cursor: pointer;
}

#horizontal_carousel .next_button_over, #horizontal_carousel2 .next_button_over {
  background: white url(http://www.evopixel.com/img/horizontal/right_over.png) top right no-repeat;
}

#horizontal_carousel .next_button_disabled, #horizontal_carousel2 .next_button_disabled {
  background: white url(http://www.evopixel.com/img/horizontal/right_disabled.png) top right no-repeat;
  cursor: default;
}






.items-in-cart img {
	display: inline;
	position: relative;
	float: left;
	height: 50px;
	width: 50px;
	padding: 4px;
	margin-right: 2px;
	border: 1px solid #ccc;
	background-color: #ececec;
}
.items-in-cart {float: left; display: inline;}


/*PMs and trades*/
.msg-list {width: 800px;}
	.unread {
		font-weight: bold;
	}
	.msg-a {
		background-color: #fff;
	}
	.msg-b {
		background-color: #ffffff;
	}

	.msg-list td { padding: 3px; border: 1px solid #ececec; text-align: left;}
	.msg-list th {
		text-align: left;
	}
	ul.headerStyle {
		width: 800px;
		margin: 0 auto 0 auto;
		display: block;
		background: #ececec;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 8px 0;
		overflow: hidden;
		text-align: center;
	}
	ul.headerStyle li {
		display: inline;
		margin: 0 10px;
		text-align: center;
	}
	ul.headerStyle li a:hover {background: none; color: #9ad04d}
	.msg-a:hover {background: #ececec;}
	.msg-b:hover {background: #ececec;}
	.from {
		width: 50px;
		border: 0 !important;
	}
	.subject {
		width: 450px;
	}

/*Forums*/
.oddPost, .evenPost {background: #fff; height: 1000%; overflow: scroll; border: 1px solid #ececec;}
.oddPost {background: #fff;}
.oddPost:hover, .evenPost:hover {background: white;}
.topicName {width: 350px; text-align: left;}
.author {text-align: left; width: 50px;}

.forumPostTextArea {border: 1px solid #ececec; width: 364px; font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930; padding: 5px;}
.forumPostTextArea2 {border: 1px solid #ececec; width: 364px; height: 200px;font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930; padding: 5px;}
.forumPostTextArea:hover {border: 1px solid green; color: #485048;}
.forumPostText {border: 1px solid #ececec; width: 264px; font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930; padding: 0 5px;}
.forumPostText:hover {border: 1px solid green; color: #549821;}
.button, .button2 {
	border-top: 2px solid #303930;
	border-left: 2px solid #303930;
	border-bottom: 2px solid #303930;
	border-right: 2px solid #303930;
	background: #485048;
	font-family: Tahoma;
	color: #4a9dcc;
	font-weight: bold;
	font-size: 1.6em;
	cursor: pointer;
	padding: 4px;
}
.button:hover, .button2:hover {background: #9ad04d; color: white;}

.button2 {font-size: .8em;}

.adminTag {width: 50px; height: 10px; background: url(http://www.evopixel.com/img/admin_tag2.png) 0 0; position: relative; z-index: 1000; margin: 45px 0 0 5px;}
.modTag {width: 50px; height: 10px; background: url(http://www.evopixel.com/img/mod_tag2.png) 0 0; position: relative; z-index: 1000; margin: 45px 0 0 5px;}
.ownerTag {width: 50px; height: 10px; background: url(http://www.evopixel.com/img/owner_tag.png) 0 0; position: relative; z-index: 1000; margin: 45px 0 0 5px;}

td.post blockquote {background: #ececec; padding: 4px; border: 1px dotted #ccc; font-style: italic;}

p.site {background: #ececec; padding: 20px; margin: 0 0 20px 0; border: 4px solid #ddd; font-size: 1.5em; color: #303930; text-align: left;}
p.site span.block {background: white; line-height: 1.5em;}
p.site span.thingsYouCanDo {display: block; text-align: center; background: transparent; padding: 0; margin: 10px 0 0 0;}
p.site span.thingsYouCanDo a {background: white;}
p.site span.thingsYouCanDo a:hover {border-bottom: 2px solid #4a9dcc; background: #9ad04d;}


/*Clouds - Category and tags*/
#cloudArea {
	background: url(http://www.evopixel.com/img/cloud.jpg) 0 0 no-repeat;
	width: 900px;
	height: 709px;
	margin: -10px auto 0 auto;
}

.tag1 {font-size: 80%; color: #9ad04d;} /*Green*/
.tag2 {font-size: 116%; color: #4a9dcc;} /*Blue*/
.tag3 {font-size: 155%; color: #d8aa2d;} /*Orange*/
.tag4 {font-size: 194%; color: #a29c50;} /*Brown*/
.tag5 {font-size: 272%; color: #405732;} /*Dark grey*/

/*The Forest*/
#popQuestionsWrap {
	float: right;
	display: inline;
	width: 300px;
	margin: 100px 130px 0 0;
	overflow: hidden;

}
#popQuestions {
	width: 300px;
	background: url(http://www.evopixel.com/img/pop_questions.png) 0 0 repeat-y;
	overflow: hidden;
}
#popQuestionsTop {width: 300px; height: 19px; background: url(http://www.evopixel.com/img/pop_questions_top.png) 0 0 repeat-y;}
#popQuestionsBot {width: 300px; height: 19px; background: url(http://www.evopixel.com/img/pop_questions_bot.png) 0 0 repeat-y; clear: left; margin-bottom: 10px;}

#popQuestions h4 {color: #4a9dcc; font-weight: normal; margin: 0; padding: 0 0 6px 30px; font-size: 1.1em;}

div.commentBoxClass {float: left; display: inline; clear: right; width: 394px; margin: 3px 0 50px 0px; padding: 0 0 0 0; overflow: hidden;}
div.commentBoxClass p {padding: 0; margin: 0;}
div.commentBoxClass img {max-width: 370px; margin: 10px; border: 4px solid #ececec; float: left; display: inline;}

/*Groups*/
.tagLine {font-style: italic; width: 400px; display: inline;}
.groupDesc {width: 400px;}

.groupItemList {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin-left: 0px;
	width: 500px;
}

.groupItemList img {padding: 0px; margin: 0;}
.groupItemList li a:hover {background: #303930; border: 1px solid white;}

.groupItemList li {
	float: left;
	width: 50px;
	margin: 0px 20px 10px 0px;
	padding: 0px;
	display: inline;
}

.groupItemList li a {float: left; 	display: inline; padding: 4px; background: #ececec; border: 1px solid #ccc;}

.topicName {width: 250px;}
.group1 a {color: #d8aa2d;} /*Green*/
.group2 a {color: #559aba;} /*Blue*/
.group3 a {color: #a29d44;} /*Orange*/
.group4 a {color: #6a9a35;} /*Brown*/
.group5 a {color: #d880cc;} /*Dark grey*/
.privateGroup a {color: #dd432a; font-style: italic;} /*Dark grey*/

.group1 a:hover,
.group2 a:hover,
.group3 a:hover,
.group4 a:hover,
.group5 a:hover {color: white;}

.groupsLeftArea {
	width: 500px;
	float: left;
	display: inline;
	overflow: hidden;
}
.groupsRightArea {
	width: 280px;
	float: right;
	display: inline;
	overflow: hidden;
}

a.group1 {color: #d8aa2d;} /*Green*/
a.group2 {color: #559aba;} /*Blue*/
a.group3 {color: #a29d44;} /*Orange*/
a.group4 {color: #6a9a35;} /*Brown*/
a.group5 {color: #d880cc;} /*Dark grey*/


/*Events box*/
#eventsBox {
	width: 260px;
	height: auto;
	padding: 0 0 10px 0;
	overflow: hidden;
	float: right;
}


/*Articles*/
.articlesWrap {
	width: 500px;
	padding: 10px;
	overflow: hidden;
	border: 2px solid #ececec;
	float: left; display: inline;
}

.articlesMenu {
	width: 240px;
	border: 2px solid #ececec;
	height: auto;
	overflow: hidden;
	padding: 10px;
	float: right;
	display: inline;
}

.articlesMenu h5 {
	margin: 0 0 5px 0; padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	border-bottom: 1px solid #ececec;
}
.articlesWrap h3 a {color: #4a9dcc;}
.articlesWrap h3 a:hover {color: white; background-color: #4a9dcc;}
.articlesMenu .rss {
	background: url(http://www.evopixel.com/img/ico_rss.png) 0 0 no-repeat;
	margin-bottom: 10px;
}
.articlesMenu .rss a {
	display: block;
	font-weight: bold;
	height: 30px;
	padding: 5px 0 0 35px;
}
.articlesMenu .rss a:hover {background: none; color: #9ad04d;}

.articlesMenu ul {margin: 0 0 15px 0; padding: 0;}
.articlesMenu ul li {padding: 2px 0;}

.articlesWrap div p {margin: 5px 0;}


/*Shout box*/
#shoutsArea {
	margin: 10px 0 0 15px;
	padding: 0;
	float: left;
	display: inline;
	height: 300px;
	width: 235px;
	overflow: auto;
}
* html #shoutsArea {
	margin: 10px 0 0 6px;
}

.shoutBox {
	overflow: hidden;
	width: 214px;
}
.shoutBoxTop {
	background: url(http://www.evopixel.com/img/shout.png) 0 0 no-repeat;
	height: 42px; width: 114px;
	margin: 0 auto 5px auto;
}


/*Karma*/
.quickViewKarma {
	width: 480px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 50px;
	height: auto;
	text-align: center;
}

.quickViewKarma div.karmaIcon {
	width: 200px;
	height: 196px;
	margin-top: 13px;
	float: left;
	display: inline;
}
.quickViewKarma span.karmaPercentage {
	float: left;
	display: inline;
	width: 280px;
	margin: 70px 0 0 0;
	text-align: center;
	font-size: 1.3em;
}
.quickViewKarma span.karmaPercentage span {font-size: 3em; display: block;}

#karmaStats {
	float: right;
	display: inline;
	width: 270px;
	overflow: hidden;
	height: auto;
}
#karmaStats ul {
	margin: 0 0 20px 0;
	padding: 0;
}
#karmaIconTop {width: 50px; height: 50px; float: left; margin: -13px 0px 0 60px; display: inline; position: absolute; z-index: 10;}


/*Bulletin*/
.bulletin_box {
  background: url(http://www.evopixel.com/img/bulletin_bg.png);
  border: 1px solid #ececec; 
  width: 330px;
  font-size: 12px;  
  margin: 20px 0 10px 0;
  padding: 0 0 8px 0;
  color: white;
}
.bulletin_box p {width: 300px; margin: 0 auto; padding: 3px 0;}
.bulletin_box h2 {
   margin-top:  0px;
   padding: 6px;
   background-color: #ececec;
   font-size: 13px;
   color: #549821; 
   font-weight:bold;
}
.bulletin_box p span.bulletin_title {color: #c8bc59; display: block; font-weight: bold;}
.bulletin_box p a.bulletinLink {text-decoration: underline}
.bulletin_box p a.bulletinLink:hover {background: white; color: #549821;}


/*Site files, like howtos and faqs.*/
.howto_img {display: block; margin: 0 auto; text-align: center;}
.howto_img img {border: 8px solid #ececec;}
.howto_img p {border: 1px solid #ececec; font-style: italic; margin: 0 auto; padding: 0px 3px 8px 3px; color: #aaa; background: #ececec;}

div.sitemap_links {width: 200px; float: left; display: inline; margin: 0 6px;}
div.sitemap_links h5 {margin: 0; padding: 0; font-size: 1.2em;}
div.sitemap_links ul {margin: 0 0 15px 10px; padding: 0;}
div.sitemap_links ul li {margin: 0; padding: 6px 0;}


/*ETC*/
span.shareThumb a {
	padding: 8px;
	background-color: #ececec;
	border: 1px solid #ccc;
	margin: 6px auto;
	overflow: hidden;
	height: 150px;
	width: 150px;
	display: block;
}
span.shareThumb a:hover {
	background-color: #303930;
	border: 1px solid white;
}
span.shareThumb a img {height: 150px; width: 150px;}


/*
	Color sets
	
	VERY light grey: #ececec
	Light grey: #485048
	Dark grey: #303930
	Light green: #9ad04d
	Dark green: #549821
	Yellow: #c8bc59
	Blue: #4a9dcc
	
	
/*IE 7 HACKS*/
*:first-child+html #wrapper {
	background-position: 0 -47px;
}
*:first-child+html #introContent {
	position: relative; top: -40px;
}

*:first-child+html #mainMenu li ul {
	position: absolute;
	width: 145px;
	padding-bottom: 10px;
	left: -9999px;
	background: url(http://www.evopixel.com/img/menu_bg_bottom.png) 0% 100% no-repeat;
	z-index: 1;
}
*:first-child+html #mainMenu ul ul a {	
	display:block;	
	width:116px;
	margin: 0 0 0 0px;
	list-style: none;
	padding: 5px 0 5px 30px;
	font-size: .8em;
	color: #9ad04d;
	background: none;
	text-indent: 0;
	height: auto;
	position: relative; z-index: 1010;
}
*:first-child+html #mainMenu li:hover a, #mainMenu li a {position: relative; z-index:1;}
*:first-child+html #mainMenu ul ul a:hover {background: url(http://www.evopixel.com/img/sageata_mica_ie.png) 3px 3px no-repeat; color: #549821;}
*:first-child+html #mainMenu li:hover ul, *:first-child+html #mainMenu li.sfhover ul {left: auto;}

*:first-child+html li.recentevopixellist {
	float: left;
	text-align: center;
	display: inline;
	margin: 0px 35px 10px 20px;
	padding: 0;
}
*:first-child+html #mainMenu li:hover, *:first-child+html #mainMenu li.hover {
    position: static;
}
*:first-child+html ul#classifieds2 { 
	margin: 0 0 0 0px;
} 
*:first-child+html .categoryTag {width: 300px; clear: both; padding: 0 0 10px 0; float: none;}
*:first-child+html .how_they_trade {float: right; display: inline; margin: -50px 0px 0 -40px; position: absolute;}
*:first-child+html .their_karma {float: right; display: inline; margin: -82px 0px 0 -100px; position: absolute;}

*:first-child+html #colorPickerMenu {margin: -3px 0 0 0px; position: static;}
*:first-child+html #colorPickerMenuMain {margin: -3px 0 0 0px; position: static;}
*:first-child+html .sidebar_box_contents .friendlist .friendslist {margin-top: 10px;}
*:first-child+html .trader_stats {margin: -56px 0 0 370px;}
/*-----------------*/
/*-------Ads-------*/
/*-----------------*/
#footer img, #footer a, #footer a:hover {border: 0; text-decoration: none; background: none;}
.rightAdLong {width: 120px; height: 600px; float: right; margin: 0; overflow: hidden; display: inline;}
.rightAdTiny {width: 120px; height: 60px; float: right; display: inline; margin: 0 0 10px 0; overflow: hidden;}
.boxAd {width: 300px; height: 250px; float: right; display: inline; overflow: hidden;}