About

/* Profile Layout and Graphics created by bluessence.
Tip - entering a personal quote makes text appear in the header. */

/* Body and Text */

body {background: #FFFFFF url(http://i11.tinypic.com/2ura1li.png) right repeat-y; font-size:12pt; color: #FFFFFF;}

#site {width: 800px; margin-left: auto; margin-right: 0px; margin-top: 0px; padding: 0px;}

#content a { color: #FFFFFF; text-decoration: none;}
#content a:hover { color: #CFF1FF; text-decoration: none;}

/* Header */

#extendedProfileBody #header h1 {background: url(http://i13.tinypic.com/2mqj4ph.png) right top no-repeat; height: 183px;}
#extendedProfileBody #header {border: 0;}

/* Removed Sections */

#about h2, #friends h2, #journal h2, #multimedia h2, #comments h2, #profile h2, #wishlist h2, #wishlist, #details h2, #signature h2, #signature {display: none;}

/* Content */

#content {background: transparent url() right repeat; margin-left: auto; padding-right: 0px; border: 0px; width: 760px;}

#content #main {margin-right: 0px;}
#content #sidebar {position: absolute; width: 50; margin-right: 0px;}
#bar {margin-left: 0px; margin-top: 0px;}

/* Profile Section */

#profile {position: relative; top: -20px; left: 200px; background: none; border: 0}
#profile .avatar {position: absolute; left: 280px;}
#profile .items {display: none;}
#profile .caption {position: absolute; margin-left: -53px; margin-top: -205px; border: none; background: url() no-repeat; color: #5D96AA; width: 510px; padding: 0px 10px;}
#profile .caption .message {background: url() no-repeat bottom right; font-size:12pt; text-align: center; padding-bottom: 0px; padding-right: 10px;}

/* Details Section */

#details {position: absolute; top: 0px; left: 280px; padding: 0px; background: transparent url() no-repeat; border: 0;}

#details #stats {position: absolute; top: 0px; left: 380px; text-align: right;}
#details #info {text-align: left; left: 300px; height: 145px; width: 200px; overflow: hidden; }

#details #commonFriends {display: none;}
#details hr, #details h3, #details dl dt strong, #details dl dd strong, #details dl dd strong a {display:none;}

/* About Section */

#about {padding-top: 45px; background: transparent url(http://i10.tinypic.com/2cr2bh3.png) right top no-repeat; border: 0; margin-right: 0px; margin-top: 160px; padding: 0px 0px width: 300px;}
#about .links {position: absolute; top: 2px; right: 1px; width: 350px; text-align: right;}

/* Friends Section */

#friends {padding-top: 45px; background: transparent url(http://i18.tinypic.com/42xtqp4.png) right top no-repeat; border: 0;}
#friends .links {text-align: right;}

#friends #friendGroup {padding-left: 35px;}
#friends #friendGroup li {border-right: 0px;}

/* Media Section */

#multimedia {padding-top: 43px; background: transparent url(http://i14.tinypic.com/43feyqx.png) right top no-repeat; border: 0; text-align: center;}

/* Journal Section */

#journal {padding-top: 43px; background: transparent url(http://i14.tinypic.com/48x7mvo.png) right top no-repeat; border: 0;}
#journal .links {text-align: right;}
#journal ul {margin-left: 25px;}
#journal li {left-padding: 10px; list-style-type: disc;}

/* Comments Section */

#comments {padding-top: 43px; background: transparent url(http://i12.tinypic.com/479z6ev.png) right top no-repeat; border: none;}

#comments .links {text-align: right;}
#comments .avatar {display: none;}
#comments .avatar2 {display: none;}

#comments .caption, #comments .caption2 {content: none; background: url(http://i10.tinypic.com/49igra8.png) top center no-repeat; border: none; margin: 6px; padding-top: 4px; padding-left: 35px; width: 460px; margin-left: 0px; margin-right: 0px;}
#comments .caption .date {position: relative; text-align: right; padding-right: 15px;}
#comments .caption2 .date {position: relative; text-align: right; padding-right: 15px; padding-right: blocked('0px');}

.caption:before, .caption2:before, .caption:after, .caption2:after {display: none;}

.caption .message {background: url(); content: none; font-size: 9px; text-align: center;}
.caption2 .message {background: url(); content: none; font-size: 9px; text-align: center;}

.caption .message p {background: url(); content: none; font-size: 9px; text-align: left;}
.caption2 .message p {background: url(); content: none; font-size: 9px; text-align: left;}

/* Status Bar */

#bar {display: block; position: absolute; width: 260px; height: 35px; margin-left: 10px; margin-top: -89px; background: transparent; text-indent: -5000px; }

#bar #onlineButton {display: none;}
#bar #offlineButton {display: none;}
#bar #hiddenButton {display: none;}

/* Buttons */

#bar #addButton
{ background: transparent;height: 88px;}
#bar #msgButton
{ background: transparent;height: 88px;}
#bar #tradeButton
{ background: transparent;height: 88px;}
#bar #ignoreButton
{ background: transparent;height: 88px;}

/* Hover buttons */

#bar #addButton a {position: absolute; top: 4px; left: 100px; background: transparent url(http://i18.tinypic.com/4gnre9s.png) -80px -100px no-repeat; width: 63px; height: 88px;}

#bar #msgButton a {position: absolute; top: 4px; left: 225px; background: transparent url(http://i1.tinypic.com/2qx9iyd.png) -80px -100px no-repeat; width: 63px; height: 88px; }

#bar #tradeButton a {position: absolute; top: 4px; left: 350px; background: transparent url(http://i16.tinypic.com/4hjd9mu.png) -80px -100px no-repeat; width: 63px; height: 88px;}

#bar #ignoreButton a {position: absolute; top: 4px; left: 465px; background: transparent url(http://i12.tinypic.com/48d6k54.png) -80px -100px no-repeat; width: 63px; height: 88px;}