body {
  background: white url('/images/design/wallpaper-l.jpg?20091123_1213') no-repeat top left;
}

a {
  color: black;
}

a:hover {
  text-decoration: underline;
}

ul.checkmarks {
  list-style-image: url('/images/common/checkmark-bullet.gif');
  padding-left:30px;
}

.sitelogo {
  position: absolute;
  top: 0px;
  left: 10px;
}

.sitelogo.small {
  display: none;
}

#socialbuttons {
  background: url('/images/social/buttons/box-back-content.png') no-repeat;
  width: 156px; /* 172 */
  height: 80px; /* 90*/
  padding: 5px 8px;
  float: right;
}

#socialbuttons h5 {
  margin: 0;
  font-size: 11px;
  padding: 4px 0;
  color: #666;
  text-align: center;
}

#socialbuttons div {
  padding: 0 18px;
}

#socialbuttons a {
  margin: 0 6px;
}

#socialbuttons div {
  margin: 0 0 4px 0;
}

#main {
  margin: 0px 0 0 192px;
  width: 918px;
}

#maintop {
  height: 160px;
  background: url('/images/design/wallpaper-t.jpg?20091123_1213') no-repeat top left;
}

.userbox {
  font-size: 10pt;
  float: right;
  margin-top: 70px;
  height: 60px;
}

.userbox#loginbox {
  background: transparent url('/images/design/userbox/loginbox-back.jpg') no-repeat;
  padding: 20px 16px 0 16px;
  width: 466px;
}

.userbox #loginbox_register {
  float: right;  
}

.userbox#loginbox .go {
  width: 15px;
  height: 14px;
}

.userbox#loginbox h2 {
  font-size: 14pt;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.5em 0;
}

.userbox #loginactions {
  margin-top: 5px;
  text-align: right;
}

.userbox #loginactions a {
  text-decoration: none;
}

.userbox #login_emailaddress {
  width: 13em;
  margin-right: 0.3em;
}

.userbox #login_password {
  width: 9em;
  margin-right: 0.3em;
}
.userbox #loginerrors {
  float: right;
  color: red;
  font-weight: bold;
  padding-top: 6px;
}

.userbox#accountbox {
  background: url('/images/design/userbox/accountbox-back.jpg') repeat-x;
  padding-bottom: 10px;
  width: 461px;
}

.userbox#accountbox h2 {
  font-size: 14pt;
  font-weight: bold;
  padding: 9px 50px 0 10px;
  margin: 0 0 11px 0;
}

.userbox #accountactions {
  margin-right: 15px;
  padding-bottom: 10px;
  text-align: right;
}

ul#topnav  {
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
  list-style-image: none; 
}

#topnav li { 
  display: inline; 
  margin: 5px 0.5em;
  font-size: 13pt;
  font-weight: bold;
}

#topnav a {
  text-decoration:none; 
  color: black; 
}

#topnav a:hover {
  color: red; 
}

#topnav li.current a {
  color: red; 
}

.priact {
  background: url('/images/design/priact/back.jpg');
  color: white; 
  width: 900px;
  height: 170px;
  padding: 8px 9px; 
}

.priact h1 {
  font-size: 22pt;
  padding: 20px 0 0 20px;
  margin: 0;
}

.priact h1 span {
  color: #ffef00; 
}

.priact form {
  margin-top: 10px;
  width: 438px;
  padding: 0 0 0 20px;
}

.priact select {
  margin-top: 6px;
  width: 15em;
}

.priact input[type="image"] {
  display: block;
  float: right;
  margin: -10px 50px 0 0;
}

.priactreg { 
  background: url('/images/design/priact/yellow/back.png');
  color: black;
  width: 900px;
  height: 239px;
}

.priactreg #priactcaption {
  position: absolute;
  top: 10px;
  left: 35px;
}

.priactreg ol {
  list-style: none;
}
.priactreg ol img {
  display: block;
}

.priactcontentcontainer {
  position: relative;
}

.priactregpromo {
  font-weight: bold;
  position: absolute;
  top: 90px;
  left: 416px;
}

.priactregpromo ol {
  margin-top: 0.1em;
}

#priactbutton {
  position: absolute;
  top: 129px;
  left: 103px;
}

#webad_priact {
  width: 728px;
  height: 90px;
  margin: 4px 9px 0;
  float: left;
}

#webad_leftmargin {
  position: absolute;
  top: 468px;
  left: 20px;
  width: 160px;
  height: 600px; 
}

div.secact {
  float: left;
  height: 204px; 
  width: 272px;
  padding: 12px;
  margin: 0px 14px 8px 0;
}

div.secact.last {
  margin-right:0;
}

