@charset "utf-8";
/* ##################### *//*
/****** General Styles ******/
* { color:#a8a8a8; font-size:12px;font-family:Verdana; line-height:18px; border:20px none;}
img  {border:none;} 
html { background:#000; border-right:1px #fff solid;}
body { margin:0;
background-image: url("images/bg.jpg");
background-position: center top;
background-repeat:no-repeat}
td { word-break:break-all; }
a { color:#d2b877; text-decoration:none;}
a:hover { color:#d2b877; text-decoration:underline}
img { vertical-align:middle; max-width:100%; height:auto;}
hr { border-left:0px none; border-right:0px none; border-bottom:0px none; height:1px; border-top:1px solid #ccc}
/****** Form Controls Styles ******/
form { display:inline;}
input {	font-family:Verdana; font-size:12px; }
input.text { height:20px; padding:1px; color:#fff; border:1px solid #333; background-color:#1C1C1C; }
input.button { height:20px;	color:#000; border:1px solid #999; border-top:1px solid #ccc; border-left:4px solid #D2B877; background:#fff; cursor:pointer;}
textarea {font-size:12px; font-family:Verdana; color:#fff; border:1px solid #333; background-color:#1C1C1C;line-height:18px;}
select { font-size:12px; color:#ccc; background: #888;}
#searchType{width:48px;margin:0px 3px 0px 3px;color:#000!important;}
/****** Main Layout Styles ******/
#wrapper {}
#innerWrapper {	width:1024px; position:relative;margin:0 auto}
#footer { clear:both; margin:0 240px 0 20px;}
#innerFooter { padding:15px 0px;  color:#fff; font-size:10px;}
#innerFooter a { font-size:8px; color:#fff; font-weight:bold;}
#innerFooter a:hover { text-decoration:none;}
#innerFooter b { font-size:9px; font-weight:lighter; color:#d2b877;}
#header { margin:0 240px 0 20px;}
#innerHeader {	padding:78px 0 5px 0;}
/****** Header Elements Styles ******/
#blogLogo {}
#logo {	float:left; margin-right:12px; display:none;}

#header {}
#innerHeader {
	height: 310px;
}

/* header title */
.blog-header {}
.blog-title { padding:5px 0 0 2px; margin:0 0 7px 0; float:left;display:none}
.blog-title a { font:bold 22px Verdana; color:#fff;}
.blog-title a:hover { text-decoration:none; color:#d2b877; }
/* blog description */
.blog-desc { color:#ccc; float:right; position:relative; top:18px; font-size:12px}
/* nav menu */
#menu {
	margin-top: 100px;
	padding-left:5px;
}
#menu ul { margin:0; padding:0;}
#menu li { display:inline; list-style:none; padding:0 3px 0 3px; margin:0 3px 0 0; borde r-right:1px solid #d2b877;}
#menu a { color:#ccc; font-size:14px}
#menu a:hover { color:#ccc; font-size:14px}

/****** Content Layout ******/
#mainWrapper {}
/* sidebar */
.sidebar { float:right;width:230px;}
.sidebar a { color:d2b877#; text-decoration:none;}
.sidebar a:hover { color:#d2b877; text-decoration:underline}
.sidebar-hide {	display:none; float:right;}
#innerSidebar {	margin-right:5px; padding-top:6px;}
/* content */
.imgtag{
padding:0px;
border:none;
margin:2px;
}
.content { float:left; width:100%; margin-left:-240px;}
.content-wide {	width:auto; margin:0 20px 0 -240px;}
.content-only {	width:auto; margin:0 20px 0 -240px;}
#innerContent {	margin-left:260px;}
/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{	margin-top:-1px !important; border-top:0px none !important; margin-top:0 !important; clear:both; visibility:hidden}
/****** Sidebar Panels ******/
.panel{	margin-bottom:10px;}
.panel h5 { padding-bottom:3px; margin:0; color:#D2B877; font-size:12px; font-weight:bold; border-bottom:1px dashed #666; text-align:left; padding-left:5px;}
.panel-content { padding:5px;  font-size:12px;color:#ccc;}
.panel-content * { font-size:12px;color:#a8a8a8; }
.panel-content ul { padding:0; margin:0; margin-left:0;line-height:16px;}
.panel-content li { padding:0; margin:0; color:#a8a8a8; list-style:none;line-height:18px; font-family:Verdana}
.panel-content li img { vertical-align:text-bottom;}
.panel-content li b { text-decoration:none}
/* user panel login form */
#loginForm { width:95%;}
#loginForm td { color:#fff;}
#loginForm td a { color:#d2b877!important; text-decoration:none!important; font-weight:bold;}
/*panelComment*/
#panelComment {}
#panelComment li { }
#panelComment li a { line-height:16px;word-break:normal;word-wrap:break-word;}
/* stats panel */
#panelStats .panel-content{	color:#d2b877;}
/****** Search Panel ******/
.search-field { margin:0px 0px 0px 5px;width:110px; height:18px;border:1px solid #ccc;}

/****** Announcement Box ******/
.announce { }
.announce-content {	word-wrap:break-all; padding:5px 5px 4px 5px; color:#666;}
.announce-content a { color:#FFFFFF;}
.announce-content a:hover { text-decoration:none;}
.announce-time { float:right; font-size:12px; color:#FFFFFF; }

/****** Defaul Page Elements ******/
.article-top, .article-bottom { padding:5px; background:#000; background-image:url(images/h1-bg.jpg); height:16px;}
.article-top a, .article-bottom a { color:#a8a8a8;}
.article-top *, .article-bottom *{ font-size:12px;}
.article-top { margin-bottom:0;}
.article-bottom { margin-top:15px;}
/* page links */
.pages { color:#D2B877; float:right;}
.pagelink-current {	font-size:12px;font-weight:bold; color:#d2b877;}
.view-mode { float:left;font-size:12px;}
.view-mode a{ font-size:12px;}
.listbox { padding:5px;}
.listbox-table { padding:5px;}
.listbox-table { width:99%; margin:0 auto;}
.listbox-table a { width:99%; color:#666;}
.listbox-header { word-wrap:break-all; color:#666; font-weight:bold; }
.listbox-entry { word-wrap:break-all; color:#666; font-size:12px;}
.listbox-entry a { word-wrap:break-all; color:#D2B877; font-size:12px;}
/* no entry to display box */
.no-entry {	border:1px solid #ccc; margin-top:15px;}
.no-entry-message {	padding-top:25px; padding-bottom:25px; color:#666; background:#FCFCFC; text-align:center;}
.prev-article{ float:left; }
.prev-article a{ font-size:12px; }
.next-article{ float:right; }
.next-article a{ font-size:12px;}
.category-label{ text-align:center;}
.category-label a{ font-size:12px;}
/* text box */这里
.textbox { }
.textbox-title { font-size:12px;}
.textbox-title {padding-bottom: 35px;}
.textbox-title {background: url('./images/star.jpg') no-repeat bottom left;
}
.textbox-title h4 { word-wrap:break-word; font-weight:bold; margin:0 0 0 5px; color:#ccc; font-size:14px;display: inline;}
.textbox-title h4 a { color:#d2b877; font-size:14px;}
.textbox-title h4 a:hover { color:#d2b877;}
.textbox-label { color:#666; padding:5px 0px 0 4px;font-size:10px;}
.textbox-label a { color:#666;vertical-align:baseline;font-size:10px; text-transform:capitalize;}
.textbox-label img { vertical-align:text-bottom;}
.textbox-fontsize { padding:0; color:#666; text-align:right; font-size:12px;}
.textbox-fontsize a { color:#666; font-size:12px;}
.textbox-content { word-wrap:break-word; padding:5px;}
.textbox-content a { color:#d2b877;}
.textbox-content a:visited { color:#D2B877;}
.textbox-content a:hover { color:#D2B877;}
/*by tortorse*/
.textbox-content p:first-letter{ padding: 6px; font-size: 24pt; float: left;}
.textbox-bottom { color:#d2b877; font-size:11px; padding-top:5px; text-align:right;clear:both;}
.textbox-bottom a { color:#d2b877; font-size:11px; }
.textbox-bottom a:hover { color:#d2b877;}
.editmark {	margin-top:20px; color:#ccc; font-size:11px; clear:both; text-align:right; display:none}
.textbox-urls {	margin-top:10px; padding-top:5px; color:#666; font-size:11px; border-top:1px dashed #C0C0C0; clear:both;}
.textbox-urls b{font-size:11px;font:Verdana;}
/* guestbook entry box */
.gbbox{	margin-bottom:15px; border-top:1px dashed #333; border-bottom:1px dashed #333;}
.gbbox-title{ margin-bottom:10px; font-weight:bold;}
.gbbox-label{ display:inline; color:#d2b877; font-size:11px; font-weight:normal;}
.gbbox-content{	word-wrap:break-word; padding:10px; background-color:#333;}
.gbbox-reply { padding:10px; color:#D2B877; background-color:#666;	border-top:1px dashed #333;}
.gbbox-reply-title{	font-weight:bold; margin-bottom:5px;}
.gbbox-reply-label{	color:#D2B877; font-size:11px; font-weight:normal; display:inline;}
/* comments wrapper */
.comment-wrapper{margin:0;}
/* comments top box */
.comment-top { padding:5px; text-align:right; color:#999; font-size:11px;}
.comment-top a { color:#d2b877; font-size:11px; }
.comment-pages{	padding:5px; margin:5px; color:#999;}
/* commnet box */
.commentbox { word-wrap:break-word; padding:5px;margin:5px;}
.commentbox-title { padding:3px; border-bottom:1px dashed #666; margin-bottom:5px;}
.commentbox-title b a { color:#d2b877; text-decoration:underline; }
.commentbox-label { display:inline; color:#666;	font-size:10px;}
.commentbox-content { padding:10px;}
.commentbox-content a { color:#a8a8a8; text-decoration:underline;}
.no-comment-box { padding:10px; color:#666; background:#262626}
/* trackback box */
.trackbackbox { padding:5px;}
.trackbackbox-title{ padding:3px; border-bottom:1px dashed #C0C0C0;}
.trackbackbox-label{ display:inline; color:#666; font-size:12px;}
.trackbackbox-content{ padding:3px; color:#333;}
.trackbackbox a { color:#000;}
/* comment form wrapper */
#commentForm { width:99%;}
/****** normal message box ******/
.messagebox{ width:500px; background-color:#333;  margin-top:50px; margin-bottom:250px;}
.messagebox-title{ padding:5px;	color:#fff;	font-weight:bold; background:#000 url(images/h1-bg.jpg) repeat scroll 0 0}
.messagebox-content{ padding:10px; padding-bottom:20px; color:#666;	text-align:left;}
.messagebox-bottom{	padding:5px; color:#fff;}
/****** error message box ******/
.errorbox{	width:500px; text-align:center; background:#212121; border:solid 1px #000; margin-top:50px; margin-bottom:250px;}
.errorbox-title{ color:#fff; font-weight:bold; background:#000 url(images/h1-bg.jpg) repeat scroll 0 0 ; padding:5px;}
.errorbox-content{	padding:10px 10px 20px 30px;	color:#900;	text-align:left;}
.errorbox-bottom{ padding:5px; color:#fff; background-color:#212121;}
/****** Input Form Styles (table) ******/
.formbox{ background:#666; width:760px}
.formbox-comment{}
.formbox-title, .formbox-comment-title{ padding:5px; color:#d2b877;	font-weight:bold; text-align:center; background:#333; border:1px #222 solid}
.formbox-rowheader, .formbox-comment-rowheader { padding:5px; color:#ccc; font-weight:bold; text-align:right;}
.formbox-content, .formbox-comment-content{ padding:5px;}
/* smilies list */
.panel-smilies {padding:5px;text-align: center;}
.panel-smilies-title { color:#ccc; text-align:left; border-bottom:1px solid #666;}
.panel-smilies-content { padding:5px; line-height:120%;}
/****** Upload Page ******/
.upload-page{ margin:0; padding:0; background-color:#666; background-image:url('none');}
.upload-file{}
.upload-error { color:#900;}
.upload-done { color:#030;}
/****** Misc Styles ******/
.comment-text, .hidden-note{ font-size:12px; color:#d2b877;}
.comment-text b { color:#d2b877;}
.red { color:red;}
.highlight { font-weight:bold; color:#d2b877; background:#ff0;}
.meta-button { margin:1px;}
/****** UBB Code Custom Styles ******/
/* IE fix for ul */
* html .ubb-list { margin:5px; margin-left:25px;  margin-bottom:15px;}
.ubb-list li{ margin:1px; padding:1px;}
.code { margin:15px 5px 15px 5px; padding:5px; background-color:#F9F9F9; border-left:5px solid #E0E0E0;}
.ipt{
width:40px;
height:20px;
font-weight:bold;word-wrap:break-all;
margin:2px 2px 2px 5px; 
font-family:"Verdana"; 
color:#d2b877;
background-color:#F9F9F9;
BORDER-RIGHT: #666 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP:#999 1px solid; 
PADDING-LEFT: 0px;
FONT-SIZE: 9px; 
FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff, EndColorStr=#cecfde); 
BORDER-LEFT: #999 1px solid; 
CURSOR: hand; 
PADDING-TOP: 0px;
BORDER-BOTTOM: #666 1px solid
}
.quote { margin:15px 5px 15px 5px; background-color:#333; border-left:5px solid #D2B877;}
.quote-title { padding:5px; color:#999; font-weight:bold; border-bottom:1px dashed #999;}
.quote-content { word-wrap:break-all; color:#a8a8a8; padding:10px; }
.ubb-obj-div { word-wrap:break-all; margin:5px; padding:5px; color:#666; background-color:#fff; border:1px dashed #ccc;}
/****** Music Sidebar by tortorse ******/
#music{padding:0;margin:5px 0 0 0;}
/*****************tags******************/
/*#tag_head{
color:blue;
}
#tag_head a{
color:green;
}*/
.textbox-tags{
word-wrap: break-word;
padding: 3px 6px 6px 6px;
font-weight: bold;
}
.textbox-tag{
word-wrap: break-word;
padding: 10px 0px 15px 0px;
margin-bottom: 10px;
line-height: 2em;
}
.textbox-tag a{width: 110px; padding-left: 6px; display: block; float: left;}
.textbox-tag a:hover{background: #f2f2f2;}
#googleAds-middle{
float:left;
margin:5px;
}
.tagHot1{ 
font-size: 12px; 
} 
.tagHot2{ 
font-size: 14px; font-weight:bold;
} 
.tagHot3{ 
font-size: 16px; font-weight:bold;
} 
.tagHot4{ 
font-size: 18px; font-weight:bold;
} 
.tagHot5{ 
font-size: 20px; font-weight:bold;
}