/*---------------------------------------------------------------*/
/* 定义全局样式 */
/*---------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	color:#000000;
        background:#000000 url("SkyBrown/bg_body.gif") repeat-x 0 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {
	text-decoration: none;
}
a:link {
	color: #AD6910;
}
a:visited {
	color: #AD6910;
}
a:hover {
	color: #A5754A;
	text-decoration: underline;
}
a:active {
	color: #AD6910;
	text-decoration: underline;
}

ul {
	list-style-type:none;
	list-style-position : outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:break-all;
}
li {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:break-all;
}
div {
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:break-all;
}
img {
	border:0;
}
/*---------------------------------------------------------------*/
/* Global End */
/*---------------------------------------------------------------*/



/*---------------------------------------------------------------*/
/* 定义 MainPage */
/*---------------------------------------------------------------*/
#Wrapper{
	margin:-1px auto;
	width:980px;
        background:#fff;
}
#MainPage{
}
#InnerMainPage{}

/* Header */
#Header{
        width:960px;
        height:235px; /* 让主页面和顶部紧帖 并使第一篇文章的标题与Banner间距和IE一致 (针对FF) */
        margin: 0 auto; 
       border-left: 10px solid White;
       border-right: 10px solid White;
       border-bottom: 2px solid white;
}
#InnerHeader{
       position:relative; 
       float: left; 
       background: #fff;
}

/* Content{ */
#Content{
	padding:0 10px;
	background-color:#FFEFDE;
       border-left: 10px solid White;
       border-right: 10px solid White;
}
#InnerContent{}

/* Footer */
#Footer{
	height:80px;
	margin:0;
	padding:0 20px 0 20px;
	border-top:2px dashed #D0D0D0;
        background:#fff url("SkyBrown/bg_footer.jpg") repeat-x 0 0;
}
#InnerFooter{}

/* a style which makes mainWrapper touch the bottom of sidebar and content (FROM LBS^2)*/
.articleclear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}
.panelclear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}
/*---------------------------------------------------------------*/
/* MainPage End */
/*---------------------------------------------------------------*/



/*---------------------------------------------------------------*/
/* 定义顶部 Navibar */
/*---------------------------------------------------------------*/
#NaviBarWrapper{
	display:none;
}
#NaviBar{}
#NaviBar ul{}
#NaviBar li{}
#NaviBar h3{
	display:none;
}
/*---------------------------------------------------------------*/
/* Navibar End */
/*---------------------------------------------------------------*/



/*---------------------------------------------------------------*/
/* 定义 Header */
/*---------------------------------------------------------------*/

/* Header */
/* #Header is up in Wrapper */

/* CostMenuUp */
#CostomMenuUp{
      float:left;
      width:100%;
      background:#fff;
      font-size:93%;
      line-height:normal;
}
#CostomMenuUp ul{
	  margin:0;
	  padding:5px 10px 0 0;
	  list-style:none;
}
#CostomMenuUp li{
      display:inline;
      margin:0;
      padding:0;
}

#CostomMenuUp h3{
      display:none;
}
#CostomMenuUp a{
      float:left;
      background:url("SkyBrown/menuleft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}	
#CostomMenuUp a span{ 
      float:left;
      display:block;
      background:url("SkyBrown/menuright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#CostomMenuUp a span {float:none;}
/* End IE5-Mac hack */
#CostomMenuUp a:hover span {
    color:#FFF;
}
#CostomMenuUp a:hover {
    background-position:0% -42px;
}
#CostomMenuUp a:hover span {
    background-position:100% -42px;
}

/* CostMenuDown */
#CostomMenuDown{
	display:none;
}
#CostomMenuDown ul{}
#CostomMenuDown li{}
#CostomMenuDown h3{
	display:none;
}

/* BlogTitle */
#BlogTitleWrapper{
        float:left; 
        width:960px;
        height: 207px; 
        background: #fff url("SkyBrown/bg_visual.jpg") no-repeat;
}
#BlogTitle{
       display: block; 
       margin: 0; 
       padding:40px 0 0 48px;
       line-height:0.8em; 
       height: 43px; 
       float: left; 
}
#BlogTitle a{
       font-size: 25px; 
       text-decoration: none; 
       color: #fff;
}
#BlogSubTitle{
       display: block; 
       margin: 0; 
       padding: 10px 0 0 68px;
       line-height:0.8em; 
       font-size: 12px; 
       clear: left;  
       color: #fff;
}
/*---------------------------------------------------------------*/
/* Header End */
/*---------------------------------------------------------------*/



