/*
Operafans2 for Bo-Blog 2.1.1
This skin is designed by 404cn.
Last update:2008-11-02
*/

/****** General Styles ******/
html{
	margin:0; 
	padding:0; 
}
body {
	margin:0; 
	padding:0;
	font-size:12px;
	line-height:150%;
	text-align:left;
	color:#333333;
	font-family: 微软雅黑, msyh, Arial, Tahoma; 
	background:#565656 url("images/bg.png") repeat-y 50% 0%;
}

table {
	font-size: 12px;
}
td{
	word-break: break-all;
}

a {
	color:#CC0000;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	text-decoration:none;
}

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

acronym {
	font-size: 12px;
	border-bottom: 1px solid #333333;
	cursor: help;
	text-decoration: none;
}

/****** Form Controls Styles ******/
form {
	display: inline;
}
input {
	padding:0px;
	color:#333333;
	border: 1px solid #ABABAB;
}
input.text {
	height: 16px!important;
	height: 17px;
	padding:3px 0 0 3px;
	background:#fff url("images/input-bg.png") no-repeat left top;
}
input.button {
	height: 22px;
	padding:0 3px;
	background:#fff;
	font-family: Arial, Tahoma, 宋体; 
}
textarea { 
	border:1px solid #ABABAB;
	padding:1px;
	font-size:12px;
	text-align:left;
	background:#fff url("images/input-bg.png") no-repeat left top;
	color: #333;
}
#v_content, .commentbox-content textarea{
	width:450px;
}
select { 
	font-size:12px;
	border: 1px solid #ABABAB;
	background:#fff;
	color: #333;
}


/****** Main Layout Styles ******/
#wrapper {
	width:100%;
	background:url("images/header-bg.png") repeat-x left top;
}
#innerWrapper {
    margin:0px;
	padding:0px;
	text-align:center;
}

#header {
	height:114px;
	margin:0 auto;
	text-align:left;
	width:920px;
	background:url("images/opera.png") no-repeat right top!important;
	background:url("images/opera-l.png") no-repeat right top;
}
#innerHeader {
	margin:0px;
	padding:0px;
}

#footer {
	clear: both;
	margin:0 auto;
	padding:0px;
	text-align:left;
	width:920px;
	background:#202020;
}
#footer a{
	color:#fff;
	font-weight:bold;

}
#footer a:hover{
	color:#CC0000;
}
#innerFooter {
	padding:5px 20px;
	font-size:11px;
	color:#fff;
	text-align:left;
}
.foot-left{
	float:left;
	width:65%;
}
.foot-right{
	float:right;
	width:30%;
	text-align:right;
}
/****** Header Elements Styles ******/
/* header title */
.blog-header {
	height:80px;
	position:relative;
}
h1 {
	position:absolute;
	right:145px;
	top:15px;
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-size: 30px;
	line-height:35px;
	font-weight: bold;
}
h1 a {
	color: #fff;
	text-decoration: none;
}
h1 a:hover {
	color: #E0E0E0;
	text-decoration: none;
}
.blog-desc {
	position:absolute;
	right:145px;
	bottom:5px;
	color: #fff;
	font-size: 12px;
}
/* menu search */
#searchbar{
	width:320px;
	height:27px;
	margin:0;
	padding:0;
	position:absolute;
	left:25px;
	top:30px;
	background:transparent url('images/searchbar.png') no-repeat;
}
#search-text{
	margin:8px 0 0 25px;
	padding:0;
	width:285px;
	color:#666;
	background:none;
	border:0;
}
* html #search-text{
	margin:6px 0 0 25px;
}
*+html #search-text{
	margin:6px 0 0 25px;
}
/* nav menu */
#menu {
	height:34px;
	text-align:left;
	margin:0;
	padding:0;
}
#menu ul{
	list-style:none;
	float:left;
	margin:0;
	padding:0 0 0 1px!important;
	padding:0 0 0 2px;
	height:34px;
}

