html { font-size: 100% }
body { font: 0.8em Arial, Helvetica, sans-serif; color: #7b7877; background: #fff url(images/hu_bg.png); line-height: 150%; margin: 0 }
#wrapper{ width: 960px;	margin: 0 auto;	background: #ebe4df url(images/hu_top.jpg) top no-repeat }
#title { padding: 110px 0 0 550px } 
#title a { text-indent: -9999px; overflow: hidden; width: 340px; height: 130px; display: block } 
#menu ul { margin: 154px 5px 0 0; padding: 0; list-style: none }
#menu li { float: right }
#menu li a { color: #fff; font-size: 0.9em; font-weight: normal; display: block; text-transform: uppercase; letter-spacing: 1px; margin: 0 5px; padding: 10px }
#menu li a:hover { background: #796f6b }

#content { clear: both; padding: 30px 20px }
#footer { background: url(images/hu_bottom.jpg) no-repeat; min-height: 62px; color: #4e576b }

#content img { background-color: #E1D9D4; padding: 3px; margin: 4px; }
#content img:hover { background-color: #fbf3f7 }

a { text-decoration: none; color: #32303a }
a:hover { color: #322f3d }

#content ul { list-style-type:none; margin: 10px 0; padding: 0 }
#content ul li:before { content: "♥ " }
#content li { padding: 0 0 4px 0; list-style: none }

.pageleft { width: 600px; float: left; }
.pageright { width: 280px; float: right; border-left: 1px solid #fbf3f7; padding: 0 0 0 20px }
.toppadding { padding-top: 15px }

.greybox { padding: 10px; font-size: 0.9em; background: #fbf3f7 }
.greybox li { padding: 0 }
.updatebox { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #fbf3f7 }

.ownedbox { margin: 15px 0 }
.ownedpic { float: left }
.ownedinfo { padding: 10px 0 0 270px }
.desc { clear: both; font-style:italic; color: #aaa; margin: 20px 0 }
.stats { color: #999; font-style: italic }

h2  { font: 1.85em Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color:#827878; background:url(images/hs-snow2.png) left no-repeat; padding: 0 0 0 40px; line-height: 39px }
h3 { font: 1.5em Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color:#827878; margin: 20px 0 10px 0 }
h3.update { margin: 0; padding: 0 }
h4 { font: 1.3em Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color:#827878; margin: 30px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #fbf3f7 }

blockquote { padding: 0; font-style: italic; border-top: 4px solid #e3ecff; border-bottom: 4px solid #e3ecff; border-left: 0; border-right: 0 }
input, textarea, option, select { background-color: #f2f2f2; font-size: 0.8em; padding: 2px; border: solid 1px #ccc; width: 280px; color: #666 }
#submit { width: 100px; margin-right: 20px }
#reset { width: 100px }

hr { color: #eee; background-color: #eee; height: 1px; border: 0; margin: 20px 0 }
.clear { clear: both; height: 10px }
#charm { display: block; position: absolute; left: 0; top: 0; width: 60px; height: 100px; margin: 0 0 0 40px; padding: 0; z-index: 9999 }
#charm img { margin-right: 10px }