/* G - O - L - D - E - N - F - A - I - T - H - G - O - L - D - E - N - F - A - I - T - H - G - O - L - D - E - N - F - A - I - T - H */
/* -------------------------------------
		BASE
------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { text-align: center; font-size: 12px; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; color: #000; background: #A4A6AD/* url("../image/city.jpg") no-repeat fixed center top*/; }
* html body { font-family: Tahoma, Arial, Verdana, sans-serif; }
*+html body { font-family: Tahoma, Arial, Verdana, sans-serif; }
img { vertical-align: middle; border: none; }
fieldset { border: none; }
table { width: 100%; border-width: 0; border-collapse: collapse; table-layout: fixed; }
td { padding: 5px; }
ul, li { list-style: none; }
a { color: #000; text-decoration: none; }
a:hover, a:active { text-decoration: underline; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; display: inline; }
strong, cite, dfn { font-weight: normal; font-style: normal; }

::selection { color: #FFF; background-color: #0063DC; }
::-moz-selection { color: #FFF; background-color: #0063DC; }

/* -------------------------------------
		CONTAINER
------------------------------------- */
#goldenfaith { text-align: left; width: 960px; margin: 0 auto; background: #B4B6BD; }
#header { height: 80px; background: #A5B6A4 url("../image/header.jpg"); position: relative; }
#nav { height: 21px; padding-left: 20px; background: #BBB url("../image/nav.gif") repeat-x left top; border-bottom: 1px solid #888; }
#wrap { padding: 10px; min-height: 750px; height: auto !important; height: 750px; }
#side { float: right; text-align: left; width: 180px; margin: 0 auto; }
#main { float: left; text-align: left; width: 750px; margin: 0 auto; }
#footer { text-align: center; font-size: 11px; color: #999; padding: 8px 10px; border-top: 2px solid #999; background: #364149 url("../image/grid.gif"); }

/* -------------------------------------
		HEADER
------------------------------------- */
#header #logo h1 { display: none; }
#header #panel { position: absolute; right: 5px; top: 5px; }
#header #panel a { color: #EEE; padding: 1px 5px; }
* html #header #panel a { display: inline-block; }
#header #panel a:hover { text-decoration: none; background-color: #444; color: #FFF; }
#header #panel a:active { text-decoration: none; background-color: #666; color: #FFF; }
#header a:focus { outline: none; }

#header #panel a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
* html #header #logo a:active { blr:expression(this.onFocus=this.blur()); }
*+html #header #logo a:active { blr:expression(this.onFocus=this.blur()); }

/* -------------------------------------
		NAV 
------------------------------------- */
#nav li.menu { float: left; position: relative; height: 21px; }
#nav li.menu a.top { padding: 3px 10px 4px; display: block; text-align: center; }
#nav li.menu:hover a.top, #nav li.sfhover a.top, #nav li.menu a.top:hover, #nav li.menu a.top:active { color: #FFF; background: url("../image/menu.gif") repeat-x center bottom; text-decoration: none; }
#nav li.menu a.top:active { background: url("../image/menu.gif") repeat-x center top; }
#nav li.menu ul.fall { display: none; }
#nav li.menu:hover ul.fall, #nav li.sfhover ul.fall { display: block; position: absolute; left: 0px; top: 21px; background-color: #FFF; border: 1px solid #E0E0E0; z-index: 99; padding-top: 2px; padding-bottom: 3px; }
#nav li.menu ul.fall li a { display: block; width: 150px; padding-left: 20px; padding-top: 3px; padding-bottom: 3px; }
#nav li.menu ul.fall li a:hover, #nav li.menu ul.fall li a:active { text-decoration: none; color: #FFF; background: url("../image/menu.gif") repeat-x center bottom; }
#nav li.menu ul.fall li a:active { background: url("../image/menu.gif") repeat-x center top; }
#nav li.menu ul.fall li span.sep { display: block; width: 150px; padding-left: 20px; height: 9px; background: url("../image/sep.gif") repeat-x center center; }
#nav a:focus { outline: none; }

#nav li.menu:hover ul.fall, #nav li.sfhover ul.fall { -moz-opacity: .85; opacity: .85; filter: alpha(opacity=85); }
*+html #nav li.menu ul.fall li span.sep { background-position-y: 0; }
* html #nav li.menu { z-index: 99; }
*+html #nav li.menu { z-index: 99; }

/* -------------------------------------
		FOOTER
------------------------------------- */
#footer a { color: #999; }
* html #footer a { display: inline-block; }

/* -------------------------------------
		COMMON
------------------------------------- */
.clear { clear: both; height: 0; font: 0/0 Arial, sans-serif; }
.pr { position: relative; }
img.ab, img.am, img.as { border: 3px solid #EEE; }
img.abs { vertical-align: baseline; position: relative; bottom: -.25em; }
img.bl { vertical-align: baseline; }
img.t { vertical-align: top; }
img.m { vertical-align: middle; }
img.b { vertical-align: bottom; }
div.tl { text-align: left; }
div.tc { text-align: center; }
div.tr { text-align: right; }
.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.c3 { color: #333; }
.c6 { color: #666; }
.c9 { color: #999; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.pale { color: #AFAFAF; }
.vivid { color: #F90; }
.on { color: #0C0; }
.off { color: #C00; }
a.b1 { color: #0063DC; padding: 0px 2px; }
a.b1:hover { background-color: #0063DC; color: #FFF; text-decoration: none; }
a.b1:active { background-color: #333; color: #FFF; text-decoration: none; }
* html a.b1 { display: inline-block; }
a.b2 { color: #000; }
a.b2:hover, a.b2:active { color: #0063DC; border-bottom: 2px solid #0063DC; text-decoration: none; }
a.c1 { background-color: #EEE; border: 2px solid #CFCFCF; padding: 2px 5px; }
a.c1:hover, a.c1:active { background-color: #DEDEDE; border-color: #90909F; text-decoration: none; }
a.c1:focus { outline: none; }
a.c2 { padding: 2px 5px; border: 1px solid #F9F9F9; border-right-color: #CECECE; border-bottom-color: #CECECE; background-color: #EEE; color: #333; }
a.c2:hover, a.c2:active { color: #797979; text-decoration: none; }
a.c2:focus { outline: none; }
* html a.c2 { display: inline-block; }
a.c3 { color: #333; padding: 1px 2px; }
a.c3:hover { background-color: #EEE; text-decoration: none; color: #000; }
a.c3:active { background-color: #928A70; text-decoration: none; color: #FFF; }
a.c3:focus { outline: none; }
a.c4 { background-color: #EFEFEF; border: 1px solid #CFCFCF; border-left-color: #F9F9F9; border-top-color: #F9F9F9; padding: 2px 6px; }
a.c4:hover, a.c4:active { background-color: #36F; color: #FFF; border-color: #30C; border-left-color: #3CF; border-top-color: #3CF; text-decoration: none; }
* html a.c4 { display: inline-block; }

a.c1, a.c4 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
* html a.c1:active, * html a.c4:active { blr:expression(this.onFocus=this.blur()); }
*+html a.c1:active, *+html a.c4:active { blr:expression(this.onFocus=this.blur()); }

a.g1 { color: #666; }
a.g1:hover, a.g1:active { color: #999; text-decoration: underline; }
a.g2 { color: #333; }
a.g2:hover, a.g2:active { color: #999; text-decoration: none; }
a.g3 { color: #000; }
a.g3:hover, a.g3:active { color: #666; text-decoration: none; }
a.g4 { color: #90909F; }
a.g4:hover, a.g4:active { color: #FFF; background-color: #90909F; text-decoration: none; }
a.g5 { color: #BBB; }
a.g5:hover, a.g5:active { color: #80808F; text-decoration: none; }

a#bottom { display: none; }

/* -------------------------------------
		FORM
------------------------------------- */
input, textarea, select { font-family: "Courier New", Tahoma, Verdana, "Lucida Grande", sans-serif; padding: 2px; color: #000; font-size: 12px; vertical-align: middle; }
select { padding: 0; border: 1px solid #CCC; border-left-color: #999; border-top-color: #999; }
input.no { background-color: #F7F7F7; border: 1px solid #CCC; border-left-color: #999; border-top-color: #999; }
input.ex { background-color: #F7F7F7; border: 1px solid #CCC; }
input.msg { background-color: #F7F7F7; border: 1px solid #CCC; border-left-color: #C0C0C0; border-top-color: #C0C0C0; }
input.im { padding: 0; }
textarea { background-color: #F7F7F7; border: 1px solid #CCC; border-left-color: #C0C0C0; border-top-color: #C0C0C0; overflow: auto; }
input:focus, input.sffocus { background-color: #FFF; border-color: #0C0; }
textarea:focus { background-color: #FFF; border: 1px solid #0C0; }

/* -------------------------------------
		BOX
------------------------------------- */
div.box, ul.box { text-align: left; padding: 5px; font-size: 12px; margin: 0 auto 8px; background-color: #FFF; border: 3px solid #E0E0E0; overflow: hidden; }
div.box { width: 734px; color: #000; }
ul.box { width: 164px; color: #666; }
div.box > div.cap {/*caption*/}
div.box > div.inner {/*major content*/}
div.box > div.tip {/*box tip*/}
div.box > div.ext {/*extra part*/}

.box { -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
* html .box { word-wrap: break-word; }

.cap { padding-bottom: 5px; border-bottom: 1px solid #EEE; }
.cap_a { padding-bottom: 5px; }
.cap_p { padding-top: 3px; padding-bottom: 8px; border-bottom: 1px solid #EEE; }
.inner { padding-top: 5px; padding-bottom: 5px; }
.inner_a { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #EEE; }
.inner_b { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #EEE; }
.inner_p { padding-top: 8px; padding-bottom: 8px; }
.tip { padding-top: 5px; border-top: 1px solid #EEE; }
.tip_a { padding-top: 5px; }
.tip_p { padding-top: 8px; padding-bottom: 3px; border-top: 1px solid #EEE; }
.ext_a { border-bottom: 1px solid #EEE; padding-bottom: 5px; margin-bottom: 5px; }
.ext_b { border-top: 1px solid #EEE; padding-top: 5px; margin-top: 5px; }
.inbox { padding: 5px; }

/* -------------------------------------
		MISC
------------------------------------- */
/*crumb*/
.crumb { text-align: left; padding: 10px; font-size: 12px; margin: 0 auto 8px; background-color: #FFF; border: 3px solid #E0E0E0; overflow: hidden; width: 724px; color: #000; }
.crumb img { vertical-align: bottom; }

.crumb { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/*avatar*/
.portrait { float: left; padding: 5px 15px; text-align: center; display: inline; position: relative; }
.portrait a:hover img.ab, .portrait a:active img.ab { border: 3px solid #AAA; }
.portrait a span { display: none; }
.portrait a:hover span, .portrait a:active span { display: block; position: absolute; left: -3px; top: -10px; background-color: #F90; padding: 2px 5px; border-right: 1px solid #666; border-bottom: 1px solid #666; min-width: 110px; width: auto !important; width: 110px; z-index: 99; color: #FFF; text-decoration: none; white-space: normal; }
.portrait div { margin-top: 2px; }

.portrait a:hover span, .portrait a:active span { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*paginate*/
a.misc { background-color: #999; border: 1px solid #AAA; border-right-color: #666; border-bottom-color: #666; color: #FFF; font-size: 9px; padding: 2px 5px; cursor: text; font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; }
a.misc:hover, a.misc:active { text-decoration: none; }
span.paginate { font-size: 10px; }
span.paginate a { background-color: #36F; border: 1px solid #3CF; border-right-color: #30C; border-bottom-color: #30C; color: #FFF; padding: 2px 4px; font-size: 11px; font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; }
span.paginate a:hover, span.paginate a:active { background-color: #30C; text-decoration: none; }
span.paginate a.current, span.paginate a.current:hover, span.paginate a.current:active { background-color: #FFC; border-color: #FFF; color: #000; cursor: text; }
span.paginate a.total { background-color: #F60; border: 1px solid #F90; border-right-color: #F30; border-bottom-color: #F30; }
span.paginate a.total:hover, span.paginate a.total:active { background-color: #F30; }
span.paginate a.arrow { display: none; }
a.misc:focus, span.paginate a:focus { outline: none; }
* html a.misc, * html span.paginate a { display: inline-block; }

* html a.misc, * html span.paginate a { blr:expression(this.onFocus=this.blur()); }
*+html a.misc, *+html span.paginate a { blr:expression(this.onFocus=this.blur()); }

/*button*/
div.button {  position: absolute; text-align: center; width: 120px; }
div.button a { display: block; width: 120px; height: 21px; line-height: 21px; background: #E0E0E0 url("../image/btn.gif") no-repeat center center; }
div.button a:focus { outline: none; }
* html div.button a { display: inline-block; }

* html div.button a { blr:expression(this.onFocus=this.blur()); }
*+html div.button a { blr:expression(this.onFocus=this.blur()); }

div.btn { text-align: center; width: 120px; }
div.btn a { display: block; width: 120px; height: 21px; line-height: 21px; background: url("../image/btn.gif") no-repeat center center; }
div.btn a:focus { outline: none; }
* html div.btn a { display: inline-block; }

* html div.btn a { blr:expression(this.onFocus=this.blur()); }
*+html div.btn a { blr:expression(this.onFocus=this.blur()); }

/*td left*/
td.tl { text-align: right; font-size: 14px; }
/*user box*/
div.ark { padding: 5px; text-align: left; border: 2px solid #EEE; margin: 3px; }

div.ark { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/*error*/
div.ei, div.et { background-color: #FFC; border: 2px solid #FF9; padding: 2px; }
div.ei div, div.et div { color: #333; background: url("../image/silk/exclamation.gif") no-repeat 2px bottom; padding-top: 5px; padding-left: 23px; }
/*blockquote*/
div.bq { border-left: 3px solid #DEDEDE; padding: 0 10px; margin: 10px; line-height: 2.0em; }
/*remix*/
div.bar { padding: 5px; background: url("../image/cap.gif") repeat-x left center; font-weight: bold; font-size: 14px; }

/* -------------------------------------
		SIDE
------------------------------------- */
ul.box input.ra { margin: 4px; padding: 0; }
* html ul.box input.ra { margin: 0; }
*+html ul.box input.ra { margin: 0; }
ul.box li { padding-top: 1px; padding-bottom: 1px; }
ul.box li strong { font-size: 10px; }
ul.box li.sep { border-top: 1px solid #EEE; padding-top: 5px; margin-top: 4px; }
ul.box li.favs { border-bottom: 1px solid #EEE; padding-bottom: 5px; margin-bottom: 4px; }
ul.box li.in { padding-top: 4px; padding-bottom: 4px; }
ul.box li div { padding-left: 24px; padding-top: 1px; padding-bottom: 1px; background: url("../image/list.gif") no-repeat 10px center; overflow: hidden; }
ul.box li p { margin-left: 10px; padding-top: 2px; padding-bottom: 2px; }

/* -------------------------------------
		HOME
------------------------------------- */
.hot {}
.hot .cap_a { text-shadow: 2px 2px 2px #CCC; }

.recent {}
.recent .cap_t { padding: 10px 24px 3px; border-bottom: 1px solid #E0E0E0; }
.recent .cap_t span { cursor: pointer; padding: 3px 10px; border: 1px solid #EAEAEA; border-top-color: #D3D3D3; }
.recent .cap_t span.active { background: #EEE url("../image/tab_active.gif") repeat-x left center; border-bottom-color: #FFF; }
.recent .cap_t span.inactive { background: #EEE url("../image/tab_inactive.gif") repeat-x left bottom; border-bottom-color: #E0E0E0; }
.recent .cap_t span.active a { color: #000; }
.recent .cap_t span.inactive a { color: #666; }
.recent .cap_t span a:hover, .recent .cap_t a:active { color: #000; text-decoration: none; }
.recent .cap_t span a:focus { outline: none; }
* html .recent .cap_t span a { display: inline-block; }

.recent .tip_a .inbox { padding-left: 10px; }

* html .recent .cap_t span a { blr:expression(this.onFocus=this.blur()); }
*+html .recent .cap_t span a { blr:expression(this.onFocus=this.blur()); }
.recent .cap_t span { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; }

.channels {}
* html .channels .cap { display: inline-block; }
.channels .tip_a .inbox { padding: 10px 0; border-bottom: 1px dotted #E0E0E0; }

/* -------------------------------------
		CHANNEL
------------------------------------- */
.channel {}
.channel .tip_a .inbox { float: left; padding: 5px 15px; display: inline; text-align: center; }

/* -------------------------------------
		NODE
------------------------------------- */
.node {}
.node .cap_a h3 { text-shadow: 2px 2px 2px #CCC; }

.topics {}
.topics .cap_p div.button { left: 605px; top: 3px; }

* html .topics .cap_p div.button { top: 6px; }
*+html .topics .cap_p div.button { top: 6px; }

.topics .inner td.icon { width: 21px; background-color: #FFF; padding-left: 0; padding-right: 0; }
.topics .inner td.title { width: 450px; }
.topics .inner td.owner { width: 125px; padding-left: 0; }
.topics .inner td.lastupdate { padding-left: 0; color: #000; font-size: 10px; }
/* -------------------------------------
		NODE REMIX
------------------------------------- */

/* -------------------------------------
		TOPIC
------------------------------------- */
.topic {}

.topic .fl { float: left; width: 81px; text-align: center; margin: 0 auto; }
.topic .fl .inner { padding-top: 0; padding-bottom: 0; margin-bottom: 3px; }

.topic .fr { float: right; width: 648px; text-align: left; margin: 0 auto; }
* html .topic .fr .cap_a a { display: inline-block; }
.topic .fr .inner table { width: auto; }
.topic .fr .inner td { vertical-align: top; padding: 0; }
.topic .fr .inner div.title { padding-bottom: 15px; }

.topic .fr .inner div.title h4 { text-shadow: 2px 2px 2px #CCC; }

.topic .fr .inner .content { padding-top: 10px; padding-bottom: 10px; font-size: 12px; line-height: 1.5em; }
.topic .clear { height: 10px; }
/*BUBBLE*/
.bubble_lt { width: 40px; height: 28px; background: url("../image/bubble_lt.gif") no-repeat left top; }
.bubble_ct { height: 28px; background: url("../image/bubble_ct.gif") repeat-x center top; }
.bubble_rt { width: 40px; height: 28px; background: url("../image/bubble_rt.gif") no-repeat right top; }
.bubble_lc { width: 40px; background: url("../image/bubble_lc.gif") repeat-y left center; }
.bubble_lc div { height: 80px; background: url("../image/bubble_arrow.gif") no-repeat left top; }
.bubble_cc { background: url("../image/bubble_cc.gif") repeat center center; }
.bubble_rc { width: 40px; background: url("../image/bubble_rc.gif") repeat-y right center; }
.bubble_lb { width: 40px; height: 20px; background: url("../image/bubble_lb.gif") no-repeat left bottom; }
.bubble_cb { height: 20px; background: url("../image/bubble_cb.gif") repeat-x center bottom; }
.bubble_rb { width: 40px; height: 20px; background: url("../image/bubble_rb.gif") no-repeat right bottom; }
/*bbcode*/
.code { font: 12px "Courier New", Verdana, sans-serif; white-space: nowrap; border: 1px solid #DDD; padding: 15px 5px 5px; margin-top: 8px; margin-bottom: 8px; width: 540px; overflow: auto; background: #F0F0F0 url("../image/code.gif") no-repeat left top; }

.code { overflow-x: auto; overflow-y: auto; }

/*highlight*/
.phpdefault { color: #0000BB; }
.phpkeyword { color:#007700; }
.phpstring  { color:#DD0000; }
.phpcomment { color:#FF8000; }
.quote { padding: 5px; border-left: 2px solid #CCC; background-color: #F0F0F0; margin-top: 8px; margin-bottom: 8px; width: 540px; }
.quote .quote { background-color: #E0E0E0; width: auto; }
.quote .quote .quote { background-color: #D0D0D0; }
.quote .quote .quote .quote { background-color: #C0C0C0; }
.quote .quote .quote .quote .quote { background-color: #B0B0B0; }
img.c { padding: 2px; border: 2px solid #EEE; background-color: #FFF; width: 200px; }
img.c { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
img.cs { padding: 2px; border: 2px solid #EEE; background-color: #FFF; }
img.cs { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.m { margin-top: 8px; margin-bottom: 8px; }

.posts {}
* html .posts .cap_a a { display: inline-block; }
.posts .inner .title { padding: 5px 10px; position: relative; }
.posts .inner .content { padding: 0 5px 10px 50px; font-size: 12px; line-height: 1.5em; }
.posts .inner .title .pa { position: absolute; height: 30px; right: 10px; top: 5px; }
.posts .inner input.no { width: 200px; }
.posts .inner td.tl { width: 50px; }
.posts .inner input.im { position: absolute; right: -110px; top: 22px; }

/* -------------------------------------
		MODIFY
------------------------------------- */
.upload2 {}
.upload2 .inner { padding-left: 100px; width: 420px; min-height: 123px; }
.upload2 .inner td.tl { width: 120px; }
.upload2 .inner div.button { left: 500px; top: 50px; }

.modify {}
.modify .inner { padding-left: 100px; width: 420px; }
.modify .inner td.tl { width: 120px; }
.modify .inner input.no { width: 200px; }
.modify .inner div.ei { width: 206px; }
.modify .inner div.button { left: 500px; top: 200px; }

/* -------------------------------------
		UPDATE
------------------------------------- */
.update {}
.update .inner { padding-left: 100px; width: 350px; }
.update .inner td.tl { width: 120px; }
.update .inner div.button { left: 450px; top: 80px; }

/* -------------------------------------
		SIGNUP
------------------------------------- */
.signup {}
.signup .inner { padding-left: 100px; width: 380px; }
.signup .inner td.tl { width: 120px; }
.signup .inner input.no { width: 200px; }
.signup .inner div.ei { width: 206px; }
.signup .inner div.button { left: 500px; top: 150px; }
.signup td.cp div { border: 2px solid #DDD; padding: 1px; background-color: #EEE; width: 200px; }
.signup td.cp ul { color: #333; margin-left: 30px; margin-top: 5px; margin-bottom: 5px; }
.signup td.cp ul li { padding-top: 1px; padding-bottom: 1px; list-style: url("../image/list.gif") outside circle; }

/* -------------------------------------
		CREATE
------------------------------------- */
.create {}
.create .inner { padding-left: 80px; width: 650px; }
.create .inner td.tl { width: 120px; vertical-align: top; }
.create .inner div.pw { border: 2px solid #DDD; padding: 5px; background-color: #EEE; }
.create .inner div.pw div { margin-top: 30px; }

.upload1 {}
.upload1 .inner { padding-left: 30px; width: 500px; min-height: 123px; }
.upload1 .inner td.tl { width: 200px; }
.upload1 .inner input.im { position: absolute; right: -110px; top: 50px; }

/* -------------------------------------
		USER
------------------------------------- */
.user {}
.user .inner_b { padding-left: 8px; }
.user .inner_b h5 { font-size: 18px; color: #000; display: block; margin-bottom: 10px; }
.user .inner_b input.no { width: 340px; color: #333; }
.user .inner_b div.ei { margin-top: 5px; padding: 5px; color: #333; }

.user .inner_b div.ei { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.user .inner_b ul { margin-left: 30px; }
.user .inner_b ul li { padding-top: 1px; padding-bottom: 1px; list-style: url("../image/list.gif") outside circle; }

* html .user .inner a:active { blr:expression(this.onFocus=this.blur()); }
*+html .user .inner a:active { blr:expression(this.onFocus=this.blur()); }

/* -------------------------------------
		CREATE and EDIT
------------------------------------- */
.posting {}

.posting .inner { width: 600px; }
.posting .inner td.tl { width: 50px; vertical-align: top; }
.posting .inner input.no { width: 300px; }
.posting .inner textarea { width: 500px; }
.posting .inner div.ei { width: 306px; }
.posting .inner div.et { width: 506px; }

/* -------------------------------------
		TOPIC TOP
------------------------------------- */
.tops { padding-top: 2px !important; }
.tops .fl { float: left; width: 366px; text-align: left; }
.tops .fr { float: right; width: 366px; text-align: left; }
.tops .inner { padding-left: 5px; color: #FFF; }

.tops .inner { text-shadow: 2px 2px 2px #CCC; }

.tops .fl .inner { background: url("../image/red_s.gif") repeat-x left center; }
.tops .fr .inner { background: url("../image/blue_s.gif") repeat-x left center; }

/* -------------------------------------
		ING
------------------------------------- */
.ing {}

.ing .cap div.inbox { padding: 3px 8px; position: absolute; right: 5px; top: 0px; background-color: #F0F0F0; }
.ing .cap div.inbox { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ing .inner_b { text-align: center; }
.ing .inner_b .btn { margin: 0px auto 10px; }
.ing .inner_b input.no { width: 300px; font-size: 13px; }
.ing .inner_b div.ba { margin: 0 auto; height: 38px; width: 380px; background: url("../image/bg_ing.gif") no-repeat center center; }

.ing .inner div { padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ing .inner div strong { color: #000; }

/* -------------------------------------
		TRANSFER & CONFIRM
------------------------------------- */
.transfer {}
.transfer .inner_b div.c6 { margin-bottom: 15px; }
.transfer .inner_b div ul { margin-left: 25px; }
.transfer .inner_b div ul li { color: #666; list-style: inside square; }

/* -------------------------------------
		TOOL DICT
------------------------------------- */
.dict { background: #FFF url("../image/bg_content.gif") repeat-x left -5px; }
.dict .cap { text-align: center; height: 45px; border-bottom: none; padding-top: 12px;}
.dict .cap_a input { font-size: 2.0em; font-weight: bold; color: #E96E69; border:2px solid #C5CFD5; padding: 5px; width:550px; background-color:#FFF; }
.dict .cap_a input:focus, .dict .cap_a input.sffocus { border-color: #0C9CAE; }
.dict .word { font-size: 18px; font-weight: bold; color: #006FA6; }
.dict .pron { font-size:18px; color:#FF4800; }
.dict .def { display:block; font-size:18px; color: #333; margin: 8px 0; }
.dict .orig { display:block; font-size:16px; color: #006FA6; line-height: 24px; margin-top: 5px; }
.dict .trans {display:block; font-size:15px; color: #666; line-height: 20px; }
.dict .inner { width: 550px; min-height: 1.0em; height: auto !important; height: 1.0em; border: 1px dotted #CCC; background-color: #FCFCFC; padding: 5px; margin: 5px auto; }

.dict .cap_a input { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* -------------------------------------
		OUT OF MONEY
------------------------------------- */
.out_of_money {}
.out_of_money .inner { padding-left: 10px; padding-right: 10px; line-height: 1.5em; }
.out_of_money .tip { background-color: #FAFAFA; line-height: 1.5em; padding-left: 10px; padding-right: 10px; }
.out_of_money .inner p, .out_of_money .tip p { margin-bottom: 12px; }

/* -------------------------------------
		DEBUG
------------------------------------- */
#debug { width: 950px; margin: 0 auto; background: #364149 url("../image/grid.gif"); color: #999; font-size: 10px; padding: 5px; }
#debug strong { font-size: 12px; font-weight: bold; }

/* -------------------------------------
		MAINTENANCE
------------------------------------- */
#maintenance { position: absolute; z-index: 999; height: 5000px; width: 100%; background-color: #000; }
.mt { text-align: center; z-index: 9999; position: absolute; height: 35px; line-height: 35px; font-size: 14px; color: #FFF; width: 100%; margin-top: 180px; background-color: #928A70; }

#maintenance { -moz-opacity: .8; opacity: .8; filter: alpha(opacity=80); }