/* Kongming's Archives PRIMARY STYLE SHEET; 4.0.6 MAY-29-2008

  Library Usage Notes
	- Overview: Universal, default, an layout CSS for advanced browsers across full site.
	- Scope: Page or project-specific styles should never be included in this document.
	- Debugging: Never debug this document live unless absolutely certain of actions.

  Copyright 2003-2006 James Peirce (Kongming's Archives)
	- Feel free to use CSS *SAMPLES* in this document for your own site.
	- When in doubt, ask! https://kongming.net/email/ */



/* UNIVERSAL PRESETS */

	body { margin: 0; padding: 0;
	  background: #f2f3f5 url(/i/l/bgr.jpg) repeat-y right top; }
	a { text-decoration: none; }
	a:hover[href="http://"] { color: #b33 !important; }
	::-moz-selection { color: #000;  background: #d5b3ea; }
	::selection      { color: #000;  background: #d5b3ea; }

/* TITLE AREA */

	#tkbg, #kebg { top: 0; left: 0; height: 31px; width: 100%; }
	#tkbg { background: #3e3832 url(../../i/l/r-bg.jpg) repeat-x; }
	#kebg { background: #3e3832 url(../../i/l/k-bg.jpg) repeat-x; }
	#nm, #ba, #tkbg, #kebg, #ti, #s, #m { position: absolute; }
	#nm { top: 5px; width: 100%; }
	#tms { margin-left: 440px; color: #eee; border: 1px solid; font: bold 12px verdana, sans-serif; }
	#ho #nm #tms, #nm #tms { background: #665f73; border-color: #887f95 #554e62 #443d51 #776f84; }
	#dt #nm #tms { background: #626267; border-color: #848489 #515156 #404045 #737378; }
	#nh #nm #tms { background: #463626; border-color: #685848 #352515 #241404 #574737; }
	#dw #nm #tms { background: #6f828d; border-color: #8fa4af #5f717c #4e606b #7f939e; }
	#tk #nm #tms, #rot3k #nm #tms { background: #3e3832; border-color: #5f5a54 #2d2721 #1c1610 #4f4943; }
	#sw #nm #tms { background: #3b2532; border-color: #5d4754 #190310 #2a1421 #4c3643; }
	#de #nm #tms, #doae #nm #tms { background: #1e313d; border-color: #3f535f #0d202c #0c101b #2f424e; }
	#ke #nm #tms { background: #333; border-color: #555 #222 #111 #444; }
	#ba { top: 0; width: 100%; height: 31px; background-repeat: repeat-x; }
	#ho #ba, #ba { background: #5b5361 url(../../i/l/h-b.jpg); }
	#nh #ba { background: #463626 url(../../i/l/n-b.jpg); }
	#dw #ba { background: #6f828d url(../../i/l/d-b.jpg); }
	#sw #ba { background: #3b2532 url(../../i/l/s-b.jpg); }
	#de #ba, #doae #ba { background: #6f828d url(../../i/l/e-b.gif); }
	#dt #ba { background: #6f828d url(../../i/l/t-b.jpg) 113px 0px; }
	#tk #ba, #rot3k #ba { background: url(../../i/l/r-b.jpg) no-repeat 95px 0px; }
	#ke #ba { background: url(../../i/l/k-b.jpg) no-repeat 108px 0px; }
	#ti { top: 0; left: 0; width: 460px; height: 31px; }
	#ti h1 { color: #ccc; margin: 8px 0 0 100px; }
	#ti h1, #m h2 { font: bold 15px/15px "trebuchet ms", helvetica, sans-serif; letter-spacing: 1px; }
	#nh h1, #tk h1 { letter-spacing: 1px !important; }
	#dw #ti h1 { color: #111; }
	#ti span { color: #ccf; }
	#dw #ti span { color: #336; }
	#ho #ti, #ti { background: url(../../i/l/h-l.jpg); }
	#nh #ti { background: url(../../i/l/n-l.jpg); }
	.sw1 #ti { background: url(../../i/l/s-l.jpg); }
	.sw2 #ti { background: url(../../i/l/s2-l.jpg); }
	.doae #ti, .doae1 #ti { background: url(../../i/l/e-l.gif); }
	.doae2 #ti { background: url(../../i/l/e2-l.gif); }
	.doae3 #ti { background: url(../../i/l/e3-l.gif); }
	.dw6 #ti { background: url(../../i/l/d6-l.jpg); }
	.dw5 #ti { background: url(../../i/l/d5-l.jpg); }
	.dw4 #ti { background: url(../../i/l/d4-l.jpg); }
	.dw3 #ti { background: url(../../i/l/d3-l.jpg); }
	.dw2 #ti { background: url(../../i/l/d2-l.jpg); }
	.dw1 #ti { background: url(../../i/l/d1-l.jpg); }
	.kessen1 #ti { background: url(../../i/l/k1-l.jpg); }
	.kessen2 #ti { background: url(../../i/l/k2-l.jpg); }
	.r11 #ti { background: url(../../i/l/r11-l.jpg); }
	.r10 #ti { background: url(../../i/l/r10-l.jpg); }
	.r9 #ti { background: url(../../i/l/r9-l.jpg); }
	.r8 #ti { background: url(../../i/l/r8-l.jpg); }
	.r7 #ti { background: url(../../i/l/r7-l.jpg); }
	.r6 #ti { background: url(../../i/l/r6-l.jpg); }
	.r5 #ti { background: url(../../i/l/r5-l.jpg); }
	.r4 #ti { background: url(../../i/l/r4-l.jpg); }
	.r3 #ti { background: url(../../i/l/r3-l.jpg); }
	.r2 #ti { background: url(../../i/l/r2-l.jpg); }
	.r1 #ti { background: url(../../i/l/r1-l.jpg); }
	.dt1 #ti { background: url(../../i/l/t-l.jpg); }
	.dt2 #ti { background: url(../../i/l/t2-l.jpg); }
	#ti { background-repeat: no-repeat !important; }
	/* Displays only Home-Section Graphics */
	.locc #ti { background: url(../../i/l/h-l.jpg); }
	#locc #ba { background: #5b5361 url(../../i/l/h-b.jpg); }
	#locc #nm #tms { background: #665f73; border-color: #887f95 #554e62 #443d51 #776f84; }

/* SUB-MENU */

	#s { top: 31px; height: 20px; width: 100%; margin-bottom: 0; overflow: hidden;
	  border-bottom: 1px solid #000; border-top: 1px solid #222; color: #eee;
	  background: #111 url(../../i/l/bba.gif) repeat-x 3px 0;
	  font: bold 10px/20px verdana, sans-serif; }
	#s ul { margin: 0; padding: 0; }
	#s li { margin: 0 0 0 -3px; padding: 0; display: inline; list-style: none; }
	#s .sec_divide { margin-left: 10px; }
	#s a { padding: 4px 5px; border-right: 1px solid #222; }
	#s a:link, #s a:visited { color: #aaa; }
	#s a:hover   { color: #fff; }
	#s a:active  { color: #099; }
	#s a:hover, #s a:active  { background: url(../../i/l/bba.gif) repeat-x 0 -30px; }


/* CONTENT AREA */

	#w { margin-left: auto; margin-right: auto; max-width: 600px; }
	#c, #c p, #c li, #c dd, #c dt, #c table td, #c th, #c blockquote { line-height: 1.6em; }
	#c, #c td, #c th { font: 11px verdana, sans-serif; }
	#c { color: #000; background: #f2f3f5 url(/i/l/bg.jpg) repeat;
	  margin: 0 200px 0 0; padding: 66px 5% 20px; }
	#c p.sub { font: 10px/1.6em verdana, sans-serif; border: 1px #dde solid;
	  background: #eff0f3; padding: 5px 5px 5px 8px; margin: 1.5em 0; }
	#c p.credit { text-align: justify; padding-left: 35px; padding-right: 35px; }
	#c h2, #c h3 { font: bold 12px/1.5em verdana, arial, sans-serif;
	  margin-bottom: 0; border-bottom: 1px solid #333; }
	#c h2 { font-size: 13px; margin: 0 0 0 -1em; border-color: #000; }
	#c h3 { color: #333; margin: 2em 0 .25em -.75em !important;
		font: bold 1.3em/1.6em arial, helvetica, verdana, sans-serif; }
	/*
	#c > #w h3 { padding-left: 37px; padding-bottom: 22px;
		color: #334; background: url(/i/l/header/univ.png) bottom left no-repeat;
		font: bold 1.3em arial, helvetica, 'trebuchet ms', sans-serif;
		text-shadow: 1px 1px 2px #aaa; border: 0; }
	*/
	#c a { text-decoration: underline; }
	#c h2 a, #c h3 a, #c h4 a { text-decoration: none !important; }
	#c a:link    { color: #449; }
	#c a:visited { color: #577; }
	#c a:hover   { color: #747; }
	#c a:active  { color: #a11; }
	#c ul, #c ol, #c li { padding-left: 0; margin-left: 0; }
	#c li { margin-left: 28px; }
	#bc { color: #666; font-size: 10px; letter-spacing: 1px; } 
	#bc img { width: 17px; height: 11px; } 
	#rdl img { border: 0 !important; padding-top: 1px; }
	  div>#rdl img { padding-top: 0; margin-top: -6px; }
	  div>#rdl img.zeb { margin-bottom: -1px; }
	  div>#rdl img.zgo { margin-bottom: -3px; }
	  div>#rdl img.zaz { margin-bottom: -4px; }
	#sec_thumbs { text-align: center; margin-left: auto; margin-right: auto; }
	#sec_thumbs img { margin: 2px !important; border-width: 1px; }
	#cr { margin: 6em 0 3px; }
	#cr p { font: 10px/15px verdana, sans-serif; margin: 0; }
	#scr { font: 9px/14px helvetica, verdana, sans-serif; margin: 4px 0 3px 15px !important; }

	#acc_op { float: right; text-indent: 0; margin-top: -22px; }

/* MENU AREA */

	#m { top: 53px; right: 0; width: 180px; border-left: 1px solid #f2efea;
	  padding: 0 10px 10px 10px; }
	#m h2 { letter-spacing: 1px; margin: 15px 0 20px 0; line-height: 18px; color: #667; }
	#m h2 a { display: block; padding-top: 146px; background: url(../../i/l/m.jpg) no-repeat; }
	#m h3 { color: #bbb; text-indent: 2px; margin: .75em 0 .5em; font-size: 11px;
	  border-bottom: 1px solid #333; padding-bottom: 1px; }
	#m ul { margin: 0 0 0 25px; }
	#m ul.sm { margin-left: 1em; }
	#ud { font: 10px verdana, arial, sans-serif; border-top: 1px solid #333;
	  padding-top: 12px; margin: 14px 6px 12px 6px; }

