body { 
  background:#9ae4e8; 
  font-family:'Lucida Grande',sans-serif;
  padding:16px 0; 
}

a, a:link, a:visited { 
  color:#0084B4; 
  text-decoration:none; 
}
a:focus, a:hover { 
  text-decoration:underline; 
}
a:active { 
  text-decoration:none; 
}

a.button, button { 
  border:1px solid #aaa;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#e3e3e3;
}
a.button:focus, a.button:hover { text-decoration:none; }

input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:static;top:0;}

fieldset { padding-bottom:.4em; }

.CREAM { 
  color:#2C6031; 
  font-weight:bold; 
}

.container { 
  width:763px; 
}

#footer { 
  text-align:center; 
  margin-top:1em; 
  color:#444; 
}
#footer a { 
  color:#444; 
  text-decoration:none; 
}
#footer a:hover { 
  text-decoration:underline; 
}

#opener { 
  background:transparent url(/img/logo_tweep_tycoon.png) left top no-repeat; 
  margin:0 auto 8px auto; 
  height:40px; 
  width:763px; 
}
#opener h1 { 
  position:absolute; 
  top:-999px; 
}
#opener a.button { 
  float:right; 
  margin-right:0; 
}

#navigation { 
  background:#fff url(/img/nav_bar.png) left top no-repeat; 
  height:32px; 
  margin:0 0 0 268px; 
}
#navigation ul { 
  border-left:1px solid #eeeef8; 
  height:32px; 
  margin:0 12px; 
}
#navigation ul li { 
  float:left; 
  border-right:1px solid #eeeef8; 
  font-size:12px; 
  font-weight:bold; 
  line-height:32px; 
  padding:0 6px; 
  list-style-type:none; 
}

#content { 
  width:763px; 
  margin:0 auto; 
}
#content .prefix, #content .suffix { 
  float:left; 
  width:763px; 
  height:10px; 
}
#content .prefix { 
  background:transparent url(/img/top_corners.png) center top no-repeat;  
}
#content .suffix { 
  background:transparent url(/img/bottom_corners.png) center bottom no-repeat; 
}
#content .main { 
  background:#fff url(/img/main_columns.png) center top repeat-y; 
  float:left; 
  width:763px; 
}
#maincontent, #sidecontent { 
  float:left; 
  margin:0 0 0 0; 
}
#maincontent { 
  background-color:#ffffff; 
  width:543px; 
  padding:1px 10px 1px 10px; 
}
#sidecontent { 
  background-color:#ddffcc; 
  border-left:1px solid #bddcad; 
  margin:0 0 0 0; 
  padding:1px 10px 1px 9px; 
  width:180px; 
}

#welcomeblock, #petsblock { 
  margin-right:-10px; 
  padding-bottom:8px; 
}
#welcomeblock .pheader, #welcomeblock p.notice, #welcomeblock p.error, #welcomeblock p.success, 
#petsblock .pheader, #petsblock p.notice, #petsblock p.error, #petsblock p.success { 
  margin-right:10px; 
}
.pitem { 
  float:left; 
  width:260px; 
  margin-right:10px; 
  padding-bottom:8px; 
}
#welcomeblock .pitem .pheader, #petsblock .pitem .pheader { 
  margin-right:0 !important; 
}
.pheader, h2.pheader { 
  border-bottom:1px solid #eee; 
  color:#555; 
  font-size:1em; 
  font-weight:bold; 
  margin-bottom:.5em; 
}
.pblock, a.pblock, a.pblock:link, a.pblock:visited, a.pblock:focus, a.pblock:hover, a.pblock:active { 
  color:black; 
  display:block; 
  min-height:56px; 
  padding-left:60px; 
  position:relative; 
  text-decoration:none; 
}
.pblock img { 
  border:1px solid #ddd; 
  padding:2px; 
  position:absolute; 
  top:0; 
  left:0; 
}
.pblock span.line1, .pblock span.line2 { 
  display:block; 
  font-size:14px; 
  line-height:24px; 
}
.pstatus { 
  background:#ddd url(/img/speech_bubble_top.png) left top no-repeat; 
  margin-top:4px; 
  padding-top:18px; 
}
.pstatus p { 
  background:transparent url(/img/speech_bubble_bottom.png) left bottom no-repeat; 
  padding:0 8px 8px 8px; 
}
.paction { 
  text-align:center; 
}
.paction a.button, .paction button { 
  margin:0.25em 0; 
}

#shopopener, #shopcloser { 
  line-height:2; 
  padding-bottom:6px; 
  position:relative; 
}
#shopcloser { 
  border-top:1px solid #eee; 
}
#shopopener .paging, #shopcloser .paging { 
  width:101px; 
  position:absolute;
  top:0; 
  left:221px; 
  text-align:center; 
}
#shopopener .paging span, #shopcloser .paging span { 
  float:left; 
  width:20px; 
}
#shopopener .paging .curr, #shopcloser .paging .curr { 
  width:61px; 
}
.paging .prev, .paging .next { 
  line-height:16px; 
  padding-top:4px; 
}
#shopopener #search { 
  line-height:1.5;
  width:160px; 
  position:absolute; 
  top:-4px; 
  right:20px; 
  overflow:visible; 
  text-align:right; 
}
#shopopener #search #query { 
  font-size:12px; 
  line-height:14px;
  padding:1px; 
  width:146px; 
}
#shopopener #search #search_btn { 
  position:absolute;
  top:7px;
  left:164px; 
}

#comment { 
}
#comment #message {
  padding:5px; 
}
#comment button {
  float:none; 
  display:inline;  
}

.cblock { 
  min-height:30px; 
  margin-bottom:.5em; 
  padding-left:31px; 
  position:relative; 
}
.cblock .usrimg { 
  position:absolute;
  top:4px; 
  left:0; 
}

#sidecontent #userblock { 
  position:relative; 
  padding-left:35px; 
  min-height:30px; 
}
#sidecontent #userblock img { 
  position:absolute;
  left:0; 
  top:5px; 
}
#sidecontent #userblock span { 
  display:block; 
  font-size:14px;
  line-height:18px;
}
#sidecontent #userblock span.line2 { 
  font-size:12px; 
}

.sidenavheader { 
  font-size:1em; 
  font-weight:bold; 
  color:#444; 
  margin-top:1em; 
  margin-bottom:0; 
}
#sidenav { 
  border-top:1px solid #cdc; 
  margin:0 0 1em 0; 
  padding-left:0; 
}
#sidenav li { 
  border-bottom:1px solid #cdc; 
  list-style-type:none; 
  margin:0; 
  padding:0;  
}
#sidenav li a { 
  background:transparent none 4px center no-repeat; 
  display:block; 
  font-weight:bold; 
  padding:4px 4px 4px 16px;  
}
#sidenav li a:hover { 
  background-color:#eeffdd; 
  background-image:url(/img/icon_selected.png); 
  text-decoration:none; 
}