body { margin: 0; padding: 0; background-color: #ddd; font-family: Helvetica, Arial, sans-serif; color: #222; background-image: url(bgtile.jpg); background-repeat: repeat-x; }

#content { width: 700px; margin: 30px auto; }
#content h2 { margin: 5px 0 0 0; padding: 5px 0 4px 30px; font-size: 11px; background-color: #777; color: #fff; }
#content h2 a { float: right; margin-right: 30px; padding-left: 12px; font-weight: normal; text-decoration: none; color: #bbb; background-image: url(arrow_sprite.gif); background-repeat: no-repeat; background-position: 0 1px; }
#content h2 a:hover { color: #fff; background-position: 0 -22px; }
#content img { display: block; background-color: #ddd; color: #888; font-size: 11px; }

#content #status { margin-bottom: 5px; padding-top: 10px; background-image: url(bubbletail.gif); background-repeat: no-repeat; background-position: 45px 0; }
#content #status p { margin: 0; padding: 25px 30px; background-color: #fff; font-size: 14px; line-height: 19px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #888; }

#content #top { height: 110px; margin-bottom: 10px; }
#content #top h1 { margin: 0; color: #fff; font-size: 25px; line-height: 23px; }
#content #top img.profile_pic { float: left; width: 100px; height: 100px; margin-right: 25px; border: 5px solid #fff; }
#content #top ul.info { height: 75px; margin: 12px 0 0 0; padding: 0; list-style-type: none; }
#content #top ul.info li { float: left; margin: 0; padding: 0; }
#content #top ul.info li a { display: block; height: 60px; width: 107px; padding-top: 15px; background-color: #777; color: #fff; text-align: center; text-decoration: none; border-right: 1px solid #999; font-size: 35px; line-height: 30px; }
#content #top ul.info li a:hover { background-color: #555; color: #fff; border-right: 1px solid #444; }
#content #top ul.info li a span { display: block; font-size: 13px; line-height: 22px; }
#content #top ul.info li ul { margin: 0; padding: 0; height: 75px; width: 110px; list-style-type: none; background-color: #fff; }
#content #top ul.info li ul li { height: 17px; width: 90px; margin: 0; padding: 7px 10px 0; color: #888; font-size: 11px; border-bottom: 1px solid #ddd; }

#content ul#activity, #content ul#contacts { margin: 0; padding: 25px 30px; background-color: #fff; list-style-type: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
#content ul#activity li { margin: 0; padding: 8px 0 6px; border-bottom: 1px solid #ddd; }
#content ul#activity li img { width: 75px; height: 75px; margin: 8px 0 5px 10px; padding: 1px; }
#content ul#activity li p { margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 19px; }
#content ul#activity li p a { color: #29b; text-decoration: none; }
#content ul#activity li p a:hover { color: #9b0; }
#content ul#activity li p.date { float: right; margin: 0 10px; color: #bbb; font-size: 11px; }

#content ul#contacts li { float: left; margin: 1px; padding: 0; width: 50px; height: 50px; }
#content ul#contacts li a { float: right; display: block; width: 50px; height: 50px; padding: 1px; text-decoration: none; }
#content ul#contacts li a img, #content ul#contacts li a:hover img { width: 50px; height: 50px; border: none; }

#content ul#deals, #content ul#gifts, #content ul#layers { margin: 0; padding: 0; list-style-type: none; }
#content ul#deals li, #content ul#gifts li, #content ul#layers li { margin: 0; padding: 0; }
#content ul#deals li a.acc, #content ul#gifts li a.acc, #content ul#layers li a.acc { display: block; padding: 9px 30px 7px 42px; background-color: #fff; font-size: 11px; text-decoration: none; color: #777; border-bottom: 1px solid #ddd; background-image: url(arrow_sprite.gif); background-repeat: no-repeat; background-position: 30px -33px; }
#content ul#deals li a.acc:hover, #content ul#gifts li a.acc:hover, #content ul#layers li a.acc:hover { color: #444; border-bottom: 1px solid #bbb; background-position: 30px -51px; }
#content ul#deals li a.acc span, #content ul#gifts li a.acc span, #content ul#layers li a.acc span { float: right; }
#content ul#deals li ul, #content ul#gifts li ul, #content ul#layers li ul { margin: 0 0 5px 0; padding: 15px 30px 15px; list-style-type: none; background-image: url(layers_grad.jpg); background-repeat: repeat-x; background-color: #fff; }
#content ul#layers li ul li.image { float: left; width: 115px; height: 115px; margin: 5px; padding: 0; }
#content ul#layers li ul li.image a, #content ul#layers li ul li.image a:hover { display: block; width: 115px; height: 115px; padding: 1px; border: 1px solid #eee; text-decoration: none; }
#content ul#layers li ul li.image a img { width: 115px; height: 115px; border: none; }
#content ul#deals li ul li.text, #content ul#layers li ul li.text { margin: 0; padding: 8px 0 8px 10px; border-bottom: 1px solid #ddd; }
#content ul#deals li ul li.text a.location, #content ul#layers li ul li.text a.location { font-size: 14px; text-decoration: none; color: #29b; }
#content ul#deals li ul li.text a.location:hover, #content ul#layers li ul li.text a.location:hover { color: #9b0; }
#content ul#deals li ul li.text p, #content ul#layers li ul li.text p { margin: 5px 123px 0 0; padding: 0; font-size: 12px; line-height: 16px; }
#content ul#deals li ul li.text p.date, #content ul#layers li ul li.text p.date { float: right; margin: 2px 10px 0 0; padding: 0 0 0 37px; color: #bbb; font-size: 11px; }
#content ul#deals li ul li.text p a, #content ul#layers li ul li.text p a { color: #29b; text-decoration: none; }
#content ul#deals li ul li.text p a:hover, #content ul#layers li ul li.text p a:hover { color: #9b0; }

#content ul#gifts li ul li { min-height: 120px; margin: 0; padding: 13px 0 8px 10px; border-bottom: 1px solid #ddd; }
#content ul#gifts li ul li h3 { margin: 10px 0 10px 130px; padding: 0; font-size: 14px; }
#content ul#gifts li ul li h3 a { color: #29b; text-decoration: none; }
#content ul#gifts li ul li h3 a:hover { color: #9b0; }
#content ul#gifts li ul li h3 span { float: right; margin: 2px 10px 0 0; padding: 0 0 0 37px; color: #cda; font-size: 11px; font-weight: normal; }
#content ul#gifts li ul li img { float: left; width: 110px; height: 110px; padding: 1px; }
#content ul#gifts li ul li p { margin: 0 0 0 130px; padding: 0; font-size: 12px; line-height: 16px; }