/*---------------------------------------------------------------*/
/* 定义 Article */
/*---------------------------------------------------------------*/
/* Content */
/* #Content is up in Wrapper */

/* Article Wrapper */
#ContentArticle{
	float:left;
	width: 512px;
	margin:0;
	padding:0 10px;
	background-color:#fff;
}
#InnerContentArticle{}

/* Article data-box */
/* article-data-need-to-be-hided */
div.article .article-datebox-wrapper{
	float:left;
	margin:-5px 0 0 0;
	padding:0 0 5px 0;
	background-color:#fff;
}
div.article .article-datebox{
	float:left;
	margin:0;
	padding:0 5px 0 5px;
	width:60px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#FFFFFF;
	background: #AD6910 url("SkyBrown/bg_date.jpg") repeat-x 0 0;
	border-top:1px solid #D0D0D0;
	border-bottom:3px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:3px solid #D0D0D0;
}
div.article .article-datebox .article-datebox-year{
	margin:0;
	padding:2px 0 2px 0;
	float:left;
}
div.article .article-datebox .article-datebox-month{
	margin:0;
	padding:2px 0 2px 0;
	float:right;
}
div.article .article-datebox .article-datebox-day{
	margin:0 -5px 0 -5px;
	padding:0;
	height:42px;
	color:#FFFFFF;
	font-size:36px;
	font-family:Arial;
	text-align:center;
	clear:left;
}
div.article .article-datebox .article-datebox-weekday{
	margin:0;
	padding:0;
	font-family:Arial Narrow;
	font-weight:normal;
	text-align:center;
}

/* Article Body */
div.article {
	margin:0;
	padding:0;
	text-align:left;
}
div.article-nav {
	width:500px;
	height:25px;
	padding-left:5px;
}
div.article-nav a.l{
	float:left;
	width:48%;
	text-align:left;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
div.article-nav a.r{
	float:right;
	width:48%;
	text-align:right;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

div.article .article-header{
	width:380px; /* upon to Calendar & Date, otherwise itself will be dragged down */
	margin:0 0 0 0;
	padding:5px 0 2px 0;
	font-size:12px;
	color:gray;
	text-align:left;
	text-indent: 1em;
}
div.article .article-header a{
	color:gray;
}
div.article .article-title{
	padding:8px 0 5px 12px;
	margin:2px 0 2px 0;
	font-size:18px;
	color: #596789;
	background: #fafafa url("SkyBrown/bg_title.jpg") repeat-x 0 0;

	width:415px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
div.article .istop-title{
	clear:left;
	width:492px;
}
div.article .guestbook-title{
	width:492px;
}
div.article .tagcloud-title{
	width:492px;
}
div.article .search-title{
	width:492px;
}
div.article .article-date{
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:10px;
	font-size:6px;
	color:gray;
	clear:both;
	visibility:hidden;
}
div.article .article-footer{
	margin:0;
	padding:10px 10px 30px 10px;
	font-size:12px;
	color:gray;
	height:20px;
	text-align:right;
}
div.article .article-tags {
	margin:2px 0 2px 5px;
	padding:2px 0 0 5px;
	font-size:12px;
	color:gray;
	height:20px;
	text-align:left;
}
div.article .article-tags a {
	margin:2px 0 2px 5px;
	padding:2px 0 0 5px;
	color:gray;
}

.article-pagebar{
	margin:2px 0 2px 5px;
	padding:2px 0 0 5px;
	font-size:12px;
	color:gray;
	height:20px;
	text-align:left;
}
body.multi div.article .article-tags{
	/*display:none;*/
}

div.article div.article-body{
	margin:10px 5px 0 5px;
	padding:0 10px 0 10px;
	font-size:12px;
	word-break:break-all;
	text-align:left;
	text-indent: 1em;
	line-height:150%;
}

div.article-body div.media a{
	padding-left:16px;
	background:#FBFBFB url("default/media.gif") no-repeat 0 center;
}

div.article-body img{
	padding:4px 4px 4px 4px;
	border:0;
	clear : both;
	float : none;
}
div.article-body a.new-window{
	margin:0 3px 0 3px;
	padding:0 18px 0 0;
	background: url("SkyBrown/external.png") no-repeat right top;
}

div.article-body p{
	margin:10px 0 15px 0;
	padding:0;
}
div.article-body p.img{
	margin:0;
	padding:0;
	text-align:center;
}
div.article-body p.inscript{
	margin:0;
	padding:0;
	padding-right:20px;
	text-align:right;
}
div.article-body p.code{
	padding:5px;
	border:1px dotted black;
}
div.article-body div.code{
	padding:5px;
	border:1px dotted black;
}

div.article-body h1{
	color: #000000;
	margin:0;
	padding:0;
	font-size:16px;
}
div.article-body h2{
	color: #000000;
	margin:0;
	padding:0;
	font-size:14px;
}
div.article-body h3{
	color: #000000;
	margin:0;
	padding:0;
	font-size:13px;
}
div.article-body h4{
	color: #000000;
	margin:0;
	padding:0;
	font-size:12px;
}
div.article-body h5{
	color: #000000;
	margin:0;
	padding:0;
	font-size:11px;
}
div.article-body h6{
	color: #000000;
	margin:0;
	padding:0;
	font-size:10px;
}
div.article-body ul {
	list-style-type:square;
	margin:0 0 0 0;
	padding:10px 20px 10px 40px;
}
div.article-body li {
}

/* TagCloud */
div.tagcloud-body span a{
	margin:1px;
	padding:1px 2px;
	display:inline;
	text-decoration: none;
	border:1px solid #FFFFFF;
}
div.tagcloud-body span a:hover{
	background-color:#FFEFDE;
	position: relative;
	border:1px solid #DEDEDE;
	top:1px;
	right:0;
}

/* MutualityArticle */
#GetTrackback{
	margin:5px 0 5px 0;
	padding:5px;
}
#MutualityArticle{
	margin:5px 0 5px 0;
	padding:5px;
}
/*---------------------------------------------------------------*/
/* Article End */
/*---------------------------------------------------------------*/


/*---------------------------------------------------------------*/
/* 定义 CommentPanel */
/*---------------------------------------------------------------*/
/* CommentPanel */
/* #CommentPanel is down belong to SideBar */

/* Comment Text Area */
#divCommentPost{
	margin:5px 0 5px 0;
	padding:5px;
}

