/*
Dark for Bo-Blog 2.1.0
This skin is designed by Bartelme and transplanted by 404cn.
Last update:2008-02-20
*/

/****** General Styles ******/
* {
	margin: 0;
	padding: 0;

}
body {
	background: #001342 url('images/bg.gif') repeat-y 0 0;
	font-size: 160%;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	color: #5b9cff;
}

table {
}
/*******后添加：去掉横向滚动条*******/
html {
	overflow-x:hidden; 
	overflow-y:auto;
	}

td{
	word-break: break-all;
}

a:link,a:visited {
	color: #cce0ff;
	text-decoration: none;
}
a:hover,a:active {
	color: #cce0ff;
	text-decoration: underline;
}

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

acronym {
	text-decoration: none;
	font-size: 100%;
	border-bottom: 1px solid #b1e100;
	cursor: help;
}
span.othercolor {
	color:#5B9CFF;
}
/****** Form Controls Styles ******/
form {
	display: inline;
}
textarea,input {
	border: 1px solid #051236;
	background: #fdfdff url('images/input_bg.gif') repeat-x 0 0;
	color: #000;
}
textarea:focus,input:focus {
	border: 1px solid #ffc000;
}
input.text {
	height: 20px;
	width: 98% !important;
	width: 420px;
	padding: 2px 2px 0 2px;
	border: 1px solid #3F68A6;
	color: #3F68A6; 
	background-color: #FBFCFD;
}
input.text:focus {
	border: 1px solid #ffc000;
}
textarea{
	width: 98% !important;
	width: 420px;
	padding: 2px;
}
#v_content{
	height: 220px;
}	
input.button {
	width: auto;
	height: 24px;
	background: #071843 url('images/button.gif') repeat-x 0 0;
	border: 1px solid #051236;
	color: #fff;
	padding:2px 10px;
}
select { 
	color:#5B9CFF;
	background-color: #001342;
	border: 1px solid #051236;
}


/****** Main Layout Styles ******/
#wrapper {
	float: left;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	overflow: hidden;
	font-size: 12px;
}
#innerWrapper {
}

#header {
	width: auto;
	height: 220px;
	margin: 0 0 0 150px;
	padding: 0;
	background: #4376c9 url('images/header.gif') repeat-x 0 0;
	border-bottom: 6px solid #b1e100;
	position: relative;
}
#innerHeader {
}

#footer {
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0 0 0 150px;
	padding: 20px;
	background: #000;
}
#footer a{
	color: #fff;
}
#innerFooter {
	margin: 0;
	line-height: 180%;
	color: #fff;
}

#innerFooter a.orange {
	background: transparent url('images/icon_valid.gif') no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 10px 0 0;
	color: #538ee8;
}
#innerFooter a.green {
	background: transparent url('images/icon_copy.gif') no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 10px 0 0;
	color: #538ee8;
}
.ihatethis{
	visibility: hidden;
	height: 0; 
	width: 0;
}
/****** Extra Bottom Styles ******/
#bottom {
	clear: both;
	margin: 0 0 0 150px;
}

#bottom-inner {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 25px 25px;
	background: #020a20;
}

#bottom-left,
#bottom-mid {
	float: left;
	width: 25% !important;
	width: 20%; /* Stupid IE */
	height: 100%;
	margin: 0 25px 0 0;
	background: #020a20;
	}

#bottom-right {
	float: left;
	width: 30%;
	max-width: 300px;
	}
#bottom h5 {
	padding: 0 5px;
	margin: 20px 0;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	color: #fff;
	font-size: 150%;
}

#bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bottom ul li {
	line-height: 28px;
	border-bottom: 2px solid #010d34;
	}
#bottom ul li a {
	display: block;
	width: auto !important;
	width: 100%; /* Stupid IE */
	background: transparent url('images/icon_link.gif') no-repeat 9px 9px;
	padding: 0 28px;
	color: #69abfc;
}
#bottom ul li a:hover {
	text-decoration: none;
	background: #010716 url('images/icon_link.gif') no-repeat 9px 9px;
	color: #fff;
}

