/****** General Styles ******/
html{
scrollbar-arrow-color:#99cc00;      /*三角箭头*/
scrollbar-face-color:#1f1f1f;       /*主体*/
scrollbar-3dlight-color:#333;       /*亮边*/
scrollbar-highlight-color:#1f1f1f;  /*亮边空白*/
scrollbar-shadow-color:#111;        /*阴影*/
scrollbar-darkshadow-color:#111;    /*阴影空白*/
scrollbar-track-color:#222;         /*滚动条背景颜色*/
scrollbar-base-color:#fff;          /*滚动条的基本颜色*/
} 
body{
background:url('images/back.gif');
margin:0;
padding:0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#ccc;
text-align:center;
}
*html body{
width:100%;
overflow-x:hidden;
}
td{
word-break:break-all;
}
a{
text-decoration:none;
color:#999;
}
a:hover{
text-decoration:none;
color:#ccc;
}
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:verdana; 
font-size:12px;
}
input.text{
background:#1f1f1f;
border-top:1px solid #111;
border-left:1px solid #111;
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#ccc;
}
input.button{
background:#1f1f1f;
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #111;
border-bottom:1px solid #111;
color:#99cc00;
}
textarea{
background:#1f1f1f;
border-top:1px solid #111;
border-left:1px solid #111;
border-right:1px solid #333;
border-bottom:1px solid #333;
font-family:verdana; 
font-size:12px;
color:#ccc;
}
select{
background:#1f1f1f;
border:1px solid #333;
border-left:1px solid #99cc00;
font-size:12px;
color:#99cc00;
}
/****** Main Layout Styles ******/
#wrapper{
width:900px;
margin:0 auto;
}
#innerWrapper{
width:900px;
margin:50px 0 30px 0;
text-align:left;
}
#header{
width:900px;
height:150px;
background:url('images/header.png');
}
.blog-header h1
{
padding:24px;
marign:2px;
margin:0px;
}
.blog-desc{
padding-left:34px;
}
.blog-search{
margin:70px 30px 0 0;
float:right;
}
.blog-search input{
background:#222;
border-top:1px solid #111;
border-left:1px solid #111;
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#ccc;
}
.blog-search input:focus{
background:#222;
border-top:1px solid #111;
border-left:1px solid #111;
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#ccc;
}
.blog-search input.button{
background:#222;
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #111;
border-bottom:1px solid #111;
color:#99cc00;
}
.search-field{
}
#footer{
width:900px;
height:100px;
background:url('images/footer.png');
clear:both;
}
#footer a{
color:#99cc00;
}
#innerFooter{
padding:30px 0 0 25px;
}
/* nav menu */
#menu{
padding:20px 0 0 45px;
float:left;
}
#menu ul{
margin:0;
padding:0;
}
#menu li{
display:block;
padding:5px;
float:left;
list-style:none;
}
#menu a{
font-size:14px;
}
#menu a:hover,#menu .activepage a{
color:#99cc00;
}
/****** Content Layout ******/
#mainWrapper{
width:900px;
padding:10px 0 10px 0;
background:#1f1f1f;
}
#mainWrapper:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}
/* sidebar */
.sidebar{
width:150px;
margin:0;
padding:0;
float:right;
}
.sidebar-hide{
display:none;
float:right;
}
#innerSidebar{
}
/* content */
.content{
width:750px;
margin:0;
padding:0;
float:left;
}
.content-wide{
width:auto;
}
.content-only{
width:100%;
}
#innerContent{
margin:0 25px 0 25px;
overflow:hidden;
}
/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{
clear:both;
visibility:hidden;
}
/****** Sidebar Panels ******/
.panel{
margin-bottom:20px;
padding:0;
}
.panel textarea{
width:130px;
}
.panel h5{
height:20px;
background-image:url("images/panelbg.png");
margin:0 0 5px 0;
padding:0;
font-size:12px;
color:#99cc00;
text-align:left;
cursor:pointer;
}
.panel h5 a{
color:#99cc00;
}
.panel-content{
width:100%;
line-height:200%;
}
.panel-content a{
}
.panel-content a:hover{
}
.panel-content ul{
margin:0px;
padding:0px;
}
.panel-content li{
list-style:none;
}
.panel-content li.indent{
background-image:url("images/list.gif");
background-repeat:no-repeat;
margin:0;
padding:0px;
text-indent:15px;
}
/* user panel login form */
#loginForm{
width:100%;
}
/****** Announcement Box ******/
.announce{
background:#222;
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #111;
border-bottom:1px solid #111;
color:#99cc00;
}
.announce-content{
padding:10px;
}
/****** Defaul Page Elements ******/
/****** 上一篇下一篇 ******/
.article-top{
margin-top:50px;
}
.prev-article{
}
.next-article{ 
float:left;
margin-right:10px;
}
.article-bottom{
margin-top:50px;
}
/* page links */
.pages{
}
.pagelink-current{
color:#99cc00;
}
.listbox{
margin:20px;
text-align:center;
}
.listbox-table{
width:100%;
}
.listbox-entry{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #333;
word-wrap:break-all;
text-align:left;
}
.listbox-entry a{
word-wrap: break-all;
}
/* text box */
.textbox{
margin-bottom:50px;
clear:both;
}
.textbox-title{
height:30px;
}
.titleimage{
width:22px;
height:40px;
margin:auto;
background-image:url("images/title.gif");
margin-right:5px;
float:left;
}
.textbox-title h4{
margin:auto;
padding-top:24px;
font-size:12px;
color:#fff;
float:left;
}
.textbox-title h4 a{
color:#fff;
}
.textbox-date{
margin:auto;
padding:25px 0 0 5px;
color:#666;
float:left;
}
.textbox-label{
margin:auto;
padding:25px 0 0 5px;
color:#666;
float:left;
}
.textbox-content{
margin-top:20px;
word-wrap:break-word;
line-height:200%;
}
.textbox-bottom{
}
.textbox-bottom a{
}
.textbox-bottom a:hover{
}
.textbox-adminbar{
}
.textbox-tburl{
}
#readimage{
width:25px;
height:25px;
background-image:url("images/readimage.gif");
margin-top:5px;
float:left;
}
.tags{
margin-top:30px;
}
.tags a{
color:#99cc00;
}
/* comments wrapper */
.comment-wrapper{
margin:0;
padding:0;
}
/* comments top box */
.comment-top{
}
.comment-pages{
}
/* commnet box */
.commentbox,.trackbackbox{
margin-bottom:30px;
border:1px solid #333;
border-left:2px solid #99cc00;
word-wrap:break-word;
}
.commentbox-odd{
}
.commentbox-couple{
}
.trackbackbox{
}
.commentbox-title,.trackbackbox-title{
padding:10px;
color:#99cc00;
}
.commentbox-title a,.trackbackbox-title a{
color:#99cc00;
}
.commentbox-label,.trackbackbox-label{
color:#666;
}
.commentbox-label a,.trackbackbox-label a{
color:#999;
}
.commentbox-content,.trackbackbox-content{
padding:10px;
padding-top:0;
}
/* comment form wrapper */
#commentForm{
width:100%;
}
/****** normal message box ******/
.messagebox{
width:600px;
margin-top:120px;
border:1px solid #333;
text-align:center;
}
.messagebox-title{
background:#222;
padding:5px;
color:#99cc00;
}
.messagebox-content{
padding:10px; 
text-align:left;
}
.messagebox-bottom{
background:#222;
padding:5px;
}
/****** Input Form Styles (table) ******/
.formbox{
margin:0;
padding:0;
}
.formbox-comment{
margin:0;
padding:0;
}
.formbox-title,.formbox-comment-title{
color:#99cc00;
font-weight:bold;
}
.formbox-rowheader{
}
.formbox-content{
}
/* smilies list */
.panel-smilies{
}
.panel-smilies-title{
}
.panel-smilies-content{
line-height:120%;
}
/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code{
background:#161616;
border-left:2px solid #99cc00;
padding:10px;
word-wrap:break-all;
}
.quote{
background:#161616;
border-left:2px solid #99cc00;
}
.quote-title{
padding:5px;
color:#99cc00;
}
.quote-title img{
}
.quote-content{
padding:10px;
word-wrap:break-all;
}
/****** Link ******/
.linkover{
margin-bottom:50px;
height:auto;
clear:both;
}
.linkbody{
padding-bottom:20px;
float:left;
}
.linkimg{
float:left;
margin-right:5px;
}
.linktxt{
color:#666;
float:left;
}
.linktitle a{
color:#ccc;
}
.linkgroup{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #333;
color:#fff;
}
/*Page*/
.pagebox{
clear:both;
}
.pagebox-title{
margin:10px;
}
.pagebox-title h4{
font-size:14px;
color:#99cc00;
display:block;
}
.pagebox-content{
margin:10px;
clear:both;
word-wrap:break-word;
line-height:120%;
}
/* Emot Page Selection */
#smileybuttons{
margin:10px;
margin-left:0;
}
.smileybut{
margin-right:5px;
vertical-align:middle;
}
.smileybut a{
border:1px solid #333;
}