p.posttop {
	clear:left;
	margin:10px 0 0 0;
	padding:3px 0 2px 12px;
	background: url("SkyBrown/pointbrown.gif") no-repeat 0 center;
}
p.postbottom {
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

#frmSumbit{
	padding:0;
	margin:0;
}

#frmSumbit p{
	padding:5px 0 5px 0;
}


input.button{
	background:white;
	border:1px double #284259;
	color:#333;
	padding:0.05em 0.25em 0.05em 0.25em;
}

input.text{
	padding:0.15em 0.25em 0.20em 0.25em;
	border:1px double #ccc;
	width:295px;
	background:white;
}
input.text:focus{
	border:1px solid #ffcc00;
}

input.verifytext{
	padding:0.15em 0.25em 0.20em 0.25em;
	border:1px double #ccc;
	width:230px;
	background:white;
}
input.verifytext:focus{
	border:1px solid #ffcc00;
}

textarea.text{
	padding: 0.15em 0.25em 0.20em 0.25em;
	border: 1px double #ccc;
	background: white;
	width: 95%;
	height: 150px;
}
textarea.text:focus{
	border:1px solid #ffcc00;
}

/* Posted Comments & TrackBacks */
#MsgList{
	margin:5px 0 5px 0;
	padding:5px;
}
ul.msg{
	width:95%;
	margin:10px 0 40px 10px;
	padding:0 0 0 0;
	text-align:left;
	list-style-position : outside;
	background:#fafafa;
	border:1px dashed #D0D0D0;
}
li.msgname{
	padding:2px 0 2px 5px;
	margin:0px;
}
li.tbname{
	padding:0 0 0 5px;
	margin:0px;
}
li.msgurl{
	text-align:right;
	padding:2px 10px 2px 10px;
	margin:0;
}
li.msgarticle{
	list-style-position : outside;
	padding:15px 10px 15px 10px;
	margin:0;
	line-height:150%;
}
li.msgarticle a.new-window{
	margin:0 3px 0 3px;
	padding:0 18px 0 0;
	background: url("SkyBrown/external.png") no-repeat right top;
}
li.msgtime{
	text-align:right;
	padding:2px 5px 0 10px;
	margin:0 0 0 0;
}
li.msgmng{
	text-align:right;
	padding:2px 5px 0 10px;
	margin:0 0 0 0;
}
ul.trackback li.tbname{
	border-bottom:none;
	background: url("SkyBrown/pointbrown.gif") no-repeat 0 center;
	padding:3px 0 2px 12px;
	margin:0px;
}
ul.trackback{
	margin:5px 0 10px 10px;
}
ul.mutuality{
	margin:5px 0 10px 10px;
	border-bottom:1px dashed #D0D0D0;
}
ul.mutuality li.tbname{
	background: url("SkyBrown/pointbrown.gif") no-repeat 0 center;
	padding:3px 0 2px 12px;
	margin:0px;
	border:none;
}
ul.mutuality li.msgarticle{
	padding:0 10px 10px 16px;
	border:none;
}
li.msgarticle div.quote{
	margin:5px;
	padding:10px;
	background:#ffffff;
	border:1px dashed #D0D0D0;
}
li.msgarticle div.quote-title{
	margin:2px;
	padding:3px;
	font-size:120%;
	border-bottom:1px #f8f8f8 solid;
}