.secact h2 {
  font-size: 18pt;
  margin: 0.2em 10px;
  display: block;
  height: 1em;
}

.secact p {
  margin: 0.6em 10px;
  display: block;
  height: 3em;
  position: relative;
}

.secact a {
  text-decoration: none;
}

.secact a.button {
  background: url('/images/design/secact/button-back.png');

  display: block;
  width: 157px;
  height: 31px;
  position: relative;
  top: 26px;
  left: 100px;

  padding-top: 11px;

  text-align: center;
  text-decoration: none;
  color: white;
  font-size: 12pt;
  font-weight: bold;
}

.secact a.button:hover {
  text-decoration: underline;
}

div.secact.pile {
  background: url('/images/design/secact/pile-back.jpg');
}

div.secact.notebook {
  background: url('/images/design/secact/notebook-back.jpg');
}

div.secact.ipodtouch {
  background: url('/images/design/secact/ipodtouch-back.jpg');
}

div.secact.treegirl {
  background: url('/images/design/secact/treegirl-back.jpg');
}

div.secact.printer {
  background: url('/images/design/secact/printer-back.jpg');
}

div.secact.blog {
  background: url('/images/design/secact/blog-back.jpg');
}

div.secact.liefmedia {
  background: url('/images/design/secact/liefmedia-back.jpg');
}

div.secact.megafoon {
  background: url('/images/design/secact/megafoon-back.jpg');
}

div.secact.phone {
  background: url('/images/design/secact/phone-back.jpg');
}

div.secact.yellowphone {
  background: url('/images/design/secact/yellowphone-back.jpg');
}

.pri_message {
  width: 900px;
  height: 40px;
  padding: 9px 8px;
  background: url('/images/design/primessage-box.png') no-repeat;
}

.pri_message p {
  display: block;
  margin: 10px;
  font-size: 12pt;
  text-align: center;
}

.pri_message.alert {
  background-image: url('/images/design/primessage-box-alert.png'); 
}

.pri_message.alert p {
  color: white;
}

#account_status_message {
  width: 900px;
  height: 40px;
  padding: 9px 8px;
  background: url('/images/design/primessage-box.png') no-repeat;
}

#account_status_message p {
  display: block;
  margin: 10px;
  font-size: 12pt;
  text-align: left;
  float: left; 
}

#account_status_message ul#account_status_actions {
  display: block;
  margin: 10px;
  font-size: 12pt;
  float: right;
  list-style: none;
}
#account_status_message ul#account_status_actions li {
  display: inline;
  font-size: 12pt;
  margin: 0 1em;
}



/* Sitelinks */
dl.sitelinks {
  border-top: 1px solid silver;
  padding-top: 1em;
}

.sitelinks dt {
  color: #5B5B5B;
  margin-bottom: 1em;
  float: left;
  vertical-align: bottom;
  font-weight: bold;
  width: 10em;
}

.sitelinks dd {
  color: #5B5B5B;
  margin-bottom: 1em;
}

.sitelinks a {
  color: #5B5B5B;
  text-decoration: none;
}
.sitelinks a:hover {
  color: #3B3B3B;
  text-decoration: underline;
}


.button-red42 {
  background: url('/images/design/buttons/red42-l.png') no-repeat top left;
  height: 42px;
}

.button-red42 a {
  color: white;
  text-decoration: none;
  display: block;
  margin-left: 10px;
  padding-right: 10px;
  float: left;
  background: url('/images/design/buttons/red42-r.png') no-repeat top right;
  height: 42px;
  padding-top: 7px;
  font-size: 22px;
  font-weight: bold;
}

.button-red24 {
  background: url('/images/design/buttons/red24-l.png') no-repeat top left;
  height: 24px;
}

.button-red24 a {
  color: white;
  text-decoration: none;
  display: block;
  margin-left: 5px;
  padding-right: 5px;
  float: left;
  background: url('/images/design/buttons/red24-r.png') no-repeat top right;
  height: 24px;
  padding-top: 3px;
  font-size: 14px;
  font-weight: bold;
}

.button-red52flat {
  background: url('/images/design/buttons/red52flat-l.png') no-repeat top left;
  height: 52px;
}

.button-red52flat a {
  color: white;
  text-decoration: none;
  display: block;
  margin-left: 11px;
  padding-right: 11px;
  float: left;
  background: url('/images/design/buttons/red52flat-r.png') no-repeat top right;
  height: 52px;
  padding-top: 7px;
  font-size: 30px;
  font-weight: bold;
}

.button-red52flat a:hover {
  text-decoration: underline; 
}

/* -- Even more rounded corners with CSS: Base stylesheet -- */

