/*
Bo-Blog V2.1.0 rs3
Chilun Skin
2007-12-20
*/

/****** General Styles ******/
body { font-size: 12px; font-family: Tahoma, Arial; background-image: url(images/header_bg.gif); background-repeat: repeat-x; background-color: #357; margin: 0px; padding: 0px; letter-spacing: 0px; margin-bottom: 0px; text-align: center; }
table { font-family: Tahoma, Arial; color: #000; font-size: 12px; }
img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
a { color: #555; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
hr { height: 1px; border: 0; border-top: 1px solid #ccc; }
acronym { border-bottom: 1px dotted #555; cursor: pointer; text-decoration: none; }
/****** Form Controls Styles ******/
form { display: inline; }
input { font-family: Tahoma, Arial; font-size: 12px; }
input.text { height: 20px; padding: 1px; border: 1px solid #555; color: #555; background-color: #fbfcfd; }
input.button { height: 20px; color: #555; background-color: #fbfcfd; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #05c; border-right-color: #05c; border-bottom-color: #05c; border-left-color: #05c; width: 70px; }
textarea { border: 1px solid #555; background-color: #def; font-family: Tahoma, Arial; font-size: 12px; color: #555; background-image: url(images/nowater.gif); background-repeat: no-repeat; background-position: right bottom; }
select { font-family: Tahoma, Arial; font-size: 12px; color: #555; background-color: #FBFCFD; border: 1px solid #555; }
/****** Main Layout Styles ******/
#wrapper { margin:0 auto; width: 940px; /*position: relative;*/ text-align: left; }
#innerWrapper { background: url('images/main_bg.gif') repeat-y; width: 100%; }
#header { height: 230px; background-repeat: repeat-x; background-image: url(images/header_bg.gif); }
#innerHeader { background-image: url(images/hr-top-bg.gif); background-repeat: no-repeat; }
#Times { float: right; margin-top: 5px; margin-right: 5px; }
.blog-title { margin-left: 40px; margin-top: 3px; }
#innerFooter { font-size: 12px; color: #ddd; float: left; padding-top: 40px; padding-left: 280px; font-family: Georgia; }
#footer { clear: both; background-repeat: no-repeat; height: 80px; text-decoration: none; background-image: url(images/footer.gif); }
#footer a { color: #ddd; }
#gotop { float: right; text-align: right; padding-top: 20px; padding-right: 40px; }
h1 { font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #fff; text-decoration: none; margin-top: 0px; margin-bottom: 0px; margin-left: 40px; height: 14px; padding-top: 3px; }
h1 a { color: #fff; text-decoration: none; }
h1 a:hover { color: #fff; text-decoration: none; }
/*Logo   chilun
.blloglogo { margin-top: 0px; margin-bottom: 0px; margin-left: 40px; height: 16px; padding-top: 2px; background-image: url(images/logo_name.gif); background-repeat: no-repeat; width: 110px; background-color: #FF0000; }
.blloglogo a { cursor: pointer; height: 20px; width: 110px; display: block; }
.blloglogo h1 { display: none; }*/

/* 加入收藏設為首頁*/
#site { float: right; color: #fff; margin-top: 3px; cursor: pointer; width: 240px; }
#site a { color: #fff; }
#site { margin-right: 30px; }
* html #site { margin-right: 20px; }
*+html #site { margin-right: 40px; }
#brHeader { height: 150px; margin-top: 10px; margin-bottom: 10px; }
/* blog description */

.minisearchbar { list-style: none; width: 150px; float: right; text-align: center; margin-right: -250px; margin-top: 27px; background-image: url(images/search1.png); background-repeat: no-repeat; background-position: 80px 0px; }
#minisearcharea { width: 150px; height: 36px; text-indent: 20px; background: url('images/search1.png') no-repeat; margin-left: 80px; }
#minisearcharea { padding-left: 0px; padding-top: 14px; }
* html #minisearcharea { padding-left: 13px; padding-top: 14px; }
*+html #minisearcharea { padding-left: 10px; padding-top: 14px; }
.minisearcharea input { border: none; background: #fff; width: 96px; }

/* nav menu */
#menu { width:900px; font-size:100%; line-height:normal; font-family:verdana; float: left; height: 40px; padding-left: 40px; background-image: url(images/header_mu_bg.gif); background-repeat: no-repeat; }
#menu ul { list-style:none; margin:0px; padding:0px; }
#menu li { display:inline; }
#menu a { float:left; color:#efefef; margin-right:2px; text-decoration: none; background-image: url(images/tableft6.gif); background-repeat: no-repeat; background-position: left top; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 3px; }
#menu a span { float:left; display:block; background:url("images/tabright6.gif") no-repeat right top; color:#efefef; padding-top: 5px; padding-right: 10px; padding-bottom: 4px; padding-left: 8px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span { float:none; color: #efefef; }
/* End IE5-Mac hack */
#menu a:hover { background-position:0% -42px; color: #fff; }
#menu a:hover span { background-position:100% -42px; color: #fff; }
#menu .activepage a, #menu .activepage a { }
#menu .activepage a, #menu .activepage a span { color:#fff; }

/****** Content Layout ******/
#mainWrapper { margin-top: 0px; margin-left: 30px; padding-right: 10px; }
#mainWrapper { margin-right: 20px; } /* Mozilla & Opera */
* html #mainWrapper { margin-right: 10px; margin-left:0px; padding-right:20px; } /* IE6*/
*+html #mainWrapper { margin-right: 20px; } /* IE7 */

/* sidebar */
.sidebar { margin-right: -10px; padding-top: 0px; padding-right: 3px; float: right; width: 190px; border-left-width: 1px; border-left-style: solid; border-left-color: #ccc; background-image: url(images/panel_pb.gif); background-repeat: repeat-y; }
* html .sidebar { width: 190px; padding-left: 3px; padding-top: 0px; }
.sidebar-hide { display: none; float: right; }
#innerSidebar { padding: 3px; background-image: url(images/panel_bg_bbg.gif); }

/* content */
.content { float: left; width: 100%; margin-left: -200px; }
.content-wide { width: auto; margin-left: -200px; }
.content-only { width: 100%; margin-left: -180px; }
#innerContent { overflow: visible; margin-right: 5px; }
#innerContent { margin-left: 205px; } /* Mozilla & Opera */
* html #innerContent { margin-left: 235px; } /* IE6 */
*+html #innerContent { margin-left: 205px; } /* IE7 */

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }
/****** Sidebar Panels ******/
.panel { padding:0px; margin-bottom: 10px; }
.panel h5 { color: #eee; font-size: 12px; font-weight: bold; width: 172px; height: 22px; padding-bottom: 4px; background: url('images/panel_bg.gif') no-repeat; cursor: pointer; padding-top: 2px; padding-right: 2px; padding-left: 20px; margin: 0px; }
.panel h5 a { color: #fff; }
.panel-content { width: 178px; margin:0px; padding-left: 2px; padding-top: 5px; padding-bottom: 5px; line-height: 120%; color:#555; font-family: Georgia; }
.panel-content ul { padding: 1px; margin: 0px; margin-left: 2px; }
.panel-content li { padding: 0px; margin: 0px; list-style: none; }
.panel-content li.indent { background-image: url(images/list.gif); background-repeat: no-repeat; text-indent: 13px; padding-left: 5px; background-position: 2px 5px; }
.panel-content ul ul li { padding: 0px; background-image: url("images/list.gif"); background-repeat: no-repeat; text-indent: 15px; }

/* calendar panel */
#calendar { width: 100%; margin-top:1px; }
.calendar-top { text-align: center; padding:0px; }
.calendar-year, .calendar-month { font-weight: bold; }
.calendar-weekdays { color: #555; font-size:11px; text-align: center; width: 14%; padding:0px; }
.calendar-weekday-cell { color: #555; font-size:11px; text-align: center; width: 14%; padding:0px; font-weight: bold; }
.calendar-main { background: #fff; }
.calendar-day, .calendar-day-blank, .calendar-saturday, .calendar-sunday, .calendar-today { text-align: center; width: 14%; padding:0px; }
.calendar-saturday, .calendar-sunday { color: #000; }
.calendar-today { color: #fff; background: #555; }
.calendar-day a, .calendar-saturday a, .calendar-sunday a { color: #555; text-decoration: underline; }
.calendar-today a { color: #fff; }
/****** Search Panel ******/
.search-field { margin-bottom: 5px; border: 1px solid #039; background-image: url(images/search.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 30px; padding-top: 2px; height: 18px; }
/****** Announcement Box ******/
.announce { margin-bottom: 8px; }
.announce-content { color: #000; }
/****** Defaul Page Elements ******/
.article-top { padding: 5px; margin-bottom: 15px; }
.article-bottom { padding-bottom: 5px; }
/* page links */
.pages { color: #555; font-family: Georgia; }
.pagebar-mainbody { font-family: Georgia; color: #888; }
.pagelink-current { color: #000; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #09c; font-family: Georgia; }
.listbox { padding-top: 5px; padding-bottom: 5px; }
.listbox-table { width: 99%; }
.listbox-header { font-weight: bold; text-align: center; background-color: #06c; color: #fff; height: 25px; }
.listbox-entry { color: #000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; }
/* entry display box */
.prev-article{ float: right; }
.next-article{ float: left; }

/* text box */
.textbox { padding-bottom: 10px; margin-bottom: 5px; }
.textbox-title { }
.textbox-title .bk { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; background-color: #f9f9f9; background-image: url(images/textbox-title-bk.gif); background-repeat: repeat-y; }
.textbox-title h2 { margin-left: 5px; color: #09c; padding-left: 3px; font-size: 15px; display: inline; }
.textbox-title h2 a { color: #05c; }
.textbox-label { color: #555; font-size: 12px; padding-left: 10px; height: 18px; font-family: Georgia; }
.textbox-label img { margin-bottom: -2px; }
.textbox-fontsize { color: #999; float: right; text-align: right; font-size: 12px; padding-top: 2px; padding-right: 3px; }
.textbox-fontsize a { color: #999; }
.textbox-content { background-color: #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; }
.textbox-rel { color: #358; clear: both; text-align: left; margin-top: 10px; margin-bottom: 10px; background-image: url(../../plugin/relatedtopic/page_next.gif); background-repeat: no-repeat; padding-top: 3px; padding-right: 5px; padding-bottom: 5px; padding-left: 18px; margin-right: 0px; margin-left: 0px; }
.textbox-rel a { color: #359; }
.textbox-bottom { padding: 0px; padding-top: 3px; padding-bottom: 4px; font-size: 12px; color: #555; text-align:right; border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; font-family: Georgia; }
.textbox-bottom a { color: #555; text-decoration: none; }
.textbox-bottom a:hover { color: #000; text-decoration: none; }
.textbox-adminbar { padding: 0px; padding-bottom: 4px; font-size: 12px; color: #555; text-align:right; }
.textbox-tags { background-color: #fefefe; background-image: url(images/tags.gif); background-repeat: no-repeat; padding-left: 20px; margin-bottom: 5px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; background-position: 2px 2px; border: 1px solid #f5f5f5; font-family: Georgia; }
.textbox-type { margin-top: 9px; }
.textbox-tburl { padding-top: 3px; font-size: 11px; color: #555; text-align:left; padding-left: 15px; background: url('./images/tb_bg.gif') no-repeat 0px; }
.tags { padding-top: 1px; padding-bottom: 3px; font-size: 11px; color: #555; text-align:left; padding-left: 15px; }
/* comments wrapper */
.comment-wrapper { }
/* comments top box */
.comment-top { padding:5px; padding-top: 0px; margin: 5px; color: #555; text-align: right; }
.comment-pages { padding:5px; margin: 5px; color: #555; }
/* commnet box */
.commentbox { padding: 0px; margin: 5px; }
.commentbox-title { padding: 5px; border-left-width: 5px; border-left-style: solid; border-left-color: #069; background-color: #fefefe; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; }
.commentbox-label { display: inline; color: #555; font-size: 12px; }
.commentbox-content { margin-left: 50px; padding: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
/* trackback box */
.trackbackbox { padding: 0px; margin: 5px; }
.trackbackbox-title { padding: 5px; background: url('images/sidebar_bg.png') repeat-y; border-left-width: 3px; border-left-style: solid; border-left-color: #069; }
.trackbackbox-label { display: inline; color: #555; font-size: 11px; }
.trackbackbox-content { padding: 3px; padding-bottom: 14px; }
.trackbackbox a { color: #000; }
/* comment form wrapper */
#commentForm { width: 99%; }
/****** normal message box ******/
.messagebox { width: 500px; margin-top: 120px; border: 1px solid #555; border-top: 0px; text-align: center; background-color: #fff; }
.messagebox-title { background: #eee; color: #555; font-weight: bold; padding: 5px; border-top: 1px solid #555; border-bottom: 1px solid #555; }
.messagebox-content { color: #555; background:#fff; padding: 10px; padding-bottom: 20px; text-align: left; }
.messagebox-bottom { color: #555; background-color: #eee; padding: 5px; border-top: 1px solid #555; }
/****** Input Form Styles (table) ******/
.formbox { }
.formbox-comment { padding-top: 10px; }
.formbox-title, .formbox-comment-title { color: #555; font-weight: bold; padding: 5px; border-left-width: 5px; border-left-style: solid; border-left-color: #069; background-color: #fefefe; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; }
.formbox-rowheader { padding: 5px; font-weight: bold; }
.formbox-comment-inputts { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999; height: 20px; width: 100px; margin: 2px; padding: 2px; }
.formbox-content { padding: 5px; }
/* smilies list */
.panel-smilies { padding:5px; }
.panel-smilies-title { color: #555; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; }
#smileybuttons { text-align: right; }
/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code { background-color: #bebebe; color: #000; margin: 5px; padding: 10px; border-left-width: 3px; border-left-style: solid; border-left-color: #069; }
.quote { margin: 10px; border-left-width: 0px; border-left-style: solid; border-left-color: #d6c094; }
.quote-title { border-bottom: 1px dashed #eee !important; border-bottom: 1px dotted #eee; padding: 5px; font-weight: bold; color: #888; }
.quote-title img { padding-right: 3px; margin-bottom: -4px; }
.quote-content { color: #888; background-color: #fff; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #eee; border-right-color: #eee; border-bottom-color: #eee; border-left-color: #ccc; }
/****** Link ******/
.linkover { margin-bottom: 50px; height: auto; clear: both; }
.linkbody { margin-top: 5px; width: 50%; float: left; }
.linkimg { /*	width: 35%;*/ float: left; text-align: right; margin-right: 4px; }
.linktxt { float: left; }
.linktitle a { font-weight: bold; }
.linkgroup { font-weight: bold; font-size: 14px; margin-bottom: 5px; color: #555; }
/*.insertimage { border: 1px solid #DCDCDC; padding: 3px; background-color: #fff; }*/
.noso { display: none; }
/*文章看板*/
.pg-bl { text-align: center; }
.pg-bl p { display: none; }