/****** Header Elements Styles ******/
/* header title */
#header h1,#header img.logo {
	position: absolute;
	left: 20px;/* 40px? */
	top: 45px;/* 90px? */
	border: none;
}
#header h1 {
	font-size: 200%;
}
#header h1 a {
	color: #fff;
}
/* nav menu */
#menu {
}
#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu li{
	float: left; /* Stupid IE */
	margin: 0 0 0 25px!important;
	margin: 0 0 0 15px;
}
#menu a{
	float: left;
	line-height: 38px;
	border-top: 5px solid #4a7fd1;
	color: #5b9cff;
}
#menu a:hover{
	text-decoration: none;
	border-top: 5px solid #75a5f0;
	color: #fff;
}
#menu .activepage a{
	border-top: 5px solid #b1e100;
	color: #fff;
}
#menu .activepage a:hover{
	border-top: 5px solid #b1e100;
	text-decoration: none;
}
/* header search */
#header .search {
	position: absolute;
	top: 13px;
	right: 3px;
}
#header .search p {
	margin: 0;
}
#header	input#search-text {
	width: 255px;
	height: 18px;
	line-height: 100%;
	margin: 0 32px 0 0;
	padding: 2px 2px 0;
}
/****** Content Layout ******/
#mainWrapper {
}

/* sidebar */
.sidebar {
	float: left;
	width: 40%;
	min-width: 400px;
	height: 100%;
	padding: 0 0 30px 0;
}
.sidebar-hide {
	display: none;
	float: left;
}
.sidebar h5 {
	margin: 20px 0 10px 0;
}
.sidebar ul {
	margin: auto 0;
	padding: 0;
	list-style-type: none;
}
#innerSidebar {
}
#sidebar1{
	float: left;
	width: 60%;
	height: 100%;
	overflow: hidden;
}
#sidebar1-inner{
	width: 80%;
	margin: 0 auto;
}
#sidebar1-inner a{
	color: #fff;
}
#sidebar2{
	float: left;
	width: 40%;
	height: 100%;
	overflow: hidden;
}
#sidebar2-inner{
	margin: 0 20px 0 0;
}
#sidebar2-inner a{
	color: #5b9cff;
}

/* content */
.content {
	float: left;
	width: 60%;
	min-width: 600px;
	height: 100%;
	overflow: hidden;
}
.content-wide {
	width: auto;
}
.content-only {
	width: 100%;
}
#innerContent {
}
/* 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{
}
.panel h5 {
	font-size: 150%;
	color: #fff;
	cursor: pointer;
	cursor: hand;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
}
.panel h5 a{
	color: #ffffff;
}
.panel-content{
    line-height:180%;
}
.panel-content ul{
	padding: 0px;
	margin: 0px;
}
.panel-content li{
	background: transparent url('images/icon_list.gif') no-repeat 0 6px;
	padding: 0 0 0 20px;
}

.panel-content li.indent{
	background: none;
}

.panel-content ul ul li{
	background: transparent url('images/icon_list.gif') no-repeat 0 6px;
	padding: 0 0 0 20px;
}
/* rssPanel */
.panel-content-r {
	width: 100%;
	height: 144px;
	background: #5a93e7 url('images/rss_bg.gif') repeat-x 0 0;
	color: #001342;
	position: relative;
}
img.rss-logo {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	padding: 0;
}
p.rss-entries {
	position: absolute;
	top: 20px;
	left: 20px;
	background: transparent url('images/rss.gif') no-repeat left center;
	padding: 0 0 0 48px;
	margin: 0;
	line-height:180%;
}
p.rss-comments {
	position: absolute;
	top: 80px;
	left: 20px;
	background: transparent url('images/rss.gif') no-repeat left center;
	padding: 0 0 0 48px;
	margin: 0;
	line-height:180%;
}
p.rss-entries a,
p.rss-comments a {
	font-weight: bold;
}
/* extra panel */
#sidebar_link li{
	background: none;
	padding: 0;
}
#sidebar_link li.indent{
	background: transparent url('images/icon_list.gif') no-repeat 0 6px;
	padding: 0 0 0 20px;
}
/* user panel login form */
#loginForm {
	width: 95%;
}