#menu li{
	float:left;
	margin:0;
	padding:0;
	height:34px;
	line-height: 34px;
	width:85px;
	background:url('images/menu-li-hover.png') no-repeat left top;/*hack for IE*/
}
#menu a{
	display:block;
	margin:0;
	padding:0;
	height:34px;
	line-height: 34px;
	width:85px;
	font-size:13px;
	text-align:center;
	color:#E0E0E0;	
	background:url('images/menu-li.png') no-repeat left top;

}
#menu a:hover{
	color:#fff;
	background:url('images/menu-li-hover.png') no-repeat left top;
}
#menu .activepage a{
	color:#fff;
	background:url('images/menu-li-hover.png') no-repeat left top;
}
#addrss{
	float:left;
	height:34px;
	width:43px;
	background:url('images/addrss-hover.png') no-repeat left top;/*hack for IE*/
}
#addrss a{
	display:block;
	background:url('images/addrss.png') no-repeat left top;
	height:34px;
	line-height: 34px;
	width:43px;
}
#addrss a:hover{
	background:url('images/addrss-hover.png') no-repeat left top;
}
/****** Content Layout ******/
#mainWrapper {
	width:920px;
	margin:0 auto;
    padding:0px;
	text-align:left;
}

/* sidebar */
.sidebar {
	float:right;
	width:335px;
	text-align:left;
	margin:0;
    padding:0;
}
.sidebar-hide {
	display: none;
}
#innerSidebar {
	padding:20px 20px 0 0;
	margin:0;
}
/* sidebar more */
#sidebar-left{
	float:left;
    padding:0;
	width:118px;
	color:#333;
}
.innersidebar-left{
    padding:4px 0 0 0;
	overflow-x:hidden;
}
#sidebar-right{
	float:right;
    padding:0;
	width:184px;
	color:#fff;
	background:url('images/sidebar-r-bg.png') repeat-y left top;
}
.innersidebar-right{
    padding:0 3px 8px 3px;
	background:url('images/sidebar-r-bottom.png') no-repeat left bottom;
	overflow-x:hidden;
}
.innersidebar-right-top{
	background:url('images/sidebar-r-top.png') no-repeat left top;
	height:4px;
	line-height:4px;
	width:184px;
}
/* content */
.content {
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	width:570px;
}
.content-wide {
	width: auto;
	padding:0;
}
.content-only {
	width: 100%;
}
#innerContent {
	margin:0;
	padding:20px 20px 0 20px;
}

/* 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 ******/
#sidebar-left .panel{
	margin:0;
	padding:0 0 10px 0;
}
#sidebar-left .panel h5{
	text-align:left;
	margin:0;
	padding:0;
	font-weight:bolder;
	font-size:14px;
	color:#202020;
	height:24px;
	line-height:24px;
}
#sidebar-left .panel-content{
	word-break:break-all;
	text-align:left;
	font-size:12px;
	line-height:200%;
	margin:0px;
	padding:0 0 0 3px;
	color:#333;
}
#sidebar-left .panel-content a{
	color:#333;
}
#sidebar-left .panel-content a:hover{
    color:#CC0000;
}
#sidebar-left .panel-content ul{
	padding: 0px;
	margin: 0px;
}
#sidebar-left .panel-content li{
	padding: 0px;
	margin: 0px;
	line-height:200%;
	list-style: none;
}
#sidebar-left .panel-content li strong{
	font-weight:bold;
	color:#333;
}
#sidebar-left .panel-content li.indent{
	padding: 0px;
	text-indent: 5px;
}
/****** Right Sidebar Panels ******/
#sidebar-right .panel{
	margin:0px;
	padding:0px;
	padding:0 0 10px 0;
}
#sidebar-right .panel h5 {
	text-align:left;
	margin:0px;
	padding:0 0 0 10px;
	font-weight:bolder;
	font-size:12px;
	color:#fff;
	height:24px;
	line-height:24px;
	text-indent:12px;
	background:url('images/panel-h.png') no-repeat 8px 4px;
}
#sidebar-right .panel-content{
	word-break:break-all;
	text-align:left;
	font-size:12px;
	line-height:200%;
	margin:0px;
	padding:0 10px 0 10px;
	color:#fff;
}
#sidebar-right .panel-content a{
	color:#fff;
    text-decoration:none;
}
#sidebar-right .panel-content a:hover{
    color:#FF6600;
	text-decoration:none;
}
#sidebar-right .panel-content ul{
	padding: 0px;
	margin: 0px;
}
#sidebar-right .panel-content li{
	padding: 0px;
	margin: 0px;
	line-height:200%;
	text-indent: 5px;
	border-bottom:1px solid #4C4C4C;
	list-style: none;
}
#sidebar-right .panel-content li strong{
	font-weight:bold;
	color:#fff;
}
#sidebar-right .panel-content li.indent{
	padding: 0px;
	text-indent: 12px;
}
/* Extra panel */
#sidebar-right #sidebar_statistics, #sidebar-right #sidebar_misc{
	padding:0 10px 0 15px;
}

#sidebar-left #sidebar_link li.indent, #sidebar-right #sidebar_link li.indent{
	text-indent: 0px;
}
/* user panel login form */
#loginForm {
	width: 95%;
}

/* calendar panel */
#calendar {
	width: 95%; 
	padding:0;
	margin:0;
	font-family:arial, 微软雅黑, msyh;
	line-height:100%;
}
.calendar-top {
	padding:0px 2px;
	margin:0;
	height:18px;
	text-align:center;
	font-weight:bold;
}
.calendar-year,
.calendar-month {
}
.calendar-weekdays {
	text-align:center;
	height:15px;
	font-size:10px;
	padding:0;
	font-weight:normal;
	vertical-align: bottom;
	color:#333;
}
.calendar-weekday-cell {
	color: #333;
	font-size:10px;
	text-align: center;
	width: 14%;
	padding:0px;
	font-weight: bold;
}
.calendar-main {
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
	text-align: center;
	width: 14%;
	padding:0px;
}
.calendar-saturday,
.calendar-sunday {
}
.calendar-today { 
	color: #000;
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a, .calendar-today a {
	color: #333;
	font-weight: bold;
}
.calendar-day a:hover , .calendar-saturday a:hover , .calendar-sunday a:hover , .calendar-today a:hover {
	color: #CC0000;
}
#sidebar-right .calendar-weekdays {
	color:#E4E4E4;
}
#sidebar-right .calendar-weekday-cell {
	color:#E4E4E4;
}
#sidebar-right .calendar-today {
	color:#fff;
}
#sidebar-right .calendar-day a,#sidebar-right .calendar-saturday a,#sidebar-right .calendar-sunday a,#sidebar-right .calendar-today a {
	color:#fff;
}
/* announce */
.announce{
	padding:0 0 10px 0;
	margin:0;
}
.announce-content{
	word-wrap: break-all;
	margin:0;
	padding:0;
	color:#000;
	line-height:160%;
}
.announce-content a{
	color:#333;
}
.announce-content a:hover{
	color:#cc0000;
}

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

/* page links */
.pages {
	margin:0 0 5px 0;
	padding:1px 0;
	color:#333;
	clear:both;
}
.pagebar-mainbody{
	color:#333;
}
.pagebar-selections{
	color:#333;
	padding:5px;
}
.pagebar-selections a{
	color:#333;
	padding:0px 3px;
	border:1px solid #333;
}
.pagebar-selections a:hover{
	color:#CC0000;
	border:1px solid #CC0000;
}
.pagelink-current {
	font-weight: bold;
	color:#000;
	padding:0px 3px;
	border:1px solid #333;
}
.listbox {
	margin:0px;
	padding:0px;
}
.listbox-table {
	width: 99%;
	color:#333;
}
.listbox-header {
    display:none;
}
.listbox-entry {
	word-wrap: break-all;
	text-align:left;
}

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

/* text box */
.textbox{
	clear:both;
	margin:0px;
	padding:0 0 30px 0;
	color:#333;
}
.textbox-title{
	text-align: left;
	padding:0 0 12px 0;
	line-height: 100%;
}
.textbox-title h5{
	margin:0px;
	padding:0px;
	color:#CC0000;
	font-size:20px;
	font-weight:bold;
	padding:0 0 8px 0;
}
.textbox-title h5 a {
	color:#CC0000;
}
.textbox-title h5 a:hover {
	color:#FF6600;
}
.textbox-label{
	color:#666666;
	font-size:12px;
	padding:0 0 4px 0;
	border-bottom:1px solid #E4E4E4;
}
.textbox-label a{
	color:#666666;
}
.textbox-label a:hover {
	color:#CC0000;
}
.textbox-fontsize{
	float:right;
	color:#999;
}
.textbox-content{
	word-wrap: break-word;
	text-align:left;
	color: #333;
	line-height: 180%;
}
.textbox-content a{
	color: #CC0000;
}
.textbox-content a:hover{
	color:#FFCC00;
	text-decoration:none;
	background:#333;
}
.insertimage{
	margin:3px 0;
	padding:0;
}
.extrainfo {
	text-align:left;
	color:#999;
	padding:3px 3px 3px 28px;
	margin:10px 0 0 0;
	background:#EDEDED url('images/extrainfo.png') no-repeat 6px 50%;
}
.extrainfo a{
	color:#666;
	text-decoration:none;
}
.extrainfo a:hover{
	color:#CC0000;
	text-decoration:none;
	background:none;
}
.textbox-adminbar {
	padding: 0;
	margin:0;
	font-size: 11px;
	line-height:160%;
	color: #333;
}
.textbox-tburl {
	margin:0;
	padding: 3px 0 0 0;
	font-size: 11px;
	color: #333;
	line-height:160%;
	text-align:left;
}
/* comments wrapper */
.comment-wrapper{}
.comment-wrapper h5{
	margin:0px;
	padding:0px;
	color:#333;
	font-size:18px;
	font-weight:bolder;
	padding:0 0 6px 0;
}
/* comments top box */
.comment-pages{
	padding:0;
	margin: 0;
	color:#666;
}

/* commnet box */
.commentbox-couple {
	word-wrap: break-word;
    padding:0;
	margin:0 0 3px 0;
	width:530px;
	color:#FFF;
	background:url('images/comment-bg.png') repeat-y left top;
}
.commentbox-odd {
	word-wrap: break-word;
    padding:0;
	margin:0 0 3px 0;
	width:540px;
	color:#333;
	background: #F9F9F9;
	min-height:85px;
	height:100%!important;
	height:85px;
}
.commentbox-title{
	padding:8px;
	margin:0;
	font-weight:bold;
	font-size:14px;
}
.commentbox-couple .commentbox-title{
	background:url('images/comment-top.png') no-repeat left top;
	width:514px;
	min-height:6px;
	height:100%!important;
	height:6px;
}
.commentbox-title a{
	font-size:16px;
}
.commentbox-couple .commentbox-title a{
	color:#FFF;
}
.commentbox-couple .commentbox-title a:hover{
	color:#cc0000;
}
.commentbox-odd .commentbox-title a{
	color:#333;
}
.commentbox-odd .commentbox-title a:hover{
	color:#000;
}
.commentbox-label{
	font-size:12px;
	padding:3px 0 0 0;
	font-weight:normal;
}
.commentbox-label a{
	font-size:12px;
}
.commentbox-content{
	padding:0 10px 13px 10px;
	line-height:180%;
}
.commentbox-couple .commentbox-content{
	word-wrap: break-all;
	background:url('images/comment-bottom.png') no-repeat left bottom;
	width:510px;
	min-height:10px;
	height:100%!important;
	height:10px;
}
.commentbox-content a{
	font-weight:bold;
}
.commentbox-couple .commentbox-content a{
	color:#FFF;
	font-weight:bold;
}
.commentbox-couple .commentbox-content a:hover{
	color:#cc0000;
}
.commentbox-odd .commentbox-content a{
	color:#333;
	font-weight:bold;
}
.commentbox-odd .commentbox-content a:hover{
	color:#000;
}
.quote-commentbox{
	color:#666;
	background:#EDEDED;
}
.commentbox-couple .quote-commentbox{
	color:#fff;
	background:#5D5C5B;
}
.quote-commentbox a{
	color:#333;
	font-weight:bold;
}
.commentbox-couple .quote-commentbox a{
	color:#fff;
	font-weight:bold;
}
.commentbox-couple .quote-commentbox a:hover{
	color:#cc0000;
}
.quote-content-commentbox{
	word-wrap: break-all;
	padding: 5px; 
	line-height:180%;
}
.quote-title-commentbox{
	padding: 0 10px 5px 5px; 
	text-align:right;
}
/* trackback box */
.trackbackbox{
	word-wrap: break-word;
    padding:0;
	margin:0 0 3px 0;
	width:530px;
	color:#333;
	background:url('images/trackback-bg.png') repeat-y left top;
}
.trackbackbox-title{
	background:url('images/trackback-top.png') no-repeat left top;
	width:530px;
	min-height:6px;
	height:100%!important;
	height:6px;
	padding:8px;
	font-weight:bold;
	font-size:14px;
}
.trackbackbox-title a{
	color:#333;
	font-size:16px;
}
.trackbackbox-label{
	font-size:12px;
	padding:3px 0 0 0;
	font-weight:normal;
}
.trackbackbox-label a{
	font-size:12px;
	color:#333;
}
.trackbackbox-content{
	word-wrap: break-all;
	background:url('images/trackback-bottom.png') no-repeat left bottom;
	width:510px;
	min-height:10px;
	height:100%!important;
	height:10px;
	line-height:180%;
	padding:0 10px 13px 10px;
}
.trackbackbox-content a{
	color:#333;
	font-weight:bold;
}
/* comment form wrapper */
#commentForm {
	width: 99%;
}

/****** normal message box ******/
.messagebox{
	padding:0;
	width:450px;
	margin:0 auto;
	margin: 120px 0 0 0;
	text-align:left;
	color:#333;
}
.messagebox a{
	color:#333;
}
.messagebox a:hover{
	color:#CC0000;
}
.messagebox-title{
	font-size:18px;
	padding:5px 0;
	font-weight:bolder;
	color:#CC0000;
}
.messagebox-content{
	line-height:160%;
}
.messagebox-content ul{
	list-style:none;
}
.messagebox-bottom{
	padding: 0px;
}


/****** Input Form Styles (table) ******/
.formbox{
	color:#333;
}
#commentForm{
	padding:0 0 6px 0;
}
.formbox-comment{
	padding: 10px 0 0 0;
	color:#333;
}
.formbox-comment-content{
}
.formbox-title,
.formbox-comment-title{
	margin:0px;
	padding:6px 0 6px 0;
	color:#333;
	font-size:18px;
	font-weight:bolder;
}

.formbox-rowheader {
	padding: 5px;
	font-weight: bold;
}
.formbox-comment-input{
	margin: 10px 0;
}
.in{
	border:0;
	padding:2px 0 0 0;
	margin:0 0 5px 0;
}
#openid_url {
	background: url("images/openid.gif") no-repeat right top;
}
.formbox-comment-tool{
	margin: 5px 0 0 0;
	padding:5px;
	width:442px;
	background:#EDEDED;
	border:1px solid #ABABAB;
	border-bottom:0;
}
.adv-panel, .ubb-panel, .ubb-panel div{
	display:inline;
}
.edit-set{
	padding: 3px;
	margin:0 0 0 35px;
	position:absolute;
	background:#EDEDED;
	border:1px solid #ABABAB;
}
.formbox-content {
	padding: 5px;
}
/* smilies list */
.panel-smilies {
	text-align: center;
	position:relative;
	height:0px;
}
.panel-smilies-title {
	display:none;
}
.panel-smilies-content {
	padding: 3px;
	line-height: 100%;
	position:absolute;
	background:#EDEDED;
	border:1px solid #ABABAB;
	left:50px;
	top:-5px;
}

/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code {
	word-wrap: break-all;
	border: 1px solid #CC3300;
	color:#CC0000;
	background:#FFEDA3;
	margin: 5px 0 0 0;
	padding: 5px;
}

.quote {
	border: 1px solid #333;
	color: #333;
	background:#EDEFEA;
	margin: 5px 0 0 0;
}
.quote-title {
	display:none;
}
.quote-title img {
	padding-right: 3px;
	margin-bottom: -4px;
}
.quote-content {
	word-wrap: break-all;
	padding: 5px;
}

/****** 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;
}
/* Emot Page Selection */
#smileybuttons {
	text-align: right;
	margin-top: 9px;
}

.smileybut {
	margin-right:3px;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
}

.smileybut  a{
}