/*
Bo-Blog V2.1
Default Skin
By Bob Shen
2007/7
*/
/****** General Styles ******/
body { font-family: Tahoma, Arial; color: #000000; text-align: center; background: #EEF4F6 url("images/bodybg.gif") repeat-x; margin: 0px; margin-top: 10px; font-size: 12px; }

#ie6bg { clear: both; margin-bottom: 0px; background: url("images/botbg.gif") bottom repeat-x; }

div { margin-left: auto; margin-right: auto; line-height: 24px; font-family: "Verdana"; color: #666666; }

td{ word-break: break-all; }

a, a:visited{ color: #4371A0; text-decoration: none; }

a:link { text-decoration: none; color: #999999; border: 0px; }

 
a:active { text-decoration: underline; color: #75B5C9; border: 0px; }

 
a:visited { text-decoration: none; color: #75B5C9; border: 0px; }

 
a:hover { text-decoration: underline; color: #f60; border: 0px; }

 
hr { height: 1px; border: 0; border-top: 1px solid #333; }

acronym { text-decoration: none; border-bottom: 1px dotted #333; cursor: help; }

/****** Form Controls Styles ******/
form { display: inline; }

input { font-family: Tahoma, Arial; font-size: 12px; }

input.text { background: #fff; border: 1px solid #A9DBF6; }

input.button { background: #fff; border: 1px solid #A9DBF6; }

textarea { background: #fff; border: 1px solid #A9DBF6; }

select { background: #fff; border: 1px solid #A9DBF6; }

/****** Main Layout Styles ******/
#wrapper { width: 958px; padding: 0px 5px; margin-top: 0px; margin: 0 auto; text-align: left; background: #fff url("images/mainbg.gif") repeat-x; }

*html #wrapper { padding: 0px 0px 0px 5px; }

#innerWrapper { width: 100%; }

#headertop{ width: 969px; height: 30px; background: #123949 url("images/headertopbg.jpg"); text-align: right; color: #DFF4FF; line-height: 30px; margin-left: -5px; }

*html #headertop{ position: relative; }

#header { }

#innerHeader { padding: 0; height: 90px; margin-top: 0px; }

#logo { padding-left: 50px; padding-top: 10px; }

#footer { clear: both; background-repeat: no-repeat; background-position: bottom; margin-left: -5px; }

*+html #footer { position: relative; margin-left: -5px; height: 225px; background: url("images/botbg.gif") bottom repeat-x; background-color: #5F8FAC; background-attachment: scroll; }

*html #footer { padding-left: 0px; position: relative; margin-left: -5px; height: 225px; background: url("images/botbg.gif") bottom repeat-x; background-color: transparent; background-attachment: scroll; }

#footer a{ color: #000; }

#dot1{ width: 948px; margin: 0 auto; padding-right: 20px; padding-top: 70px; background: url("images/bottombg.gif") repeat-x; height: 79px; line-height: 20px; font-family: arial; }

*html #dot1 { width: 948px; padding-right: 21px; padding-top: 70px; background: url("images/bottombg.gif") repeat-x; height: 79px; line-height: 20px; font-family: arial; }

#xian { height: 0px; line-height: 0px; display: block; border-top: 1px solid #BCDBE6; border-bottom: 1px solid #fff; margin-bottom: 0px; margin-left: 15px; }

#banquan { padding-left: 15px; margin-bottom: -5px; background-color: none; color: #86B9D6; }

#banquan a{ color: #86B9D6; }

#dot2 { width: 968px; margin: 0 auto; background: #fff url("images/bot.jpg") repeat-x; height: 66px; font-family: arial; }

/****** Header Elements Styles ******/
/* nav menu */
#menu { margin-top: -33px; float: right; height: 25px; color: #57778C; }

*html #menu { position: relative; margin-top: -32px; }

#menu ul{ margin: 0; padding: 0; }

#menu li{ margin: 0; display: inline; list-style: none; text-align: center; float: left; width: 72px; }

#menu a{ padding: 8px; padding-bottom: 2px; display: block; color: #57778C; height: 20px; border-bottom: none; font-weight: bold; }

#menu a:hover, #menu .activepage a { color: #C1E3EF; border-bottom: none; }

/****** Content Layout ******/
#mainWrapper { margin-left: 10px; margin-right: 10px; }

/* sidebar */
.sidebar { float: right; width: 323px; margin-top: -5px; color: #80a5b0; }

*+html .sidebar { width: 323px; margin-right: 11px; color: #80a5b0; }

*html .sidebar { float: right; width: 345px; margin-right: -8px; color: #80a5b0; }

.sidebar-hide { display: none; float: left; }

#innerSidebar { padding: 0; }

#innerSidebarOne { margin-left: -7px; width: 175px; float: left; }

*+html #innerSidebarOne { margin: 0px; width: 175px; float: left; margin-left: 4px; }

*html #innerSidebarOne { width: 175px; float: left; margin-left: 0px; }

#innerSidebarOne a,#innerSidebarTwo a{ color: #80a5b0; }

#innerSidebarOne a:hover,#innerSidebarTwo a:hover{ color: #4284b0; text-decoration: none; background-color: #c1e2ef; }

 #innerSidebarTwo { float: right; margin-right: 2px; width: 136px; }

*+html #innerSidebarTwo { float: right; width: 136px; margin-right: -8px; }

*html #innerSidebarTwo { float: right; width: 136px; padding-left: 0px; }

/* content */
.content { float: left; width: auto; width: 578px; background-color: #FAFCFC; margin-left: -10px; padding: 15px 15px; border: 2px dashed #C0D7DE; }

*html .content { float: left; width: auto; width: 578px; background-color: #FAFCFC; margin-left: -5px; padding: 15px 15px; border: 2px dashed #C0D7DE; }

.content-wide { }

.content-only { width: 100%; }

#innerContent { margin-left: 0; overflow: hidden; margin-right: 5px; margin-top: 5px; }

/* 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: 0; padding: 5px; margin: 5px 0; border: 1px dashed #C0D7DE; background-color: #f2f8fa; width: 100%; }

.panel h5 { text-align: left; font-weight: bold; cursor: pointer; letter-spacing: 1.5pt; padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px; border-bottom: dashed 1px #A2CDDE; font-family: "Trebuchet MS"; font-size: 13px; text-transform: capitalize; color: #0D7BAC; background: url("images/CategoriesHeadingIco.gif") no-repeat left top; padding-left: 25px; line-height: 18px; }

.panel h5 a{ }

.panel-content{ margin: 0px; overflow: hidden; width: 100%; margin-bottom: 5px; }

.panel-content a{ color: #333; }

.panel-content a:hover { color: #999; }

.panel-content ul{ padding: 1px; margin: 0px; margin-left: 2px; }

.panel-content li{ padding: 0px; margin: 0px; list-style: none; }

.panel-content li a { : ; }

.panel-content li.indent{ padding-left: 20px; margin-top: -5px; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; list-style-type: none; background-image: url('images/arrow_cats.gif'); background-x-position: 6px; background-y-position: 0px; background-repeat: no-repeat; color: #80a5b0; }

/* user panel login form */
#loginForm { width: 95%; }

/* calendar panel */
#calendar { width: 100%; margin-top: 1px; }

.calendar-top { text-align: center; padding: 0px; }

.calendar-year,
.calendar-month { font-weight: bold; }

.calendar-weekdays { font-size: 11px; font-family: "Times New Roman",serif; text-align: center; background-color: #e2f2f8; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; color: #5a5959; }

.calendar-weekday-cell { font-size: 12px; color: #108fc8; background-color: #d4eaf3; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #a2cdde; text-align: center; padding: 0px; }

.calendar-main { background: #FFFFFF; }

.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{ text-align: center; width: 14%; padding: 0px; }

.calendar-saturday,
.calendar-sunday { color: #0D80BD; }

.calendar-today { font-size: 11px; font-family: "Times New Roman",serif; text-align: center; background-color: #e2f2f8; background-image: url('images/daybg.gif'); background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; font-weight: 600; color: #cc0000; }

.calendar-day a, .calendar-saturday a, .calendar-sunday a { color: #0D80BD; text-decoration: underline; }

.calendar-today a { color: #0D80BD; text-decoration: underline; }

/****** Search Panel ******/
.search-field { background: #fff; border: 1px solid #A9DBF6; }

/****** Announcement Box ******/
.announce{ margin-bottom: 15px; }

.announce-content{ padding: 10px; color: #000; background: #F4FBFF; }

/****** Defaul Page Elements ******/
.article-top { padding: 5px; margin-bottom: 15px; }

.article-bottom { padding: 5px; margin-top: 15px; }

/* page links */
.pages { color: #3F68A6; padding: 3px; border: 1px solid #A9DBF6; }

.pagelink-current { font-weight: bold; }

.listbox { padding-top: 5px; padding-bottom: 5px; }

.listbox-table { width: 99%; }

.listbox-header { font-weight: bold; text-align: center; background-color: #A9DBF6; color: #333; height: 25px; }

.listbox-entry { word-wrap: break-all; border-bottom: 1px solid #A9DBF6; }

.listbox-entry a{ word-wrap: break-all; }

/* entry display box */
.prev-article{ float: left; }

.next-article{ float: right; }

/* text box */
.textbox{ padding-bottom: 25px; margin-bottom: 5px; clear: both; background-position: 50px 20px; }

.textbox-calendar { float: left; margin-top: -2px; height: 50px; width: 46px; text-align: center; background: url('images/cat_2.gif') no-repeat; }

*html .textbox-calendar { margin-top: -5px; }

.textbox-calendar-day { display: block; font-family: Arial; color: #AE2A06; font-size: 22px; padding: 1px 0 0 0; margin-top: -4px; }

.textbox-calendar-month { margin: 0px; margin-top: -2px; display: block; font-family: Arial; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold; }

.textbox-title{ font-size: 16px; height: 68px; margin-left: 5px; }

.textbox-title h4{ color: #0D80BD; font-size: 16px; padding: 5px; display: inline; font-weight: bold; }

.textbox-title h4 a { font-weight: bold; color: #0D80BD; }

.textbox-title h1{ color: #0D80BD; font-size: 16px; padding: 5px; display: inline; font-weight: bold; }

.textbox-title h1 a { font-weight: bold; color: #0D80BD; }

.textbox-title h3{ color: #0D80BD; font-size: 16px; padding: 5px; display: inline; font-weight: bold; }

.textbox-title h3 a { font-weight: bold; color: #0D80BD; }

.textbox-label{ padding-top: 0px; color: #777777; position: relative; left: -22px; font-size: 12px; text-indent: 29px; }

*+html .textbox-label,* html .textbox-label{ position: relative; left: 0; text-indent: 15px; margin-left: -10px; }

.textbox-fontsize{ color: #979797; float: right; text-align: right; padding: 3px; font-size: 12px; }

.textbox-fontsize a{ color: #979797; }

.textbox-content{ clear: both; word-wrap: break-word; padding: 5px; font-size: 12px; line-height: 150%; }

.textbox-bottom{ padding: 0px; padding-top: 3px; padding-bottom: 1px; font-size: 12px; color: #000; text-align: left; }

.textbox-bottom a { color: #000; text-decoration: none; }

.textbox-bottom a:hover { background-color: #000; color: #ffffff; text-decoration: none; }

.textbox-adminbar { padding: 0px; font-size: 12px; color: #000; text-align: left; }

.textbox-tburl { padding-top: 3px; font-size: 11px; color: #000; text-align: left; }

.tags { clear: both; padding-top: 1px; padding-bottom: 3px; font-size: 11px; color: #333
	text-align:left; background: #F4FBFF; }

.tags a { color: #333; }

/* comments wrapper */
.comment-wrapper{ }

/* comments top box */
.comment-top{ padding: 5px; padding-top: 0px; margin: 5px; color: #000; text-align: right; }

.comment-pages{ padding: 5px; margin: 5px; color: #000; }

/* commnet box */
.commentbox, .trackbackbox { word-wrap: break-word; padding: 0px; margin: 5px; }

.commentbox-odd { background: #FBFEFF; border-top: 1px solid #A9DBF6; }

.commentbox-couple { background: none; border-top: 1px solid #A9DBF6; }

.trackbackbox { background: #E9FDF1; border-top: 1px solid #A9DBF6; }

.commentbox-title, .trackbackbox-title{ padding: 5px; font-size: 14px; color: #0D80BD; }

.commentbox-title a, .trackbackbox-title a{ color: #0D80BD; font-weight: bold; }

.commentbox-label, .trackbackbox-label{ display: block; color: #000; font-size: 12px; }

.commentbox-label a, .trackbackbox-label a{ font-weight: normal; }

.commentbox-content, .trackbackbox-content{ padding: 3px; padding-bottom: 14px; }

/* comment form wrapper */
#commentForm { width: 100%; }

/****** normal message box ******/
.messagebox{ width: 550px; margin-top: 120px; border: 1px solid #A9DBF6; border-top: 0px; text-align: center; background-color: #A9DBF6; }

.messagebox-title{ color: #FFFFFF; font-weight: bold; padding: 5px; }

.messagebox-content{ color: #000; background: #FFFFFF; padding: 10px; padding-bottom: 20px; text-align: left; }

.messagebox-bottom{ color: #000; background-color: #E6EEF7; padding: 5px; }

/****** Input Form Styles (table) ******/
.formbox{ }

.formbox-comment{ padding-top: 10px; border-top: 10px solid #BEE6FD; }

.formbox-title,
.formbox-comment-title{ color: #000; font-weight: bold; font-size: 14px; }

.formbox-rowheader { padding: 5px; font-weight: bold; }

.formbox-content { padding: 5px; }

/* smilies list */
.panel-smilies { padding: 5px; text-align: center; }

.panel-smilies-title { color: #000; text-align: left; border-bottom: 1px solid #BFCAD2; }

.panel-smilies-content { padding: 5px; line-height: 120%; }

/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code { word-wrap: break-all; border-left: 4px solid #BEE6FD; background-color: #FBFEFF; color: #000000; margin: 5px; padding: 10px; }

.quote { border-left: 0px solid #333; margin: 10px; }

.quote-title { background-color: #FBFEFF; border-bottom: 2px solid #BEE6FD; padding: 5px; font-weight: bold; }

.quote-title img { padding-right: 3px; margin-bottom: -4px; }

.quote-content { word-wrap: break-all; color: #000000; padding: 10px; background-color: #FBFEFF; border: 1px solid #BEE6FD; border-top: 0px; }

/****** Link ******/
.linkover { margin-bottom: 20px; height: auto; clear: both; }

.linkbody { float: left; padding-bottom: 14px; }

.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; color: #0D80BD; text-indent: 3px; }

/*Page*/
.pagebox { padding-bottom: 25px; margin-bottom: 5px; clear: both; }

.pagebox-title{ font-size: 16px; height: 68px; margin-left: 5px; }

.pagebox-title h4{ color: #0D80BD; font-size: 16px; padding: 0; margin: 0; display: block; border-bottom: 3px solid #BEE6FD; font-weight: bold; }

.pagebox-title h1{ color: #0D80BD; font-size: 16px; padding: 0; margin: 0; display: block; border-bottom: 3px solid #BEE6FD; font-weight: bold; }

.pagebox-title h3{ color: #0D80BD; font-size: 16px; padding: 0; margin: 0; display: block; border-bottom: 3px solid #BEE6FD; font-weight: bold; }

.pagebox-content{ margin-top: -30px; clear: both; word-wrap: break-word; padding: 0; font-size: 14px; line-height: 120%; }

/* Emot Page Selection */
#smileybuttons { text-align: right; margin-top: 9px; }

.smileybut { margin-right: 3px; padding: 3px; vertical-align: middle; font-weight: bold; }

.smileybut  a{ border: 1px solid #BEE6FD; }