/*---------------------------------------------------------------*/
/* CommentPanel End */
/*---------------------------------------------------------------*/



/*---------------------------------------------------------------*/
/* 定义 (SideBar) Panel */
/*---------------------------------------------------------------*/
/* Divide Panel */
#ContentPanelLeft{
	float:right;
	width:182px;
	padding:0;
	border-left:2px solid #FFFFFF;
}
#InnerContentPanelLeft{
}
#ContentPanelRight{
	float:left;
	width:220px;
	padding:0;
}
#InnerContentPanelRight{
}

/* Panel Element */
div.PanelElement {
	margin:5px 0 0 0;
	padding:0 10px 10px 10px;
	text-align:left;

}
div.PanelElement a.new-window{
	padding:0 18px 0 0;
	background: url("SkyBrown/external.png") no-repeat right top;
}
div.PanelElement h3{
	font-size:12px;
	height:15px;
	margin:0 0 0 0;
	padding:5px 0 0 22px;
	color:black;
	background:#FFFFFF url("SkyBrown/quote.gif") no-repeat 3px 4px;
}
div.PanelElement ul{
	text-align:left;
	margin:2px 0 0 0;
	padding:5px 0 0 0;
	list-style-position:outside;
	list-style-type:none;
	border-top:1px solid #d0d0d0;
}
#ContentPanelRight li{
	margin:0 1px 3px 0;
	padding:2px 0 1px 15px;
}
#ContentPanelRight li p{
	margin:0;
	padding:5px 0;
	line-height:150%;
}

#divTags{
	width:90%;
}
#divTags ul{
	margin:0;
	padding:10px 20px;
}
#divTags li{
}

#divArchives {
	cursor: pointer;
}


/* Panel Search */
#divSearchPanel{
	margin:0;
	padding:10px 0 0 0;
}
#divSearchPanel input.text{
	padding:0.15em 0.25em 0.20em 0.25em;
	border:1px solid #ddd;
	width:88%;
	background:url("default/search-bg.jpg") no-repeat right bottom #fff;
}
#divSearchPanel input.text:focus{
	border:1px solid #ffcc00;
	background:url("default/search-bg.jpg") no-repeat right top #fff;
}
#divSearchPanel input.button{
	display:none;
}

/* Panel Icon */
div.PanelElement li{
	margin:0 0 0 0;
	padding:2px 0 1px 15px;
	background:url("SkyBrown/pointbrown.gif") no-repeat 3px 4px;

	width:92%;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
div.PanelElement li span.feed-icon a{
	background:url("SkyBrown/feed.png") no-repeat 0 3px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:14px;
	height:12px;
	width:12px;
}
div.PanelElement li span.feed-icon img{
	height:12px;
	width:9px;
	visibility:hidden;
	margin:0;
	padding:0;
}

/* No Bg Panel */
#divCatalog li{
	background:none;
	padding:2px 0 1px 4px;
}
#divContorPanel li{
	background-image : none;
}
#divSearchPanel li{
	background-image : none;
}
#divMisc li{
	background-image : none;
}

/* Hiden Panel Title */
#divSearchPanel h3{
	display:none;
}
#divMisc h3{
	display:none;
}

/* Hiden Panel Date */
div.PanelElement li span.article-date {
	display:none;
}
/*---------------------------------------------------------------*/
/* Panel End */
/*---------------------------------------------------------------*/