/* TEXT FORMATTING */

	p { margin: 2px 0 0 0; padding: 0; text-indent: 16px; }
	p#bc, p.ti { margin-top: 4px; }
	.li p { text-indent: -8px; margin: 2px 0 0 8px; }
	.li p.li2 { text-indent: 8px; }
	.lib p.li2 { margin-top: -.9em; }
	.nmt { text-indent: -8px; margin-right: 25px; margin-left: 25px; }
	.nmt2 { margin: 0 25px 1em; }
	.hz, .hzl, #c h2 span { font: normal 1.25em/11px stheiti, mingliu, simsun, "arial unicode ms", monospace; }
	th .hz { font: normal 1.1em/11px hei, mingliu, simsun, "arial unicode ms", monospace; }
	.hzl { font-size: 1.5em; }
	blockquote { margin-left: 16px; margin-right: 16px; }
	table { table-layout: fixed; margin-top: 1em; margin-bottom: 1em; }
	td { vertical-align: top; }
	th, td { text-align: left; }
	.disp td { padding: 2px; }
	.disp p, .dispd { font-size: 10px; line-height: 1.5em; }
	.dispd {  margin-top: 1.2em; }
	.dispd img { margin: 4px 2px 0; }
	a img { border: 1px solid #338; }
	a:hover img { border: 1px solid #066; }
	.tc, .tcx { background: #f2f3f5 url(../../i/l/bg.jpg) repeat; }
	.tt { color: #336; background: #c6ccdc url(../../i/l/bgd.jpg) repeat;
	  border-bottom: 1px #cdd1d5 solid; }
	.tc { border: 1px #cdd1d5 solid; }
	table.tc td { padding-left: 3px; }
	.tclb td { border-bottom: 1px #cdd1d5 solid; }
	.tile { background: url(../../i/l/tile.gif) repeat; }
	.ulm { margin: 1em 0 1em 8px; }
	.ulc { margin: .5em 0 1em 6px; }
	.ulm ul, .ulm ol, .ulm p { margin-bottom: .5em; margin-top: .5em; }
	.ulm ol { margin-bottom: 0 !important; }
	/* Not so sure why that entry above is necessary at the moment.
	  Browsers are tossing extra space (~3EM) below the OL */
	.ulm li ul, .ulm li ol { margin-bottom: 0; margin-top: 0; }
	.red, .nu { color: #a00; }
	.orange, .up { color: #b50; }
	.green { color: #0a0; }
	.gray, s { color: #666; }
	code { font: 11px "andale mono", monaco, courier, monospace; color: #669; }
	abbr, acronym { cursor: help; border-bottom: dotted 1px #aab; }
	#m abbr, #m acronym { font-size: inherit; border-color: #333; }

	#c .toplink { float: right; clear: both; margin: 4px 0 -4px 0; padding: 0;
	  text-indent: -9999px; width: 67px; height: 19px; }
	#c .toplink a { display: block; margin: 0; padding: 0;
	  width: 100%; height: 100%; text-decoration: none;
	  background: url(/i/m/links/toplink.png) 0px -22px no-repeat; }
	#c .toplink a:hover { background: url(/i/m/links/toplink.png) 0 0 no-repeat !important; }

/* LINKS */
	
	/* Image Borders */
	a img.link_border { border: 4px solid #e8e8ee; background: #e8e8e8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; }
	a:hover img.link_border { border-color: #a7a; }
	a:active img.link_border { border-color: #d44; }


/* ELEMENT ALIGNMENT */

	#ti h1, #m h2 { text-align: center; }
	.ce, #s, #nm, #cr, #scr, .disp p, .dispd {
	  text-align: center; margin-left: auto; margin-right: auto; }
	.le { text-align: left !important; }
	.ri { text-align: right !important; }
	.fl { margin: 4px 20px 0 0; float: left; }
	.fr { margin: 4px 5px 0 20px; float: right; }
	li, .disp p { margin-top: 0; margin-bottom: 0; }
	.clear { clear: both; line-height: 1px; font-size: 1px; }

/* UNIVERSAL and SHARED */

	#m, .disp td, .dispd p, .tt { margin: 0; }
	#s, #m ul, #m ul.sm, .li p { padding: 0; }
	.ntm, .nvm, .li2, .nmt { margin-top: 0 !important; }
	.nbm, .nvm, .nmt { margin-bottom: 0 !important; }
	.ytm { margin-top: 1em; }
	.ybm, .lib p { margin-bottom: 1em !important; }
	#tm, .np { margin: 0 !important; padding: 0 !important; }
	.nb, .nb td, .disp { border: 0 !important; }
	#s a, .nu, .up, #c .txt_btn { font-weight: bold; }
	.nu, .up { font-style: italic; }
	.x, .toggle, #s span.sd { display: none; }
	.nw, #ba, #ti h1, #m h2, #s { white-space: nowrap; }
	/* #c a:hover, #c a:active { text-decoration: underline; } */
	h1, h2, h3, a, #s a, #ti span, code { background: transparent; }
	body, #c, #c h2, p.sub, .txt, .sb, .tc, .tcx { color: #000; }
	blockquote p, #m p, .sub, p#bc, .ti, .nmt2, td p, .ulm p, .disp p, .dispd p, .ce, #cr, #scr { text-indent: 0; }
	.np { text-indent: 0 !important; }

/* HTML FORMS */

	.txt, .mtxt { border: 1px solid #000; }
	.txt, .mtxt, .dm { padding: 2px; font: 11px/16px verdana, sans-serif; }
	.dm { padding: 0; }
	.sb { height: 22px; padding: 0 8px; border: 1px solid black;
		color: #333; background: #fff url(../../i/l/buttons/white.png) repeat-x left top;
		font: bold 12px/20px arial, geneva, sans-serif; }
	.sb:active { color: #33c; background: #ddd url(../../i/l/buttons/white.png) repeat-x left bottom; }
	.sb { border-color: #66c #117 #006 #55b; }
	.txt, .mtxt, .sb:active { border-color: #006 #55b #66c #117; }
	.txt:focus, .mtxt:focus { background: #fff; }
	.mtxt { background: #f8f8f8; }
	#c .txt_btn { color: #000 !important; text-decoration: none !important;
		border: 1px solid; border-color: #ccc #999 #999 #ccc; padding: 1px 3px 2px; }
	#c .txt_btn:hover { background: #fff !important; }
	#c .txt_btn:active { background: #c8c8cc !important; border-color: #999 #ccc #ccc #999; }
	#m .txt { width: 120px; height: 15px;
		color: #333; font: bold 12px verdana, sans-serif; }
	#m .sb { margin-top: 6px; }

	/* ACCOUNT */
	.login_error { float: left; margin: .5em 0 .5em; padding: .5em 1em .7em;
		font-style: italic; text-indent: 0;
		border: 1px solid #fcc; background: #fff8f8; color: #900; }
	.login_error a { font-weight: bold; color: #c00 !important; }
	.login_error a:hover { color: #f00 !important; }