@charset "utf-8";

/* CSS Document */
body {
background-color:#72BB24;
background-image: url(/designs/images/bgimage.jpg);
background-repeat: no-repeat;
background-position: top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0; 
padding: 0;
text-align: center;
color: #000000;
}
#container {
width: 1024px;
margin: 0 auto;
text-align: left;
margin-top: -.8em;;
}
#left_block {
float: left;
width: 284px;
margin-top: .3em;
}
#right_block {
float: right;
margin-top: .3em;
min-height: 600px;
width: 730px;
}
#top-strip{
width: 100%;
height: 3em;
padding-top: 1em;
color: white;
text-align: center;
margin: 0 auto;
}
#top-strip a:link{
color: white;
}
#top-strip a:visited{
color: white;
}
#top-strip a:active{
color: white;
}
#top-strip a:hover{
color: #FFCC33;
}
#logo-strip {
width: 990px;
margin: 0 auto;
padding-bottom: 1em;
height: 150px;
}
#logo {
float: left;
}
#userstats {
float: right;
font-weight: bold;
padding: .5em;
color: white;
margin-top: 1.5em;
background-image: url(/designs/images/userstats.png);
}
#userstats  a:link{
color: white;
}
#userstats  a:visited{
color: white;
}
#userstats  a:active{
color: white;
}
#userstats  a:hover{
color: #FFCC33;
}
#user_menu {
width: 1024px;
margin: 0 auto;
text-align: center;
background-color: #428CC9;
border-top: 1px solid #2E6CA0;
height: 32px;
z-index: 50000;
position: relative;
}
#main {
border: solid thin #428CC9;
padding-top: 10px;
padding-left: 10px;
padding-right: 4px;
padding-bottom: 10px;
margin: 0px auto;
margin-bottom: 2px;
background-color: white;
font-size: 14px;
min-height: 600px;
padding-bottom: 1em;
}
.topad {
border: solid thin #428CC9;
margin: 0px auto;
margin-bottom: 2px;
background-color: #428CC9;
text-align: center;
position: relative;
z-index: 6;
}
#leftad {
margin-bottom: 2px;
border: solid thin #428CC9;
text-align: center;
background-color: #ACCDE8;
position: relative;
z-index: 6;
}

#chatbox {
margin-bottom: 2px;
border: solid thin #428CC9;
background-color: #ACCDE8;
text-align: center;
}

#arcade {
margin-bottom: 2px;
border: solid thin #428CC9;
padding: 10px;
background-color: #ACCDE8;
text-align: center;
}

#admin {
margin-bottom: 2px;
border: solid thin #428CC9;
padding: 10px;
background-color: #ACCDE8;
text-align: center;
}
#vote {
margin-bottom: 2px;
border: solid thin #428CC9;
padding: 10px;
background-color: #ACCDE8;
text-align: center;
}
#tutorial {
margin-bottom: 2px;
border: solid thin #428CC9;
padding: 10px;
background: URL(images/tutorial.png) no-repeat #ACCDE8;
font-size: 1.2em;
padding-left: 3em;
}
#searchbox {
margin-bottom: 2px;
border: solid thin #428CC9;
padding: 10px;
background-color: #ACCDE8;
text-align: center;
}
#welcometext {
padding: 10px;
text-align: left;
color: #1F496B;
}
#keywords{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
#newestitems {
width: 200px;
padding: 10px;
background-color: white;
text-align: center;
}
#newspost {
border: solid thin #ccc;
padding: 10px;
width: 676px;
margin: 0 auto;
margin-bottom: 4px;
}
#newsheader{
font-size: 1.3em;
color: #428CC9;
float: left;
margin-bottom: 2px;
}
#newsheader span{
font-size: .8em;
color: #428CC9;
margin-bottom: 2px;
text-align: right;
}
#newscontent{
min-height: 240px;
}
#newscomment{
float: right;
margin-top: -1.5em;
}
#newsdate{
font-size: 1.3em;
color: #428CC9;
margin-bottom: 1em;
margin-top: 1em;
margin-left: .7em;
}
#headlines_outer {
background-image: url(../images/newsreader.png);
background-position: bottom right;
background-repeat: no-repeat;
width: 98%;
height: 390px;
}
.headlines {
width: 470px;
margin-left: 2em;
padding-top: 4.5em;
}
.indv_headline {
margin-top: .5em;
margin-bottom: .5em;
border-bottom: 1px dashed #eeeeee;
padding-bottom: .5em;
}
.getpet {
border: solid thin #428CC9;
padding: 10px;
width: 690px;
margin: 0 auto;
margin-bottom: 4px;
display: block;
height: 160px;
}
.getpet h1{
font-size: 16px;
color: #428CC9;
}
.purchase{
margin-top: 4px;
padding: 10px;
background-color: #BAD5EB;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #428CC9;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #428CC9;
}