/* calendar panel */
#calendar {
  width: 99%; 
  margin-top:1px;
  line-height:120%;
}
.calendar-top {
  text-align: center;
  padding:0px;
}
.calendar-year,
.calendar-month {
  font-weight: bold;
}
.calendar-weekdays {
  color: #5B9CFF;
  font-size:10px;
  text-align: center;
  width: 14%;
  padding:0px;
}
.calendar-weekday-cell {
  color: #fff;
  font-weight: bold;
}
.calendar-main {
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
}
.calendar-saturday,
.calendar-sunday {
  color: #2F59A4; 
}
.calendar-today { 
	color: #fff;
	border: dashed 1px #69abfc;
}
.calendar-day a:link,
.calendar-day a:visited,
.calendar-today a:link,
.calendar-today a:visited {
	text-decoration: underline;
	font-weight: normal;
}
.calendar-saturday a:link,
.calendar-saturday a:visited,
.calendar-sunday a:link,
.calendar-sunday a:visited {
	color: #666666;
	text-decoration: underline;
	font-weight:bold;
}

/****** Search Panel ******/
.search-field { 
}

/****** Announcement Box ******/
.announce{
	margin: 0 0 0 150px;
}
.announce-content{
	word-wrap: break-word;
	padding: 10px 0 10px 25px;
	line-height: 180%;
}

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

/* page links */
.pages {
	padding: 10px 0 10px 25px;
	font-size: 90%;
}
.pages a {
	border: 1px solid #00103a;
	background: #071c50;
	padding: 3px 10px;
}
.pages a:hover {
	background: #0f2b6f;
	text-decoration: none;
	color: #fff;
}
.pagelink-current {
	color: #5B9CFF;
	background: none;
	border:0;
	font-weight:bold;
}
.pagebar-mainbody{
	display:block;
	padding:0 0 5px 0;
}
/* listbox */
.listbox {
	margin: 0 0 0 150px;
	padding: 10px 0 10px 25px;
}

.listbox a{
	color: #cce0ff;
	background: #071c50;
	border: 1px solid #00103a;
	padding: 1px 4px;
}
.listbox a:hover,
.listbox a:active {
	text-decoration: none;
	color: #fff;
	background: #0f2b6f;
}
.listbox-table {
	width: 99%;
}
.listbox-header {
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	height: 25px;
	border-bottom:1px solid #fff;
	margin:0 0 2px 0;
}
.listbox-entry {
	word-wrap: break-all;
	color: #5B9CFF;
	padding: 2px 0 0 0;
}

/* entry display box */
.prev-article{ float: left;}
.prev-article a{text-decoration: none;}
.prev-article a:hover{text-decoration: none ;color : #ff5a00;}
.next-article{ float: right; }
.next-article a{text-decoration: none; color : #3366cc;}
.next-article a:hover{text-decoration: none ;color : #ff5a00;}

/* text box */
.textbox{
	clear: both;
}
.textbox-label{
	float: left;
	width: 150px;
	height: 100%;
	background: transparent url('images/separator_meta.gif') no-repeat left top;
}
.textbox-label a:link,
.textbox-label a:visited,
.textbox-label a:hover,
.textbox-label a:active {
	color: #fff;
}
.post-date {
	display: block;
	margin: 25px 0 0 0;
	padding: 0 0 0 15px;
	background: transparent url('images/indicator_date.gif') no-repeat right 2px;
	color: #001342;
}
.post-entrycate {
	display: block;
	padding: 8px 15px 0;
}
.post-cmts {
	display: block;
	padding: 8px 15px 5px;
}
.post-tags{
	margin: 5px 0;
	padding: 0 15px;
	line-height:80%;
}
.post-tags a{
    display:block;
	background: transparent url('images/icon_tag.gif') no-repeat left center;
	padding: 0 0 0 20px;
	line-height:100%;
}
.post-fontsize{
    display:block;
	padding: 8px 15px 0;
}
.post-tags a:link,
.post-tags a:visited,
.post-tags a:hover,
.post-tags a:active{
	color: #6fa2e5;
}
.textbox-adminbar {
	position: absolute;
	left:30px;
	padding: 10px;
	color: #2F59A4;
	text-align:left;
	background:#071C50;
	border:1px solid #001342;
}
.textbox-main{
	margin: 0 0 0 150px;
	line-height: 180%;
}
.textbox-title{
	margin: 0;
	padding: 20px 25px;
	background: transparent url('images/separator_title.gif') no-repeat left top;
	color: #fff;
}
.textbox-main h4{
	font-size: 150%;
}
.textbox-main h4 a:link,
.textbox-main h4 a:visited,
.textbox-main h4 a:hover,
.textbox-main h4 a:active {
	color: #fff;
}
.textbox-content{
	word-wrap: break-word;
	padding: 0 0 0 25px;
	text-align: justify;
}
.textbox-content li{
	list-style:none;
}
.textbox-content a{
	color: #cce0ff;
	background: #071c50;
	border: 1px solid #00103a;
	padding: 1px 4px;
}
.textbox-content a:hover,
.textbox-content a:active {
	text-decoration: none;
	color: #fff;
	background: #0f2b6f;
}
.textbox-content img {
	border: 5px solid #000d32;
}
.textbox-bottom{
	margin:10px 0 0 25px;
	background: #071c50 url('images/icon_info.gif') no-repeat 16px center;
	padding: 5px 0 5px 48px;
	border: 1px solid #00103a;
	color: #2f59a4;
}
.textbox-seach{
	margin:10px 0 0 5px;
	background: #071c50 no-repeat 16px center;
	padding: 5px 0 5px 5px;
	border: 1px solid #00103a;
	color: #2f59a4;
}

.textbox-bottom  a:hover {
	color: #fff;
	text-decoration: none;
}
.textbox-tburl {
	position: absolute;
	left:300px;
	padding: 10px;
	color: #2F59A4;
	text-align:left;
	background:#071C50;
	border:1px solid #001342;
}
.tags {
}
/* comments wrapper */
.comment-wrapper{
}

/* comments top box */
.comment-top{
	padding:5px;
	padding-top: 0px;
	margin: 5px;
	text-align: right;
}
.comment-pages{
    margin: 0 0 15px 150px;
}
.comments-title{
	color:#fff;
	margin: 0 0 0 150px;
	padding: 15px 0 15px 25px;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	font-size: 150%;
}
/* commnet box */
.commentbox{
	word-wrap: break-word;
	clear:both;
}
.commentbox-title{
	float: left;
	width: 150px;
	height: 100%;
	background: transparent url('images/separator_meta.gif') no-repeat left top;
}
.commentbox-title-inner{
	padding:20px 0 0 15px;
}
.replier{
	display:block;
	background: transparent url('images/indicator_date.gif') no-repeat right 2px;
	color:#fff;
	font-weight:bold;
}
.toolicon{
	display:block;
}
.replytime{
	display:block;
	color:#5B9CFF;
}
.commentbox-content{
	margin: 0 0 0 150px;
	padding: 20px 25px;
	background: transparent url('images/separator_title.gif') no-repeat left top;
	color: #5B9CFF;
	min-height:100px;
	height:100%!important;
	height:100px;
	line-height: 180%;
}
.commentbox-content-odd {
	background-color: none;
}
.commentbox-content-couple {
	background-color:#00103A;
}
.commentbox-content .quote{
	margin:10px 0 0 0;
	background: #071c50;
	padding: 5px;
	border: 1px solid #00103a;
	color: #2f59a4;
}
/* trackback box */
.trackbackbox{
	word-wrap: break-word;
	clear:both;
}
.trackbackbox-title{
	float: left;
	width: 150px;
	height: 100%;
	background: transparent url('images/separator_meta.gif') no-repeat left top;
	height:100px;
}
.trackbackbox-title-inner{
	padding:20px 0 0 15px;
}
.tbtitle{
	display:block;
	background: transparent url('images/indicator_date.gif') no-repeat right 2px;
	color:#fff;
	font-weight:bold;
}
.tbtime{
	display:block;
	color:#5B9CFF;
}
.delreply{
	display:block;
	color:#CCE0FF;
}
.trackbackbox-content{
	margin: 0 0 0 150px;
	padding: 20px 25px 25px 25px;
	background: transparent url('images/separator_title.gif') no-repeat left top;
	color: #5B9CFF;
	min-height:100px;
	line-height: 180%;
}

/* comment form wrapper */
#commentForm {
}

/****** normal message box ******/
.messagebox{
 width: 500px;
 margin-top: 120px;
 text-align: center; 
 color:#fff;
 font-size: 12px;
}
.messagebox-title{
 color: #FFFFFF; 
 font-weight: bold; 
 padding: 5px;
}
.messagebox-content{
 color: #5B9CFF; 
 padding: 10px; 
 padding-bottom: 20px; 
 text-align: left;
}
.messagebox-content ul{
	list-style:none;
}
.messagebox-bottom{
 color: #CCE0FF; 
 padding: 5px;
}


/****** Input Form Styles (table) ******/
.formbox{
}
.formbox-extra{
	margin: 0 0 0 150px;
	padding: 0 0 0 25px;
}
.formbox-comment{
}
.formbox-comment a:hover{
	text-decoration: none;
	color: #fff;
	background: #0f2b6f;
}
.formbox-comment-right{
	margin: 0 0 0 150px;
	padding: 0 0 0 25px;
}
.formbox-comment-content{
}
.formbox-title,
.formbox-comment-title{
	font-size: 150%;
	margin: 20px 0;
	padding: 0;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	color: #fff;
}
span.formbox{
	font-size: 110%;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	color: #5B9CFF;
	padding:0 0 5px 0;
}
.formbox-comment-input{
	margin: 10px 0 0 0;
}
.formbox-comment-tool{
	margin: 0 0 5px 0;
}
.formbox-rowheader {
	padding: 5px;
	font-weight: bold;
}
.formbox-comment-left{
	position: relative;
}
.formbox-content {
	padding: 5px;
}

#btnSubmit {
	width: auto;
	height: 24px;
	padding:2px 10px;
	background: #071843 url("images/button.gif") repeat-x 0 0;
	border: 1px solid #051236;
	color: #fff;
	margin:0 0 20px 0;	
	}
#btnSubmit:focus {
	border: 1px solid #ffc000;
	}