.box {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1200px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under.box */
}

.box .content, .box .t, .box .b, .box .b div {
 background:transparent url(/images/design/box/plaingray.png) no-repeat top right;
 /*_background-image:url.box2-blue.gif);*/
}

.box .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.box .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.box .b {
 /* bottom */
 position:relative;
 width:100%;
}

.box .b,
.box .b div {
 height:11px; /* height of bottom cap/shade */
 font-size:1px;
}

.box .b {
 background-position:bottom right;
}

.box .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.box .hd,
.box .bd,
.box .ft {
 position:relative;
}

.box .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.box h1,
.box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.box h1 {
 padding-bottom:0px;
}

.box .content {
  padding-top: 1px;
}

.box.dudearrowright .content, .box.dudearrowright .t, .box.dudearrowright .b, .box.dudearrowright .b div {
  background-image: url(/images/design/box/dudearrowright.png) 
}
.box.dudearrowright .content {
  padding-top: 10px;
  min-height: 10em;
}

.sidemenu {
  float: left;
  width: 318px;
  background: url('/images/design/sidemenu/box-b.jpg') no-repeat bottom;
}

.sidemenu ul {
  list-style: none inside;
  font-size: 11pt;
  margin: 0;
  padding: 0;
}

.sidemenu li a {
  text-decoration: none;
  display: block;
  height: 24px;
  width: 230px;
  padding: 8px 15px 0;
}

.sidemenu li ul li a {
  padding-left: 30px;
  width: 215px;
  font-weight: normal;
}

.sidemenu li a ,
.sidemenu li.current ul a {
  background: url('/images/design/sidemenu/item-bg.png');
}

.sidemenu li ul li a ,
.sidemenu li.current ul li a {
  background: url('/images/design/sidemenu/item-sub-bg.png');
}

/* .sidemenu li > a */
.sidemenu li.current a {
  background: url('/images/design/sidemenu/item-bg-sel.png');
}

.sidemenu ul.top {
  font-weight: bold;
  margin: 0;
  padding: 18px 29px;
  background: url('/images/design/sidemenu/box-t.png') no-repeat top;
}

.mbox {
  /*width: 600px;
  padding: 8px 9px;
  float: left;
  */
}

.hatbottom {
  width: 917px;
  background: transparent url('/images/design/fixedbox/hatbottom.png') no-repeat bottom left;
}
.redstripetop {
  background: transparent url('/images/design/fixedbox/redstripetop.png') no-repeat top left;
  padding: 20px;
}

.treegirlbottom {
  width: 916px;
  background: transparent url('/images/design/fixedbox/treegirlbottom.jpg') no-repeat bottom left;
}
.emptytop {
  background: transparent url('/images/design/fixedbox/emptytop.png') no-repeat top left;
  padding: 20px;
}

.emptybottom {
  width: 916px;
  background: transparent url('/images/design/fixedbox/emptybottom.png') no-repeat bottom left;
}

.dudebrokebottom {
  width: 916px;
  background: transparent url('/images/design/fixedbox/dudebrokebottom.png') no-repeat bottom left;
}
.steparrowtop {
  background: transparent url('/images/design/fixedbox/steparrowtop.png') no-repeat top left;
  padding: 20px;
}

.emptybottom-m {
  background: transparent url('/images/design/fixedbox/emptybottom-m.png') no-repeat bottom left;
  width: 618px;
}
.emptytop-m {
  background: transparent url('/images/design/fixedbox/emptytop-m.png') no-repeat top left;
  padding: 20px;
}
.newspaperbottom-m {
  width: 618px;
  background: transparent url('/images/design/fixedbox/newspaperbottom-m.png') no-repeat bottom left;
}

.emptybottom-xm {
  background: transparent url('/images/design/fixedbox/emptybottom-xm.png') no-repeat bottom left;
  width: 588px;
}
.emptytop-xm {
  background: transparent url('/images/design/fixedbox/emptytop-xm.png') no-repeat top left;
  padding: 20px;
}

.emptybottom-s {
  width: 308px;
  background: transparent url('/images/design/fixedbox/emptybottom-s.png') no-repeat bottom left;
}
.dudebrokebottom-s {
  width: 308px;
  background: transparent url('/images/design/fixedbox/dudebrokebottom-s.png') no-repeat bottom left;
}
.pilebottom-s {
  width: 308px;
  background: transparent url('/images/design/fixedbox/pilebottom-s.png') no-repeat bottom left;
}
.emptytop-s {
  background: transparent url('/images/design/fixedbox/emptytop-s.png') no-repeat top left;
  padding: 20px;
}


.hatcontent {
  width: 744px;
  min-height: 290px;
}