/*---------------------------------------------------------------*/
/* 定义 Footer */
/*---------------------------------------------------------------*/
/* Footer */
/* #Footer is up in Wrapper */

/* Copyright */
#BlogPowerBy{
	font-size:12px;
        color:#000;
	height:20px;
	margin:0;
	padding:10px 0 0 10px;
	text-align:right;
	font-weight:normal;
}
#BlogPowerBy a{
        color:#37425B;
}
#BlogThemeBy{
	font-size:12px;
        color:#000;
	height:20px;
	margin:0;
	padding:0 0 0 10px;
	text-align:right;
	font-weight:normal;
}
#BlogThemeBy a{
        color:#37425B;
}
#BlogCopyRight{
	font-size:12px;
        color:#000;
	height:10px;
	margin:0;
	padding:0 0 0 10px;
	text-align:right;
	float:none;
	clear:both;
	font-weight:normal;
}
/*---------------------------------------------------------------*/
/* Footer End */
/*---------------------------------------------------------------*/



/*---------------------------------------------------------------*/
/* 定义 Calendar */
/*---------------------------------------------------------------*/
#divCalendar{
	width:178px;
	height:175px;
	margin:0 0 0 0;
	padding:0 0 0 5px;
	text-align:center;
	background:#FFFFFF url("SkyBrown/bg_calendar.jpg") repeat-x 0 0;
}
#divCalendar h3{
	display:none;
}
#divCalendar div{
	float:left;
	width:178px;
	margin:0;
	padding:5px 0 0 0;
}
#divCalendar div.month1{
	background:url("default/month1.gif") no-repeat center 10px;
}
#divCalendar div.month2{
	background:url("default/month2.gif") no-repeat center 10px;
}
#divCalendar div.month3{
	background:url("default/month3.gif") no-repeat center 10px;
}
#divCalendar div.month4{
	background:url("default/month4.gif") no-repeat center 10px;
}
#divCalendar div.month5{
	background:url("default/month5.gif") no-repeat center 10px;
}
#divCalendar div.month6{
	background:url("default/month6.gif") no-repeat center 10px;
}
#divCalendar div.month7{
	background:url("default/month7.gif") no-repeat center 10px;
}
#divCalendar div.month8{
	background:url("default/month8.gif") no-repeat center 10px;
}
#divCalendar div.month9{
	background:url("default/month9.gif") no-repeat center 10px;
}
#divCalendar div.month10{
	background:url("default/month10.gif") no-repeat center 10px;
}
#divCalendar div.month11{
	background:url("default/month11.gif") no-repeat center 10px;
}
#divCalendar div.month12{
	background:url("default/month12.gif") no-repeat center 10px;
}

p.w{
	float:left;
	width:25px;
	height:16px;
	margin:4px 0 0 0;
	padding:2px 0 1px 0;
	text-align:center;
	vertical-align :middle;
	font-size:9px;
}

p.y{
	text-align:center;
	height:14px;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:175px;
	font-size:12px;
	font-weight:bold;
}
p.d{
	float:left;
	width:25px;
	height:18px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
}
p.yd{
	float:left;
	width:25px;
	height:18px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
	font-weight:bolder;
	color:#6090c0;
	background: url("SkyBrown/links_r.gif") no-repeat 1px 1px;
}
p.nd{
	float:left;
	width:25px;
	height:18px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
}
p.cd{
	float:left;
	width:25px;
	height:18px;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
	font-weight:bold;
}
/*---------------------------------------------------------------*/
/* Calendar End */
/*---------------------------------------------------------------*/

/*--------------------------分页条-------------------------------*/
div.up {display:none;}

div.pagebar {
	float: left; 
	text-align:left; 
	width:480px; 
	margin:10px 0 10px 10px; 
	padding:0; 
	line-height:150%;
	font-size:12px;
}

div.pagebar .now-page {
	color: #A5754A; 
	margin:0 0 0 2px; 
	padding:0 3px 0 3px; 
	font-weight:bold; 
	text-decoration: none;
}

div.pagebar a {
	color: #AD6910; 
	border:1px solid #BAD0C2; 
	margin:0 0 0 2px; 
	padding:0 3px 0 3px;
	background:#FFFFFF;
}

div.pagebar a:visited {
	color: #AD6910; 
	text-decoration: none;

}

div.pagebar a:hover {
	color: #FFEFDE; 
	background:#AD6910; 
	text-decoration: none;
}