* { padding: 0; margin: 0; }
#content { width: 750px; border: 1px solid #777; border-top: 0; background: #A9A9A9 url(../img/contentback.png) top repeat-x; }
#content div.text { padding: 0 50px; }
#content div.text h2 { margin: 10px 0; text-shadow: 2px 2px 3px #fff; font-size: 16px; }
#content div.text p { padding: 5px 0; }
#content div.text p a { color: #000; }
#content div.text p a:hover { color: #777; }
#content h1 { padding: 20px 0 0 50px; text-shadow: 2px 2px 3px #fff; font-size: 20px; }
#content p.bl { background: url(../img/corner_bl.png) no-repeat left bottom; margin: -1px; float: left; }
#content p.bottom { background: #A9A9A9 url(../img/bottomback.png) repeat center bottom; text-align: center; font-size: 10px; color: #777; height: 18px; }
#content p.br { background: url(../img/corner_br.png) no-repeat right bottom; margin: -1px; }
#main { margin: auto; width: 750px; padding: 24px 5px 5px 5px; }
#menu { width: 750px; background: #8A8B8A url(../img/fadeback1.png) center center; height: 28px; border: 1px solid #777; }
#menu a { background: #8A8B8A url(../img/fadeback.png) left center; padding: 6px 20px; color: #000; text-decoration: none; border: 1px solid #777; font-size: 14px; font-weight: bold; text-shadow: 2px 2px 3px #fff; }
#menu a:hover { background: #888B88 url(../img/fadeback.png) right center; color: #fff; text-shadow: 2px 2px 3px #777; }
#menu a:active { background: #ccc url(../img/fadeback.png) right center; color: #fff; text-shadow: 2px 2px 3px #eee; }
#menu a.selected { background: #A9A9A9 url(../img/fadeback.png) right center; color: #fff; text-shadow: 2px 2px 3px #777; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #848282; }
#menu a:hover.selected { background: #A9A9A9 url(../img/fadeback.png) right center; color: #777; text-shadow: 2px 2px 3px #eee; }
#menu li { display: inline; }
#menu li span { display: none; font-size: 16px; padding: 3px; background: #A9A9A9; position: absolute; margin-top: -71px; margin-left: 440px; text-shadow: 2px 2px 3px #fff; }
#menu li:hover span { display: block; }
#menu ul { list-style: none; margin: 6px 50px 0 0; text-align: right; }
#title { width: 750px; border: 1px solid #777; border-bottom: 0; background: #A9A9A9 url(../img/titleback.png) center center; text-align: right; height: 70px; }
#title h1, #title h2 { display: inline; padding: 0 105px 15px 0; text-shadow: 2px 2px 3px #fff; }
a { text-decoration: none; }
a.down, span.footer a { color: #000; }
a.down:hover, span.footer a { color: #777; }
body { font-family: Helvetica, sans-serif; font-size: 12px; background: url(../img/menuback.png) top center repeat-x; }
code { font-size: 12px; }
div.code { padding: 5px; padding-bottom: 15px; line-height: 14px; background: url(../img/phpback.png) no-repeat right bottom; }
div.code a { padding: 0 3px; background: #f9f9f9; }
div.code a:hover { padding: 0 3px; background: #ccc; }
div.sm { background: #eee url(../img/bottomback.png) repeat-x center bottom; margin: 20px; }
div.sm p { padding: 5px; text-align: center; background: #eee url(../img/boxtitleback.png) repeat-x center top; }
div.sm p a { font-weight: bold; padding: 4px 20px; text-shadow: 0 0 3px #fff; color: #777; }
div.sm p a:hover { background: url(../img/boxlinkback.png) repeat-y center center; text-shadow: 0 0 3px #ccc; color: #999; }
h1 { font-size: 24px; }
h1 a { color: #000; }
h2 { font-size: 20px; }
html { background: url(../img/backx.png) center center; }
img.lcorner { float: left; }
img.rcorner { float: right; }
p.top { text-align: center; padding-bottom: 10px; }
p.top a { color: #777; background: url(../img/topback.png) no-repeat center center; padding: 6px 12px; font-weight: bold; text-shadow: 0 0 3px #fff; }
p.top a:hover { color: #999; text-shadow: 0 0 3px #ccc; }
span.corner { display: block; height: 19px; margin-bottom: -1px; }
span.corner img { width: 20px; height: 20px; margin: -1px; }
span.footer { display: block; position: absolute; margin-top: 5px; text-align: center; width: 750px; }
span.no { background: url(../img/lineback.png) no-repeat center center; padding: 0 5px 0 5px; color: #999; }
span.smbcorner { display: block; height: 5px; margin-bottom: -1px; }
span.smcorner { display: block; height: 5px; margin-top: -1px; }
span.smcornere { display: block; height: 5px; margin-bottom: -5px; margin-top: 5px; background: #eee; }
span.smcorner img { width: 5px; height: 5px; }
span.str { color: #DF2424; }
span.cmtx { color: #FE8205; }
span.cmt { color: #777; }
span.key { color: #097B09; }
span.bg { color: #000; }
span.dft { color: #1212BF; }
span.htm { color: #000; }
span.tag { color: #336699; }
div.text div.example { padding: 5px; padding-bottom: 10px; background: #eee url(../img/manbackbottom.png) repeat-x center bottom; margin-bottom: 5px; }
div.text h1 { margin-left: -50px; margin-top: -20px; padding: 0; }
div.sponsor { text-align: center; margin: 15px 0 15px 0; height: 100px; overflow: hidden; }
div.sponsor iframe { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }