.logotext
{font-family:"Times New Roman", Times, serif; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
.box { background: url("http://xtgem.com/images/xhtml/bg.gif") repeat-x top #fff; border-width: 1px; border-style: solid; border-color: #292929;font-weight:800; padding: 2px; max-width: 320px; margin: .3em auto;text-align:center ;display: block; }
.box2 { background: url("http://xtboard.com/tpl_resources/xhtml/images/html_top_gradient.gif") repeat-x top #fff; border-width: 1px; border-style: solid; border-color: #c00; padding: 2px; max-width: 320px; margin: .3em auto;font-weight:bold; display: block;overflow:auto }

.box2a { background: url("http://xtboard.com/tpl_resources/xhtml/images/html_top_gradient.gif") repeat-x top #fff; border-width: 1px; border-style: solid; border-color: #c00; padding: 2px; max-width: 320px; margin: .3em auto; display: block;overflow:auto }

.box3 { background-color: #e8e8e8; border-width: 1px; width:90%; border-style: solid; border-color: #0a0; padding: 2px; max-width: 320px; margin: .3em auto;font-weight:bold; display: block;overflow:auto }
a{text-decoration:none;}
a:link {color:#00f;}
a:visited {color:#808}
a:active , a:hover {color:#080}
.footer { text-align: center; background: url(http://gext.xtgem.com/images/logo/html_top_gradient.gif) repeat-x #fff bottom; }
.shadow { text-shadow:
gray 1px
1px;}

.pc { background: url("http://xtboard.com/tpl_resources/xhtml/images/html_top_gradient.gif") repeat-x top #fff;  border-width: 0px; border-style: solid; border-color: #c00;  margin: .3em auto; padding: 2px; display: block;overflow:auto;}
.bl { max-width: 400px; margin: 1px auto; border:1px dashed #0a0; }
.fbutton { background-color: #e8e8e8;  border-width: 1px; border-style: solid; border-color: #0a0; padding: 2px; max-width: 320px; margin: .3em auto;font-weight:bold; display: block;overflow:auto; }