@charset "utf-8";
@import "print.css";

* {
 padding:0;
 margin:0;
}

body {
 font-family:sans-serif;
 line-height:1.5;
}

/* Page Color */

/* Main */
ul#nav, dl#foot, dl#uti dt {
 /*background:#dcf url(img/nav-foot-bg.gif) no-repeat left center;*/
 background:#dcf url(img/nav-foot-bg.gif) no-repeat right center;
}
/* About */
body#about ul#nav, body#about dl#foot, body#about dl#uti dt {
 background-color:#edc;
}
/* Library */
body#lib ul#nav, body#lib dl#foot, body#lib dl#uti dt {
 background-color:#ded;
}
/* Link */
body#link ul#nav, body#link dl#foot, body#link dl#uti dt {
 background-color:#fdd;
}
/* Archives */
body#archives ul#nav, body#archives dl#foot, body#archives dl#uti dt {
 background-color:#cdf;
}
/* Search */
body#search ul#nav, body#search dl#foot, body#search dl#uti dt {
 background-color:#eec;
}

/* Header */

h1 {
 line-height:1.1;
 font-size:170%;
 color:#000;
 padding:25px 0.5em 0.5em 0.5em;
}

h1 span {
 font-size:80%;
 line-height:0.8;
 margin:0 0 0 0.5em;
}

h1 a:link, h1 a:visited {
 color:#000;
 text-decoration:none;
 border-bottom:#000 1px solid;
}

h1 a:hover {
 color:#000;
 border-bottom:none;
}

p#intro {
 font-size:90%;
 margin:0 0.7em 0 2em;
}

/* Navigation */

ul#nav, dl#foot {
 line-height:2.2;
 font-size:90%;
 border-color:#999;
 border-width:1px 0;
 border-style:solid;
}

ul#nav {
 clear:both;
 float:left;
 width:100%;
 margin:1.3em 0 10px 0;
}

ul#nav li {
 position:relative;
 top:0.1em;
 display:inline;
 list-style-type:none;
 font-weight:bold;
}

ul#nav li a, ul#nav li a:visited {
 float:left;
 display:block;
 position:relative;
 z-index:2;
 width:7em;
 text-align:center;
 text-decoration:none;
 color:#000;
 margin:0 0.5em;
}

body#index li a:link.index, body#index li a:hover.index, body#index li a:visited.index,
body#lib.libindex li a:link.lib, body#lib.libindex li a:hover.lib, body#lib.libindex li a:visited.lib,
body#link li a:link.ink, body#link li a:hover.link, body#link li a:visited.link {
 position:relative;
 text-decoration:none;
 background-color:#fff;
 border-color:#999;
 border-width:1px 1px 0 1px;
 border-style:solid;
 padding:0.4em 0 0.3em 0;
 margin:-0.7em 0.5em;
}

ul#nav li a:hover {
 text-decoration:underline;
}

/* Search Form */

form#searchform {
 text-align:right;
 height:1%;
 padding:0 1em 0 0;
}

form#searchform fieldset input[name="q"], form#searchform fieldset input[name="q"]:hover {
 background:#fff url(img/googlecse.png) no-repeat left center;
}

form#searchform fieldset input[name="q"]:active, form#searchform fieldset input[name="q"]:focus {
 background:#fff;
}

/* Topic Path */

ul#topicpath {
 clear:both;
 text-align:right;
 font-size:85%;
 margin:-10px 1.7em 30px 1.7em;
}

ul#topicpath li {
 display:block;
 list-style:none;
}

ul#topicpath li ul {
 display:inline;
 margin:0;
}

ul#topicpath li ul li {
 display:inline;
 background:url(img/topicpath.gif) no-repeat left center;
 padding:0 0 0 10px;
}

/* Utility */

dl#uti {
 float:right;
 width:250px;
 background-color:#fff;
 border-color:#999;
 border-width:1px 0 1px 1px;
 border-style:solid;
 margin:-5px 0 14px 0.8em;
}

dl#uti dt, dl#uti dd {
 padding:4px 1em;
}

dl#uti dt {
 color:#444;
 border-bottom:#999 1px solid;
}

dl#uti dd {
 margin:0;
}

dl#uti dd ul, dl#uti dd ol {
 margin:0 1em;
}

dl#uti dd dl, dl#uti dd dl dt, dl#uti dd dl dd {
 background:none;
 border:none;
 padding:0;
 margin:0;
}

dl#uti dd span, dl#prevnext dd span {
 background-color:#eee;
 border:#bbb 1px solid;
 padding:0.1em;
}