td{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.alert
{
width: 600px;
min-height: 60px;
text-align: center;
vertical-align: 50%;
padding: 20px;
padding-left: 80px;
font-size: 14px;
background-image: url(../images/icons/receptionist.jpg);
background-position:center left; 
background-repeat: no-repeat;
border: 1px dashed #428CC9;
margin: 0px auto;
}
.alert_cp
{
width: 600px;
min-height: 60px;
text-align: center;
vertical-align: 50%;
padding: 20px;
padding-left: 80px;
font-size: 14px;
background-image: url(../images/icons/receptionist.jpg);
background-position:center left; 
background-repeat: no-repeat;
border: 1px dashed #428CC9;
margin: 0px auto;
}
.alert_mermaid
{
width: 600px;
min-height: 60px;
text-align: center;
vertical-align: 50%;
padding: 20px;
padding-left: 80px;
font-size: 14px;
background-image: url(../images/icons/receptionist.jpg);
background-position:center left; 
background-repeat: no-repeat;
border: 1px dashed #428CC9;
margin: 0px auto;
}
.alert_saying
{
width: 600px;
min-height: 60px;
text-align: center;
vertical-align: 50%;
padding: 20px;
padding-left: 80px;
font-size: 14px;
background-image: url(../images/icons/receptionist.jpg);
background-position:center left; 
background-repeat: no-repeat;
border: 1px dashed #428CC9;
margin: 0px auto;
}
.alert_big
{
width: 600px;
min-height: 200px;
text-align: center;
vertical-align: 50%;
padding: 20px;
padding-left: 80px;
font-size: 14px;
background-image: url(../images/icons/receptionist.jpg);
background-position:center left; 
background-repeat: no-repeat;
border: 1px dashed #428CC9;
margin: 0px auto;
}
.greyborder
{
width: 94%;
min-height: 20px;
padding: 20px;
font-size: 14px;
border: 1px solid #cccccc;
margin: 0px auto;
}

a {
	color: #1D4465;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

img{
border: 0px;
}

#footer {
width: 100%;
height: 300px;
margin-top: -10em;
background: transparent url('/designs/images/503error_clouds.png');
background-repeat: no-repeat;
background-position: top center;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
z-index: 0;
} 
#footer a{
	color: #000000;
} 
#footer p {
	margin: 0; 
	padding: 10px 0;
}
#keywords {
padding-top: 18em;
}
.padding{
padding: 10px;
}
/* dock - top */
.dock {
	position: relative; 
	height: 0px; 
	text-align: center;
	margin-bottom: 110px;
}
.dock-container {
	position: absolute;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.changeavatar {
border: solid thin #428CC9;
width: 300px;
margin: 0 auto;
background-color: #CADFF0;
padding: 1em;
}
.changeavatar h2{
color: #428CC9;
font-size: 16px;
}
.buddylist {
border: solid thin #428CC9;
margin: 0px auto;
margin-bottom: 2px;
height: 80px;
padding: 10px;
}
.addbuddy {
border: solid thin #428CC9;
margin: 0px auto;
margin-bottom: 2px;
height: 200px;
padding: 10px;
}
#elitepoints{
float: right;
border: solid thin #428CC9;
background-color: #CADFF0;
padding: 10px;
margin-top: 1em;
}
#auctionheading {
background: url(/images/auctions.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#mypetsheading {
background: url(/images/mypets.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#drknowheading {
background: url(/images/doctorknow.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#marketheading {
background: url(/images/marketplace.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#profileheading {
background: url(/images/editprofile.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#budsheading {
background: url(/images/mybuddies.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#likesmeheading {
background: url(/images/wholikesme.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#mailheading {
background: url(/images/chickamail.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#clubsheading {
background: url(/images/clubs.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#avatarsheading {
background: url(/images/myavatars.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#forumheading {
background: url(/images/forum.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#op {
border-bottom: 1px dotted grey;
}
.reply {
}
.posterdetails {
float: left;
width: 140px;
}
.message {
float: right;
width: 550px;
border-left: 1px dotted grey;
padding-left: 1em;
min-height: 220px;
}
.opposted {
background-color: #7FB3DB;
padding: .5em;
}
.rpposted {
background-color: #ACCDE8;
padding: .5em;
}
.spacer {
clear: both;
}
#petcolorsheading {
background: url(/images/petcolors.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#getpetheading {
background: url(/images/getpet.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#defaultheading {
background: url(/images/defaultbanner.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#adoptionheading {
background: url(/images/adoption.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#avatartop50heading {
background: url(/images/avatarbanner.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#battleitemsheading {
background: url(/images/battleitems.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#battleheading {
background: url(/images/battlebanner.png);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#searchpetsheading {
background: url(/images/searchpets.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#fishpetsheading {
background: url(/images/fishingpets.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#buyitemheading {
background: url(/images/buyitem.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#myshopheading {
background: url(/images/myshop.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#searchshopsheading {
background: url(/images/searchshops.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#secondhandheading {
background: url(/images/secondhand.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#noticesheading {
background: url(/images/noticeboard.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#submitartheading {
background: url(/images/submitart.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#whoseonheading {
background: url(/images/whoseon.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#newsheading {
background: url(/images/banner_news.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#magictree {
background: url(/images/magictree.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#mumblyjoe {
background: url(/images/banner_mumblyjoe.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#muffinfactory {
background: url(/images/banner_muffinfactory.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#recyclefactory {
background: url(/images/banner_recyclefactory.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#hospital {
background: url(/images/banner_hospital.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#desert {
background: url(/images/banner_desert.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#sadmermaid {
background: url(/images/banner_sad_mermaid.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#warf {
background: url(/images/banner_warf.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#faqheading {
background: url(/images/banner_faq.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#changepasswordheading {
background: url(/images/banner_changepassword.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#changepetnameheading {
background: url(/images/banner_changepetname.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#farmheading {
background: url(/images/banner_farm.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#grabatronheading {
background: url(/images/banner_grabatron.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#adventheading {
background: url(/images/banner_advent.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#scarecrow {
background: url(/images/banner_farm.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#barn {
background: url(/images/banner_farm.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#vegiepatch {
background: url(/images/banner_farm.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#snow {
background: url(/images/banner_icyflats.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#mountain {
background: url(/images/banner_mountain.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#pond {
background: url(/images/banner_pond.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#village {
background: url(/images/banner_village.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#games {
background: url(/images/banner_games.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#spa {
background: url(/images/banner_spa.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#city {
background: url(/images/banner_city.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#industrialheading {
background: url(/images/banner_industrial.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#amusement_parkheading {
background: url(/images/banner_amusement_park.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#exploreheading {
background: url(/images/banner_explore.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#book {
background: url(/images/banner_read.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#myitems {
background: url(/images/banner_myitems.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#shop {
background: url(/images/banner_shop.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#forrest {
background: url(/images/banner_forrest.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#whirlpool {
background: url(/images/banner_whirlpool.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#gallery {
background: url(/images/banner_gallery.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#pantry {
background: url(/images/banner_pantry.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#safetybox {
background: url(/images/banner_safetybox.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#deck {
background: url(/images/banner_deck.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#toys {
background: url(/images/banner_toys.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#wardrobe {
background: url(/images/banner_wardrobe.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#bankheading {
background: url(/images/banner_bank.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#charity_storeheading {
background: url(/images/banner_charity.jpg);
background-repeat: no-repeat;
width:715px;
height:140px;
margin-bottom: 1em;
}
#headingad{
padding-top: 0px;
padding-left: 10px;
}
.abox{
border: solid thin #428CC9;
margin: 0px auto;
margin-bottom: 10px;
padding: 10px;
background-color: #ACCDE8;
text-align: center;
width: 80%;
}
.wbox{
border: solid thin #428CC9;
margin: 0px auto;
margin-bottom: 10px;
padding: 10px;
background-color: #fff;
text-align: center;
width: 96%;
}
#abidding{
margin: 0px auto;
margin-bottom: 10px;
padding: 10px;
text-align: center;
width: 90%;
}
#abiddingimage {
float: left;
width: 200px;
}
#map {
margin: 0px auto;
margin-top: -2em;
text-align: center;
}
.box {
	margin: 6px;
	padding: 4px;
	height: 60px;
	width: 150px;
	border: thin solid #CCC;
	display: inline-block;
	text-align: center;
	background-color: #CADFF0;
	font-size: 12px;
	line-height: 2;
}
.ticket {
background-image: url(../images/ticket.png);
background-repeat: no-repeat;
padding-top: 54px;
text-align: center;
color: #6F0205;
width: 190px;
height: 65px;
font-size: 2em;
}
/******** GAMES ********/
.game_details_box {
width: 97%;
margin-bottom: 10px;
padding: 10px;
margin-top: 10px;
background-color: black;
color: white;
}
.game_trophy_box {
float: right;
width: 100px;
margin-bottom: 10px;
padding: 10px;
margin-right: 4px;
text-align: center;
}
.game_high_scores_box{
float: left;
width: 560px;
margin-bottom: 10px;
padding: 10px;
}
.game_high_scores_content {
height: 30px; 
background-repeat: no-repeat; 
background-position: top left; 
padding-left: 40px;
padding-top: 10px;
font-size: 1em;
background-size: 30px;
}
.game_high_scores_box h2, .game_trophy_box h2 {
margin-top: 0;
}
.buy {
	padding: 10px;
	background-color: #eee;
	margin: .2em;
}
.stats {
width: 120px;
height: 120px;
margin: .5em;
display: inline-block;
text-align: center;
border: 1px solid #2E6CA0;
}
.stats h1{
font-size: 1.2em;
}