/*----------- happiness template by rachel(http://www.rachel729.cn) 2008.4 -----------*/
/****** General Styles ******/
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
background-color: #ececec;
padding:0; 
color:#444444;
}
table {
color: #444444;
font-size: 12px;
}
td{
word-break: break-all;
}
a {
text-decoration: none;
color : #708090;
border: none;
}
a:hover	{
COLOR: #1e3c56;
BACKGROUND-COLOR: #CCCCCC;
TEXT-DECORATION: none;
} 
hr {
height: 1px;
border: 0;
border-top: 1px solid #E6E6FA;
}
acronym {
text-decoration: none;
border-bottom: 1px dashed #BB6F02;
cursor: help;
}
img {
border: none;
}
/****** Form Controls Styles ******/
form {
display: inline;
}
input {
font-family: Verdana, Arial;
font-size: 12px;
background-color: #ffffff;
}
input.text {
padding: 1px;
color: #444444; 
border:1px solid #BBB;
margin-top: 1px;
margin-bottom: 1px;
background-color: #ffffff;
}
input.button {
height: 20px;
padding: 1px;
border: 1px solid #BBB;
color: #040301; 
background-color: #ffffff;
margin-top: 1px;
margin-bottom: 1px;
}
textarea {
font:12px  Verdana, Arial,sans-serif; 
color: #444444;
border:1px solid #BBB;
margin-top: 1px;
margin-bottom: 1px;
background-color: #ffffff;
}
select { 
margin-top: 1px;
border: 1px solid #BBB;
background-color: #ffffff;
}
/****** Main Layout Styles ******/
#wrapper {
margin:0;
padding:0;
width: 100%;
}
#innerWrapper {
margin:0;
padding:0;
width: 100%;
}
#header {
margin:0;
padding:0;
}
#innerHeader {
width: 950px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
overflow: hidden;
height: 40px;
}
#footer {
clear: both;
margin:0;
padding:0;
width:100%;
}
#innerFooter {
height: 20px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align: center;
padding-top: 5px;
padding-right: 0;
padding-left: 0;
font-size: 10px;
}
#innerFooter a {
color: #444444;
}
/****** Header Elements Styles ******/
/* header title */
.blog-header {
height: 40px;
padding-left: 15px;
float: left;
overflow: hidden;
margin: 0px;
padding-top: 0px;
}
h1 {
font-family: "黑体", Tahoma, Verdana, Arial;
font-size: 22px;
font-weight: bold;
float: left;
line-height: 28px;
display: block;
height: 40px;
padding-top: 15px;
}
h1 a {
font-family: "黑体", Tahoma, Verdana, Arial;
font-size: 22px;
font-weight: bold;
text-decoration: none;
height: 40px;
padding-top: 15px;
}
/* blog description */
.blog-desc {
float: left;
margin-top: 25px;
margin-left: 15px;
font-size: 12px;
height: 20px;
}
/* nav menu */
#menu {
float: right;
padding: 0px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 15px;
overflow: hidden;
}
* html #menu {
float: right;
padding: 0px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 8px;
overflow: hidden;
}
*+html #menu {
float: right;
padding: 0px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 8px;
overflow: hidden;
}
#menu ul{
list-style-type:none;
margin: 0px;
padding: 0px;
}
#menu li{
margin-left: 15px;
display: block;
float: left;
}
#menu ul li a {
text-decoration: none;
display: block;
float: left;
} 
/****** Content Layout ******/
#mainWrapper {
width: 950px;
margin: 0 auto;
overflow:auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
border: 1px solid #bbb;
background-color: #ffffff;
}
* html #mainWrapper {
width: 950px;
margin: 0 auto;
overflow:auto;
padding-bottom: 10px;
border: 1px solid #bbb;
background-color: #ffffff;
}
*+html #mainWrapper {
width: 950px;
margin: 0 auto;
overflow:auto;
padding-bottom: 10px;
border: 1px solid #bbb;
background-color: #ffffff;
}
.top {
margin-bottom: 10px;
}
/* sidebar */
#sidebar {
font-family: Tahoma, Arial, Helvetica, sans-serif;
overflow:hidden;
display:inline-block;
width:370px;
float: left;
margin-top: 0px;
margin-bottom: 0px;
}
.sidebar-hide {
display: none;
float: right;
}
.announce{
margin:5px 10px 0 10px;
padding:0px;
font-size:12px;
clear:both;
}
.announce-content{
font-family:Verdana, Arial, Helvetica, sans-serif;
word-wrap: break-all;
padding: 10px 10px 0 10px;
font-size:12px !important;
font-size:12px;
line-height:150%;
}
#innerSidebar {
padding: 0px;
margin:0px;
overflow:hidden;
}
/* sidebar more */
#sidebar-left{
float:left;
overflow:hidden;
display:inline-block;
width:163px;
margin-right: 10px;
padding-left: 10px;
padding-top: 10px;
border-left:1px dashed #bbb;
}
#sidebar-right{
float:left;
overflow:hidden;
display:inline-block;
width:163px;
font-size: 12px;
padding-bottom: 10px!important;
padding-bottom: 0px;
padding-top: 10px;
margin-right: 10px;
padding-left: 10px;
border-left:1px dashed #bbb;
}
/* content */
.content {
float: left;
width: 580px;
margin:0px;
padding:0px;
overflow:hidden;
}
.content-wide {
width: auto;
}
.content-only {
width: 100%;
}
#innerContent {
width:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
/* 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 {
text-align:left;
color: #444444;
font-size: 12px;
padding:2px;
padding-left:0px;
margin:0px;
cursor: pointer;
border-bottom:1px dashed #bbb;
}
.panel h5 a{
color: #444444;
}
.panel h5 a:hover{
COLOR: #444444; 
BACKGROUND-COLOR: #ffffff; 
TEXT-DECORATION: none;
} 
.panel-content{
margin:0px;
padding:0px;
padding-top:10px;
line-height:150%;
} 
.panel-content a:visited,.panel-content a{
text-decoration:none;
font-size:12px;
line-height: 150%;
}
.panel-content ul{
font-size: 12px;
color: #7A7A7A;
padding: 0px;
list-style:none;
margin-top:0px;
margin-bottom: 15px;
margin-right: 0px;
margin-left: 0px;    
}
.panel-content li{
list-style: none;
margin: 0px;
padding: 0px;
}
* html .panel-content li {
list-style: none;
margin-left: 0px;
}
*+html .panel-content li {
list-style: none;
margin-left: 0px;
}
.panel-content li.indent{
padding: 0px;
background-image: url("images/list.gif");
background-repeat: no-repeat;
text-indent: 15px;
}
/****** Sidebar Panels category******/
.panel-content-category{
margin:0px;
padding:0px;
padding-top:10px;
} 
.panel-content-category a,.panel-content-category a:visited{
text-decoration:none;
font-size:12px;
line-height: 130%;
}
.panel-content-category ul{
padding: 0px;
margin: 0px;
}
.panel-content-category li{
list-style: none;
margin: 0px;
padding: 0px;
}
.panel-content-category li.indent{
padding: 0px;
background-image: url("images/list.gif");
background-repeat: no-repeat;
text-indent: 15px;
}
/****** Sidebar Panels link******/
.panel-content-link{
margin:0px;
padding:0px;
padding-top:10px;
} 
.panel-content-link a,.panel-content-link a:visited{
text-decoration:none;
font-size:12px;
line-height: 150%;
}
.panel-content-link ul{
padding: 0px;
margin: 0px;
}
.panel-content-link li{
list-style: none;
margin: 0px;
padding: 0px;
}
.panel-content-link li.indent{
padding: 0px;
background-image: url("images/list.gif");
background-repeat: no-repeat;
text-indent: 15px;
}
/****** Sidebar Panels sp******/
.panel-content-sp{
margin:0px;
padding:0px;
padding-top:10px;
line-height:150%;
}
.panel-content-sp a,.panel-content-sp a:visited{
text-decoration:none;
font-size:12px;
line-height: 150%;
}
/* user panel login form */
#loginForm {
width: 95%;
}
/* calendar panel */
#calendar {
width: 100%;
margin-top:1px;
line-height:135%;
font-family:"Verdana";
}
.calendar-top {
text-align: center;
padding:0px;
padding-bottom:3px;
padding-top:3px;
}
.calendar-top a{
color:#666666;
border-bottom:none;
}
.calendar-year,.calendar-month {
font-weight: bold;
}
.calendar-weekdays {
color: #666666;
font-size:10px;
text-align: center;
width: 14%;
padding:0px;
}
.calendar-weekday-cell {
font-size:10px;
text-align: center;
width: 14%;
padding:0px;
border-bottom:#888888 1px solid;
border-top:#888888 1px solid;
color:#dedede;
background:#789;
}
.calendar-day,.calendar-day-blank,.calendar-saturday,.calendar-sunday,.calendar-today{
font-size:10px;
text-align: center;
width: 14%;
padding:0px;
padding-top:1px;
padding-bottom:1px;
color: #999999;
}
.calendar-today {
border:#ccc 1px solid;
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a {
color: #333333;
border-bottom:none;
display:block;
font-size:10px;
}
.calendar-today a {
font-size:10px;
text-decoration:underline;
border-bottom:none;
}
/****** Search Panel ******/
.search-field { 
width: 125px;
margin-bottom: 5px;
border: 1px solid #A79D8F;
color: #000; 
}
/****** Defaul Page Elements ******/
.article-top {
padding: 0px 10px 5px 20px;
margin-bottom: 10px;
line-height: 150%;
}
.article-bottom {
padding: 0px 10px 0px 17px;
margin-top: 10px;
line-height: 150%;
}
/* page links */
.pages {
padding:5px 0;
}
.pagebar-mainbody{
}
.pagebar-selections{
padding:5px;
}
.pagebar-selections a{
padding:1px 4px;
border:1px solid #708090;
}
.pagebar-selections a:hover {
text-decoration: none;
}
.pagelink-current {
font-weight: normal;
padding:1px 4px;
color: #BCBCBC;
border:1px solid #BCBCBC;
}
.listbox {
margin-top:3px;
margin-left:10px;
margin-right:10px;
padding:5px;
}
.listbox-table {
width: 95%;
}
.listbox-header {
font-weight: bold;
text-align: center;
height: 25px;
}
.listbox-entry {
word-wrap: break-all;
}
.listbox-entry a{
word-wrap: break-all;
}
/* entry display box */
.prev-article{ display: block; }
.next-article{ display: block; }
/* text box */
.textbox{
overflow:hidden;
display:inline-block;
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
padding: 10px;
}
.textbox-date {
font: bold 16px Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #666666;
padding: 2px 0 2px 0px;
margin: 0 0 5px 10px;
border-bottom: #666666 1px solid;
width: 300px;
}
.textbox-title{
color:#FF8B00;
font-size: 14px;
height: 46px;
padding-top: 2px;
padding-left: 10px;
padding-bottom: 2px;
}
.textbox-title h4{
color:#FF8B00;
font-size: 14px;
font-weight:bold;
margin: 0;
padding: 0;
padding:0px;
text-indent: 0px;
line-height: 22px;;
}
.textbox-title h4 a ,.textbox-title h4 a:visited{
color:#FF8B00;
font-weight:bold;
}
.textbox-title h4 a:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration: none;
background-color: #FF8B00;
}
.textbox-label{
font-size: 11px!important;
font-size: 11px;
color: #999999;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-indent: 0px;
line-height: 16px;
margin: 0px;
}
.textbox-fontsize{
color: #666666;
font-size:11px !important;
font-size: 11px;
padding: 5px 0px 0px 0px;
margin-right: 8px;
float: right;
text-align: right;
display: inline;
}
.textbox-fontsize a{
color: #999999;
}
.textbox-content{
clear: both;
padding: 0px 11px 10px 11px;
word-wrap: break-word;
font-size:12px;
line-height: 150%;
}
.textbox-content img {
border:none;
}
.textbox-content textarea{
word-break: normal;
color:#444444;
line-height: 150%;
}
.textbox-adminbar {  
padding-bottom: 4px;
padding-right: 10px;
font-size: 12px;
font-weight: normal;
text-align: right;
}
.textbox-tburl {
text-align: left;
margin-top: 5px;
margin-left: 10px;
padding-top: 3px;
font-size:12px !important;
font-size: 12px;
}
.tags {
padding: 10px 10px 0 10px;
font-size:12px !important;
font-size: 12px;
text-align:left;
}
/* comments wrapper */
.comment-wrapper{    
}
/* comments top box */
.comment-top{ /*un*/
padding:5px;
padding-top: 0px;
margin: 5px;
margin-left: 10px;
text-align: right;
}
.comment-pages{
padding:5px;
margin: 5px;
text-align: left;
margin-left: 15px;
}
.comment-pages a{
}
#com{
font-size:12px;
color:#666666;
padding-left:18px;
padding-top:10px;
padding-bottom:10px;
}
/* commnet box */
.commentbox{
word-wrap: break-word;
padding: 5px;
margin: 0 10px 0 13px;
}
.commentbox-title{
border-bottom:1px solid #e0e0e0;
padding-bottom: 2px;
}
.commentbox-label{
display: inline;
color: #666;
font-size: 12px;
}
.commentbox-content{
word-wrap: break-word;
font-size:12px;
line-height: 150%;
padding: 5px 0px 5px 0px;
}
.reply-content {
padding:0px 0 0 0px;
margin: 0px 0px 0px 0px;
line-height: 150%; 
color:#999999;
}
/* trackback box */
.trackbackbox{
word-wrap: break-word;
padding: 0px;
margin: 5px;
}
.trackbackbox-title{
padding: 5px;
}
.trackbackbox-label{
color: #666;
font-size: 12px;
}
.trackbackbox-content{
padding: 3px;
padding-bottom: 14px;
}
/* comment form wrapper */
#commentForm {
width: 99%;
overflow:hidden;
padding-left:20px;
padding-top:10px;
margin: 10px 0;
}
/****** normal message box ******/
.messagebox{   
text-align: center; 
width:538px;
border: 1px solid #bbb;
background-color: #FFFFFF;
margin: 12px;
margin-top: 120px;
padding:10px;
}
.messagebox-title{
font-weight: bold; 
padding: 5px;
}
.messagebox-content{
padding: 10px; 
padding-bottom: 20px; 
text-align: left;
}
.messagebox-bottom{
padding: 5px;
}
/****** Input Form Styles (table) ******/
.formbox{}
.formbox-comment{
padding-top: 10px;
}
.formbox-title,.formbox-comment-title{
color: #666;
font-weight: bold;
padding: 5px;
}
.formbox-rowheader {
padding: 5px;
font-weight: bold;
}
.formbox-content {
padding: 5px;
}
/* smilies list */
.panel-smilies {
padding:5px;
text-align: center;
}
.panel-smilies-title {
color: #382E1F;
text-align: left;
border-bottom: 1px solid #E6E6FA;
}
.panel-smilies-content {
padding: 3px;
line-height: 120%;
}
/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code {
background-color: #ececec;
word-wrap: break-all;
font-size:12px;
line-height: 150%;
border-left:2px solid #a9a9a9;
margin: 10px 0px 0px 15px;
padding: 0 0 0 5px;
}
.quote {
margin: 10px 0px 0px 15px;
border-left:2px solid #a9a9a9;
}
.quote-title {
padding-left: 8px;
font-size: 12px;
font-weight: bold;
}
.quote-title img {
padding-right: 3px;
margin-bottom: -4px;
}
.quote-content {
word-wrap: break-all;
font-size:12px;
line-height: 150%; 
padding: 0px 0px 0px 5px;
}
.quote-content img{
border:none;
}
/****** Link ******/
.linkover {
margin-bottom: 20px;
height: auto;
clear: both;
}
.linkbody {
margin-top: 5px;
width: 250px;
float: left;
}
.linkimg {
/*	width: 35%;*/
float: left;
text-align: right;
margin-right: 4px;
}
.linktxt {
float: left;
}
.linktitle a {
}
.linkgroup {
font-weight: bold;
font-size: 12px;
margin-bottom: 5px;
color: #444444;
}
/* Emot Page Selection */
#smileybuttons {
text-align: right;
margin-top: 9px;
}
.smileybut {
margin-right:3px;
padding: 3px;
vertical-align: middle;
font-weight: normal;
text-align: center;
}
.smileybut  a{
}
/* page box */
.pagebox{
overflow:hidden;
display:inline-block;
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
padding: 10px;
}
.pagebox-title{
color:#FF8B00;
font-size: 14px;
height: 46px;
padding-top: 2px;
padding-left: 10px;
padding-bottom: 2px;
}
.pagebox-title h4{
color:#FF8B00;
font-size: 14px;
font-weight:bold;
margin: 0;
padding: 0;
padding:0px;
text-indent: 0px;
line-height: 22px;;
}
.pagebox-title h4 a ,.pagebox-title h4 a:visited{
color:#FF8B00;
font-weight:bold;
}
.pagebox-title h4 a:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration: none;
background-color: #FF8B00;
}
.pagebox-content{
clear: both;
padding: 0px 11px 10px 11px;
word-wrap: break-word;
font-size:12px;
line-height: 150%;
}
.pagebox-content img {
border:none;
}
.pagebox-content textarea{
word-break: normal;
color:#444444;
line-height: 150%;
}