/* Archives */

dl#article, dl#cat, dl#month, dl#taglist {
 clear:both;
 margin:25px 0 20px 0;
}

dl#article dt, dl#cat dt, dl#month dt, dl#taglist dt {
 font-weight:bold;
 border-color:#ccc;
 border-width:1px 0;
 border-style:solid;
 padding:1px 2em;
}

dl#article dd ol {
 margin:0 0 0 1.2em;
}

dl#month dd dl dt {
 clear:left;
 float:left;
 font-weight:normal;
 background:none;
 border:none;
 padding:0;
 margin:0 0.4em 0 0; 
}

dl#article dd, dl#cat dd, dl#month dd, dl#taglist dd {
 margin:10px 3em 15px 2.7em;
}

dl#month dd {
 padding-bottom:20px;
}

dl#cat dd ul, dl#month dd dl, dl#month dd ul, dl#taglist dd ul {
 padding:0;
 margin:0;
}

dl#month dd ul li ul {
 margin:0 0 0 1em;
}

dl#cat li, dl#month li {
 display:inline;
 list-style-type:none;
 margin:0;
}

/* Prev Next */

dl#prevnext {
 border-top:#555 1px dotted;
 padding:15px 0.3em 0 0.3em;
 margin:8px 1.7em 20px 1.7em;
}

/* Powered by */

dl#poweredby, dl#poweredby dt, dl#poweredby dd,
dl#foot, dl#foot dt, dl#foot dd {
 margin:0;
}

dl#poweredby {
 clear:both;
 text-align:right;
 margin:0 2em 15px 0;
}

dl#poweredby dt, dl.poweredby dt {
 font-weight:normal;
 margin:0 0.2em 0 0;
}

dl#poweredby dt, dl#poweredby dd {
 display:inline;
 margin:0 0 0 0.3em;
}

dl#poweredby dt:after, dl.poweredby dt:after {
 content:":";
}

dl.poweredby {
 text-align:right;
 color:#bbb;
 margin:8px 2em;
}

/* Footer */

dl#foot {
 text-align:center;
 padding:0 2em;
 margin-top:20px;
}

dl#foot dt {
 display:none;
}

dl#foot dd,
dl.poweredby dt, dl.poweredby dd,
dl#access dd {
 display:inline;
 margin:0 0.3em 0 0;
}

dl#foot dd#feed {
 background:url(../img/feed.gif) no-repeat left center;
 padding:0 0 0 16px;
}

/* Access Counter */

dl#access {
 text-align:right;
 margin:0 2em 15px 2em;
}

dl#access dt {
 display:none;
}

dl#access dd {
 font-size:80%;
 color:#444;
}

/* Element */

h2 {
 font-size:130%;
 background-color:#fff;
 border-color:#ccc #aaa #aaa #ccc;
 border-width:1px 1px 1px 1px;
 border-style:solid;
 padding:0 0.4em;
 margin:20px 0.8em;
}

h2 a:link, h2 a:visited {
 color:#000;
 text-decoration:none;
 border-bottom:#ccc 1px solid;
}

h2 a:hover {
 color:#000;
 text-decoration:none;
 border-bottom:#fff 1px solid;
}

h3 {
 color:#222;
 font-size:130%;
 border-bottom:#ccc 1px dashed;
 padding:0 0.2em;
 margin:25px 1.3em 15px 1.3em;
}

h4 {
 color:#444;
 font-size:115%;
 margin:12px 1.7em 5px 1.7em;
}

p {
 margin:11px 2em;
}

a, a:visited {
 color:#049;
}

a:hover {
 color:#f09;
 text-decoration:none;
}

ul, ol {
 margin:25px 3em 25px 4em;
}

li dl, li dl dt {
 margin:0;
}

dl {
 margin:25px 3em 25px 2em;
}

dt {
 font-weight:bold;
 color:#444;
}

dd {
 margin:3px 0.5em 5px 2em;
}

blockquote {
 padding:2px 0.3em;
 margin:15px 3em 15px 4.5em;
}

blockquote p {
 margin-left:1em;
 margin-right:1em;
}

blockquote, q {
 border:#bbb 2px dashed;
}

cite {
 font-style:normal;
 font-weight:normal;
}

p cite {
 display:block;
 text-align:right;
 width:98%;
 margin:0 0 20px 0;
}

dl.quote, dl.quote dd {
 margin:0;
}

dl.quote dt {
 text-align:right;
 font-weight:normal;
 margin:-7px 3em 25px 0;
}

