body{font:75%/150% "Trebuchet MS",Tahoma,Arial; color:#333; background:#FFF url(http://www.dotblogs.com.tw/Skins/glossyblue/images/main-bg.gif); margin:0px; padding:0px 0px 30px}
a{color:#C60; text-decoration:none}
a:visited{color:#C63; text-decoration:none}
a:hover{color:#F60; text-decoration:underline}
img{border:none}
p{padding:0px 0px 15px; margin:0px}
h1{margin:0px; background:url(http://chhuang.googlepages.com/header-icon.gif)  no-repeat; padding-left:70px; height:60px; font:bold 36px/100% "Trebuchet MS",Tahoma,Arial; color:#0C88AC}
h1 a, h1 a:visited{color:#0C88AC; text-decoration:none}
h1 a:hover{color:#fff; text-decoration:none}
h2{color:#59770e; margin:0px 0px 2px; border-bottom:1px dotted #CCC; letter-spacing:-1px; font:normal 190%/100% "Trebuchet MS",Tahoma,Arial; padding-bottom:3px}
h2 a, h2 a:visited{color:#59770e; text-decoration:none}
h2 a:hover{color:#F60; text-decoration:none}
h3{font:normal 140%/100% "Trebuchet MS",Tahoma,Arial; color:#758d38; margin:10px 0px 5px}
h4{font:normal 130%/100% "Trebuchet MS",Tahoma,Arial; color:#758d38; margin:10px 0px 5px}
form{margin:0px; padding:0px}
#page{margin:0px auto; /* width:760px; */width:1200px; border-bottom:5px solid #d5e6eb; border-left:5px solid #d5e6eb; border-right:5px solid #d5e6eb; background:#FFF url(http://chhuang.googlepages.com/content-bg.gif) repeat-y}
/* header area */
#header{background:#0FACEA url(http://chhuang.googlepages.com/bubbleheader.jpg) repeat; height:292px; border-bottom:3px solid #59780a; position:relative}
#headerimg{position:relative; padding:30px 0px 0px 40px; height:60px}
#headerimg .description{position:absolute; left:110px; bottom:3px; color:#0C88AC; font-size:14px}
#nav{list-style:none; margin:0px; position:absolute; right:10px; bottom:0px}
#nav li{float:left; margin-left:5px}
#nav .current_page_item a, #nav .current_page_item a:visited{color:#000; text-decoration:none}
#nav .page_item a{color:#fff; text-decoration:none; background:#5c8d0c url(http://www.dotblogs.com.tw/Skins/glossyblue/images/nav-button-bg.gif) repeat-x; padding:5px 15px; font:bold 14px/100% Arial,Helvetica,sans-serif; border-top:1px solid #E6EED0; border-left:1px solid #AFCD69; border-right:1px solid #AFCD69; display:block}
#nav .page_item a:hover{color:#000}

/* content area */
#content{padding:10px 0px 30px 13px; float:left; width:820px; overflow:hidden}
.post{clear:both; padding-top:15px}
.post-date{width:45px; height:49px; float:left; background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/date-bg.gif) no-repeat}
.post-month{font-size:11px; text-transform:uppercase; color:#000; text-align:center; display:block; line-height:11px; padding-top:2px; margin-left:-3px}
.post-day {color: #999; display: inline; font-size: 18px; line-height: 30px; margin-left: -3px; padding: 10px 0px 0px 15px; text-align: center; text-transform: uppercase; }
.entry{float:right; width:760px}
.post-cat{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-category.gif) no-repeat left center; padding-left:20px; float:left; font-size:95%; color:#999}
.post-comments{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-comments.gif) no-repeat left center; /**/padding-left:20px; float:right; font-size:95%; /*jonwidth:100%*/clear:right; /**/white-space:nowrap}
.post-calendar{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-calendar.gif) no-repeat left center; padding-left:20px; float:right; font-size:95%; color:#999}
.post-content{clear:both; padding-top:10px; /*white-space:pre-wrap; */white-space:normal}
.navigation{clear:both; padding:10px 0px}
.navigation a, .navigation a:visited{color:#59770e}
.previous-entries a{float:left; padding-left:18px; background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-nav-left.gif) no-repeat left center}
.next-entries a{float:right; padding-right:18px; background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-nav-right.gif) no-repeat right center}

/* comments area */
#comments, #respond{border-bottom:1px dotted #CCC; padding:10px 0 5px 0; clear:both}
.commentlist{margin:10px 0px; padding-left:20px; line-height:130%}
.commentlist li{padding:5px 10px}
.commentlist .alt{background:#f1fedb}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited{font-weight:bold; font-style:normal; font-size:120%; color:#C60}
.commentlist small{margin-bottom:5px; display:block; font-size:87%}
#commentform{margin-top:10px; font:110% Arial,Helvetica,sans-serif}
#commentform p{padding:6px 0px; margin:0px}
#commentform label{color:#787878; font-size:87%}
#commentform input{width:200px; background:#f1fedb; border:1px solid #bdd77f; padding:3px; margin-top:3px}
#commentform textarea{width:485px; height:115px; background:#f1fedb; border:1px solid #bdd77f; padding:2px; margin-top:3px}
#commentform textarea:focus, #commentform input[type="text"]:focus{background:#fff}
#commentform #submit{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/btn-bg.gif) no-repeat; font:bold 12px Arial,Helvetica,sans-serif; color:#FFF; border:none; float:right; width:144px; height:28px; cursor:pointer}

/*sidebar */
#sidebar{float:right; padding:0px 20px 20px 0px; width:280px; color:#666; overflow:hidden}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{font:normal 140%/100% "Trebuchet MS",Tahoma,Arial; color:#758d38; margin:20px 0px 2px; border-bottom:1px solid #CFE1AC}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{color:#495233; text-decoration:none}
#sidebar a:hover{color:#F60; text-decoration:none}
/*sidebar list level1 */
#sidebar ul{margin:0; padding:0}
strong{/* background-color:Black; */padding-left:20px}

#sidebar ul li{list-style:none; margin:0; padding:0; border:none; word-break:break-all}
/*sidebar list level2 */
#sidebar ul li ul{padding:0; margin:0}
#sidebar ul li ul li{padding:2px 0 2px 0px; border-bottom:1px solid #dceeb7}
/*sidebar list level3 */
#sidebar ul li ul li ul li{padding:1px 0 1px 10px; border:none}
/*blogroll */
ul.list-blogroll li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-blogroll.gif) no-repeat !important; padding-left:16px !important}
/*category widget */
ul.list-cat li, li.widget_categories li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-category.gif) no-repeat !important; padding-left:20px !important}
/*archives widget */
ul.list-archives li, li.widget_archives li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-monthly-archive.gif) no-repeat !important; padding-left:20px !important}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-page.gif) no-repeat !important; padding-left:20px !important}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-page-arrow.gif) no-repeat !important; padding-left:10px !important}
/*recent comments widget */
li.widget_recent_comments li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-recent-comments.gif) no-repeat !important; padding-left:20px !important}
/*calendar widget */
li.widget_calendar td{padding:1px 7px}
/*text widget */
.textwidget{padding-top:5px}

/*search form */
#searchform{margin:15px 0 0}
#searchform br{display:none}
#searchform #s{border:1px solid #203346; width:135px; height:22px; padding:4px 5px 0px 5px; border:1px solid #bed881; background:#fff; margin-right:2px; color:#000; font-weight:normal}
/* search form button - to specify button only use input[type="submit"] */
#searchform input{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/search-btn-bg.gif) no-repeat; border:none; width:67px; height:26px; font:bold 12px Arial,Helvetica,sans-serif; color:#FFF; vertical-align:middle}

/* footer area */
#footer{clear:both; background:#048DB4 url(http://www.dotblogs.com.tw/Skins/glossyblue/images/footer-bg.gif) no-repeat; color:#ACD7EE; font-size:95%; line-height:130%; padding-bottom:10px}
#footer a, #footer a:visited{color:#fff}
#footer h4{font:normal 146%/100% "Trebuchet MS",Tahoma,Arial; color:#9cdbfb; margin:10px 0px 5px}
.footer-recent-comments{width:240px; float:left; /* jonmargin-left:10px; */}
.footer-recent-comments ul{list-style:none; margin:0px; padding:0px}
.footer-recent-comments ul li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-footer-comments.gif) no-repeat; padding:0px 0px 10px 20px; text-overflow: ellipsis; overflow:hidden; width: 270px; /*padding-left:20px; */}
.footer-recent-posts{width:240px; float:left; margin-left:10px}

