body { background: #dda; color: #000; cursor: default; margin: 20px; font-family: Verdana, "Microsoft Sans Serif", "Lucida Grande", Lucida, sans-serif; font-size: normal; letter-spacing: 1px; }
#main { width: 90%; margin: 50px auto; }
img { border: 0; }
blockquote { border: 2px dashed; padding: 5px; }
blockquote.lyrics { text-align: center; }
dfn { font-style: normal; color: navy; text-decoration: underline; cursor: help; }
acronym { cursor: help; }
strong { color: #c00; }
em { background: url(http://www.chweng.idv.tw/icons/underline.gif) repeat-x bottom; font-style: normal; }
em.gbwb { font-style: normal; color: #843; }
pre { margin: 30px; padding: 20px; border: 2px dotted; overflow: auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
code { font-family: "Courier New", Courier, monospace; font-size: 1em; }
a:link, a:visited { color: #359; }
a:hover, a:active { color: #593; }
#afs { color: #eeb; font-size: 0.9em; float: right; text-align: right; }
#afc { }
input, textarea { background: #eec; border: 1px solid #000; color: #666; }
input:hover, textarea:hover { background: #ffd; }
h1 { background: #886; color: #eeb; margin: 0; padding: 5px; font-size: 2.8em; }
h2 { color: #774; margin-top: 40px; margin-bottom: 0; }
h3 { color: #c80; }
h4 { color: #a65; }
h5 { color: #843; margin-bottom: 0; }
h6 { font-size: 0.9em; margin: 0; }
.menu ul { margin: 0; font-size: 12px; }
.menu li { background: #cca; float: left; padding: 2px 8px; list-style: none; }
.menu a { color: #530; text-decoration: none; }
#selected { background: #eec; color: #530; }
#sidebar { width: 15%; margin-right: 30px; margin-bottom: 50px; border: 3px solid #ccc; float: left; }
#sidebar ul { padding: 0; }
#sidebar li { list-style: none; text-align: center; }
#sidebar a { display: block; padding: 5px; }
#sidebar a:hover { background: #fff; }
#footer { font-size: 12px; clear: both; }
#footer p { margin: 0; border-bottom: 3px solid; }
#footer ul { margin: 0; }
#footer li { float: left; list-style: none; }
p#nav { font-size: 1em; margin-top: 0; margin-bottom: 30px; }
h3.extread { color: #777; margin-top: 50px; padding: 5px; border-top: 2px dotted; }
.gbhead li { float: left; list-style: none; margin-right: 10px; }
.gbmsgtable { background: #ba8; width: 95%; margin: 20px; }
.swinfo { width: 90%; margin: auto; border-collapse: collapse; border-color: #000; }
.swinfo td { border: 1px solid; vertical-align: top; }
.swinfo ul { margin: 0; padding: 0; list-style: none; }
.worklist li { list-style: none; }
.marquee { background: #8bc; width: 480px; height: 22px; }
.marquee div { text-align: center; }
.siterolls { margin: auto; text-align: center; }
.sitemap li { margin: 3px; }
.credit { clear: both; background: #9a9; border-top: double 3px #aba; color: #fff; font-size: 11px; margin-top: 10px; padding: 3px; text-align: center; }

/*-- Blog --*/
#blog_main { width: 680px; float: left; margin-bottom: 50px; }
#blog_sidebar { width: 180px; float: right; margin-bottom: 50px; }
#blog_sidebar ul { margin: 0; padding: 0; list-style: none; }
.blog_post { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
.blog_post-footer { color: #863; margin-left: 20px; }
.blog_comments { margin-left: 10px; border-bottom: 1px dotted #fff; }

/*-- Album --*/
#album_title { color: #874; margin: 50px 150px 0; padding: 10px 20px 0; border: solid #ee9; border-width: 1px 1px 0; text-align: center; letter-spacing: 3px; }
#album_desc { color: #a83; margin: 0 150px 30px; padding: 0 30px 10px; border: solid #ee9; border-width: 0 1px 1px; }
.album_list { margin-bottom: 80px; }
.album_list img { float: left; }
.album_list li { list-style: none; margin-left: 10px; }
.album_preview { margin: auto; border-top: 1px solid #ee9; text-align: center; }
.album_preview table { margin: auto; }
.album_show { margin-top: 20px; }

/*-- XBEL to HTML Transformation Stylesheet --*/
.xbel_headline { background: #bb7; color: #774; }
.xbel_sub-title { margin-left: 2em; }
.xbel_sub-list { border-left: 1px solid #777; }

/*-- JSON Bookmark --*/
li.folder { background: url('bookmark/folder_closed.png') top left no-repeat; padding-left: 20px; }
li.bookmark { background: url('bookmark/bookmark.png') top left no-repeat; padding-left: 20px; }
ul.favcontainer { display: none; padding: 0.5em; border: 1px solid #aaa; margin: 0.5em; list-style-type: none; }
ul#root { display: block; }

/*-- My Works --*/
.searchOdd, .searchEven { padding: 8px 10px; }
.searchOdd h4, .searchEven h4 { display: inline; }
.searchOdd { background-color: #cca; }
.searchOdd + .searchEven, .searchEven + .searchOdd { border-top: 1px dashed #ccc; margin-top: -1px; padding-top: 9px; }
.searchOdd span.options, .searchEven span.options { color: #666; display: none; }
.searchOdd a, .searchEven a { color: #c44; }
.searchOdd .subtitle, .searchEven .subtitle { float: right; color: #777; }
h3 + .searchOdd { margin-top: 15px; }
.preview{ border-top: 1px dashed #B8B692; margin-top: 5px; padding: 7px 10px; display: none; }
.searchEven .preview { border-top: 1px dashed #ffd; }
.previewFooter { margin:10px 0px 0px 0px; }
.previewFooter img { margin-bottom: -3px; border: none; }
.previewFooter span { float: right; }