img {
 max-width:100%;
 border:none;
}

del, q, code, abbr, kbd {
 margin:0 0.3em;
}

em {
 font-style:normal;
 background-color:#efefef;
}

strong {
 font-weight:bold;
}

del {
 color:#555;
}

ins {
 display:block;
 text-decoration:none;
 border-left:#eee 8px solid;
 padding:0 0.5em;
 margin:20px 2em 20px 2.5em;
}

p ins {
 display:inline;
 border:none;
 padding:0;
 margin:0 0.3em;
}

q {
 padding:0.05em 0.2em;
}

q:before {
 content:"";
}

q:after {
 content:"";
}

abbr {
 cursor:help;
 border-bottom:#ccc 1px dashed;
}

code {
 font-size:100%;
 color:#333;
}

table {
 border-collapse: separate;
 border-spacing:1px;
 margin:30px 3em 30px 1.9em;
}

th {
 text-align:center;
 background-color:#efefef;
 font-weight:bold;
 color:#444;
}

th, td {
 border-color:#bbb;
 border-style:solid;
 border-width:0 1px 1px 0;
 padding:1px 0.5em;
}

td {
 background-color:#fff;
}

/*tr:hover > td {
 background-color:#efefef;
}*/

caption {
 color:#333;
 font-weight:bold;
 margin:0 0 3px 0;
}

kbd {
 border-color:#ddd #bbb #aaa #eee;
 border-width:2px;
 border-style:solid;
 padding:0.2em;
}

hr {
 visibility:hidden;
 margin:20px 0 0 0;
}

address {
 display:inline;
 font-style:normal;
 margin:0;
}

input, textarea, select {
 font-size:100%;
 color:#000;
}

input[type="submit"] {
 padding:0 0.5em;
}

textarea {
 width:28em;
 height:100px;
 line-height:1.5;
}

form, fieldset {
 border:none;
}

form, form p, fieldset {
 margin:0;
}

legend {
 display:none;
}

input:focus, textarea:focus {
 background-color:#ffd;
}

noscript p {
 padding:0;
 margin:0;
}

/* Infomation */

dl#info {
 margin-top:0;
 margin-bottom:10px;
}

dl#info dt, dl#info dd {
 display:inline;
}

dl#info dd {
 margin:0 0 0 0.3em;
}

ul.info, dl.info {
 text-align:right;
 margin:0 1.8em;
}

dl.info {
 clear:both;
 margin-bottom:20px;
}

ul.info {
 margin-top:30px;
}

dl.info dt, dl.info dd, ul.info li {
 display:inline;
 font-weight:normal;
 padding:0;
 margin:0 0 0 0.3em;
}

/* More */

p.more {
 margin-top:15px;
}

p.more a {
 display:block;
 color:#000;
 font-size:120%;
 font-weight:bold;
 text-align:center;
 background-color:#ddd;
 width:7em;
 text-decoration:none;
 border:#ddd 1px solid;
}

p.more a:hover {
 background-color:#fff;
 border:#ccc 1px solid;
}

/* Float */

.left {
 float:left;
 margin:0 0.8em 0.8em 0;
}

.right {
 float:right;
 margin:0 0 0.8em 0.8em;
}

.clear {
 clear:both;
}

/* Other */

.rt {
 text-align:right;
}

/* Library */

body#lib dl#uti dd dl dt {
 background:none;
}

body#lib.libindex h2, body#lib.libindex h3 {
 clear:left;
}

body#lib dl.list {
 float:left;
 width:40%;
 margin:0 0 20px 3em;
}

body#lib dl.list dt, body#lib dl.list dd {
 margin:0;
}

body#lib dl.list dd p, body#lib dl.list dd cite {
 display:inline;
 margin:0 0.8em 0 0;
}

/* Element */

body#lib cite {
 display:block;
 font-style:normal;
 margin:0;
}

body#lib ol#commentlist li dl dt cite {
 display:inline;
}

body#lib ol#commentlist li dl dd blockquote {
 padding:2px 0.3em;
 margin:0;
}

body#lib dd p, body#lib li p {
 margin:0;
}

/* Tag */

body#lib dl.tag {
 margin:0 0 10px 0.5em;
}

body#lib dl.tag dt, body#lib dl#sort dt {
 font-weight:normal;
 border:none;
}

body#lib dl#uti dd dl.tag dt {
 background:none;
}

body#lib dl.tag dt:after, body#lib dl#sort dt:after {
 content:":";
 margin:0 0.2em 0 0;
}