.footer-recent-posts strong{font-size:107%; line-height:135%; font-weight:bold; background-color:Black}
.footer-recent-posts ul{list-style:none; margin:0px; padding:0px; font-size:92%; line-height:110%}
.footer-recent-posts ul li{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-footer-post.gif) no-repeat; padding:0px 0px 10px 20px}
.footer-about{width:335px; float:right; padding-right:10px; padding-left:10px; background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/footer-right-bg.gif) no-repeat}
/* credits */
#credits{margin:0px auto; width:1200px; color:#7a9299; font-size:85%; line-height:120%}
#credits a, #credit a:visited{color:#048db4}
.rss{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-rss.gif) no-repeat left center; padding-left:18px; padding-bottom:2px; margin-left:8px}
.loginout{background:url(http://www.dotblogs.com.tw/Skins/glossyblue/images/mini-loginout.gif) no-repeat left center; padding-left:18px; padding-bottom:2px; margin-left:8px}
.archive-link-list{list-style-type:none}
.archive-link-list li{list-style:none}

/* alignments */
.center{text-align:center}
img.center, img[align="center"]{display:block; margin-left:auto; margin-right:auto}
.alignleft{float:left}
img.alignleft, img[align="left"]{float:left; margin:2px 10px 5px 0px}
.alignright{float:right}
img.alignright, img[align="right"]{float:right; margin:2px 0px 5px 10px}
.clear{clear:both}
hr.clear{clear:both; visibility:hidden; margin:0px; padding:0px}
#tag-cloud{border-top:1px solid #CFE1AC}
.dp-highlighter{ font-family: "Consolas", "Courier New", Courier, mono, serif; font-size: 12px; width: 80%; overflow: auto; margin: 18px 0 18px 0 !important; padding: 1px; max-height: 200px; }