/* smilies list */
.panel-smilies {
	width: 150px;
	height: 10px;
	position: absolute;
	left:-175px;
	top:-10px;
	background: transparent url('images/separator_meta.gif') no-repeat left top;
	text-align: center;
}
.panel-smilies-title {
	margin: 5px 0 0 0;
	padding: 3px 0 0 25px;
	text-align: left;
	background: transparent url('images/indicator_date.gif') no-repeat right 3px;
	color: #001342;
}
.panel-smilies-content {
	margin-top: 5px;
	padding: 5px;
	line-height: 120%;
}
/* Emot Page Selection */
#smileybuttons {
	text-align: left;
	margin-top: 5px;
}
.smileybut {
	padding: 3px;
	vertical-align: middle;
	text-align: center;
}

.smileybut  a{
	color:#fff;
}
.smileybut  a:hover{
	text-decoration: underline;

}
/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code {
	word-wrap: break-all;
	font-family: "Courier New", Courier, Fixed;
	background: #071c50 url('images/code.gif') no-repeat 16px 8px;
	border: 1px solid #00103a;
	margin: 0;
	padding: 8px 25px 8px 64px;
	color: #2f59a4;
}

.quote {
	background: #071c50 url('images/blockquote.gif') no-repeat 16px 8px;
	border: 1px solid #00103a;
	margin: 0;
	padding: 8px 25px 8px 64px;
	color: #2f59a4;
}
.quote-title {
	display:none;
}
.quote-title img {
	padding-right: 3px;
	margin-bottom: -4px;
}
.quote-content {
	word-wrap: break-all;
}

/****** 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: #5B9CFF;
}
/* hack */
#pagelocation-tag .textbox,
#pagelocation-links .textbox,
#pagelocation-archive .textbox,
#pagelocation-page .textbox{
	clear: both;
	margin: 0 0 0 150px;
}

/******后添加：首字下沉*********/
.textbox-content:first-letter { 
font-size:360%; 
font-weight:bold; 
float:left; 
margin-right:2px; 
Line-height:1.0em;
}