body#lib dl.tag dt, body#lib dl.tag dd,
body#lib dl#sort dt, body#lib dl#sort dd {
 display:inline;
 margin:0 0.3em 0 0;
}

/* Sort */

body.year#lib dl#sort dd a.year,
body.title#lib dl#sort dd a.title,
body.date#lib dl#sort dd a.date {
 color:#000;
 font-weight:bold;
 text-decoration:none;
}

/* Content */

body#lib blockquote {
 padding:15px 0.5em;
 margin:30px 3em 0 2.5em;
}

body#lib blockquote h2, body#lib blockquote h3 {
 background:none;
 border:none;
 padding:0;
 margin:20px 0.8em;
}

body#lib blockquote dl {
 clear:left;
 line-height:2;
 margin:10px 1em;
}

body#lib blockquote dl dt {
 float:left;
 margin:0 0.5em 0 0;
}

body#lib blockquote dl dd {
 margin:0 0 0 3.5em;
}

body#lib blockquote p.text, body#lib blockquote dl.text, body#lib blockquote span.text {
 font-size:90%;
 color:#444;
}

body#lib blockquote p.text, body#lib blockquote dl.text {
 margin:20px 3em;
}

body#lib blockquote span.text {
 margin:0 0.8em;
}

body#lib blockquote dl.text dt {
 font-weight:normal;
}

body#lib blockquote dl.text dd {
 margin:0 0 0 1em;
}

body#lib blockquote hr {
 visibility:visible;
 border-color:#aaa;
 border-width:1px 0 0 0;
 border-style:solid;
 margin:30px 5em;
}

/* Tag List */

dl#taglist li {
 list-style-type:none;
 display:inline;
 margin:0 0.3em 0 0;
}

dl#taglist a:link, dl#taglist a:visited {
 text-decoration:none;
}

dl#taglist a:hover {
 position:relative;
 z-index:5;
 text-decoration:underline;
}

dl#taglist span {
 font-size:x-small;
 color:#444;
 margin:0 0 0 0.1em;
}

dl#taglist li.taglevel1 a {
 font-size:1.7em;
 color:#000;
}

dl#taglist li.taglevel2 a {
 font-size:1.5em;
 color:#222;
}

dl#taglist li.taglevel3 a {
 font-size:1.4em;
 color:#333;
}

dl#taglist li.taglevel4 a {
 font-size:1.3em;
 color:#444;
}

dl#taglist li.taglevel5 a {
 font-size:1.2em;
 color:#666;
}

dl#taglist li.taglevel6 a {
 font-size:1em;
 color:#888;
}

/* Comment, Trackback */

ol#commentlist li cite {
 font-weight:bold;
 margin-right:0.5em;
}

ol#commentlist li dl dt, ol#trackbacklist li dl dt,
form#commentform dl dt {
 color:#000;
 font-weight:normal;
}

ol#commentlist li dl dd blockquote, dl#commentpreview dd blockquote,
body#lib ol#commentlist li dl dd blockquote, body#lib dl#commentpreview dd blockquote {
 background:none;
 border:none;
 margin:0;
}

ol#commentlist li dl dd blockquote p, dl#commentpreview dd blockquote p,
body#lib ol#commentlist li dl dd blockquote p, body#lib dl#commentpreview dd blockquote p {
 margin:7px 1em;
}

ol#commentlist li dl dd, ol#trackbacklist li dl dd {
 margin:8px 2em 8px 1em;
}

ol#commentlist li dl dd blockquote p {
 font-weight:normal;
}

form#commentform dl dt {
 clear:left;
 float:left;
 width:5em;
 margin:0;
}

dl#commentpreview dt cite {
 display:inline;
 font-weight:bold;
}
/*for IE6*/
* html ol#commentlist li dl dd blockquote p a {
 display:block;
 width:85%;
 overflow:hidden;
}

/* Contact */

form#contact dl dt {
 display:none;
}

form#contact dl dd {
 display:inline;
 margin:0 0.5em 0 0;
}

form#contact textarea {
 height:10em;
}

form#contact input {
 text-align:center;
 width:7em;
 height:2em;
}

/* Search */

body#search ul#topicpath {
 clear:both;
 padding-top:22px;
}

body#search form fieldset {
 border:#ccc 1px solid;
 padding:10px 0;
 margin:0 2em;
}

body#search form fieldset dl {
 margin:0 1.5em;
}

body#search form fieldset dd {
 display:inline;
 margin:0 1em;
}