@charset "utf-8";
/* CSS Document 
edited by Hsiang Chieh ,update at 8.28.2009
*/

*{padding:0; margin:0;font-size:12px;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.clear{clear:both; height:0px; line-height:0px; font-size:0px;}
a,a:hover{border-width:none;}

ul,li{list-style:none;}

body {text-align: center;background:#000 url(images/navBg.gif) left 148px repeat-x; position:relative;}
#warp {text-align:left; margin:0 auto; width:960px;}

#header {background:url(images/hearBg.jpg) no-repeat center;height:188px; position:relative;}
  #header h1{width:400px; height:30px;position:absolute;left:30px;top:67px;}
    #header h1 a{font-size:26px;color:#fff; font-family:Verdana; text-decoration:none;}
  #header h2{color:#fff; font-size:13px; width:400px; height:15px;  font-family:"Times New Roman"; position:absolute; left:30px; top:102px;}

#nav{ position:absolute;left:438px;top:165px;}
  #nav li{list-style:none; float:left; margin-right:1px;}
  #nav li a:link,#nav li a:visited,#nav li a:hover,#nav li a:active{ background:url(images/buttonLink.gif) no-repeat; width:59px; height:24px; display:block;line-height:24px; text-align:center; color:#FFF; text-decoration:none;}
  .acticvLink{background:url(images/buttonAct.gif) no-repeat !important; color:#587e0e !important;}
  .current_page_item a{background:url(images/buttonAct.gif) no-repeat !important; color:#587e0e !important;}
  .page-item-3,.page-item-234{margin-top:-1px;}
  
  
#content{width:495px; float:left; background:#fff; border:1px solid #ccc;}

.post{position:relative;padding:16px 12px 22px 5px;}
.post h3{ margin:0 40px 10px 40px; color:#49660d;font-size:16px;font-family:"Microsoft YaHei","宋体",Verdana;}
   .post h3 a:link,.post h3 a:visited{ color:#49660d;font-size:16px;text-decoration:none; font-family:"Microsoft YaHei","宋体",Verdana;}
   .post h3 a:hover,.post h3 a:active{color:#7cb51b;}
   
.post h4{background:url(images/calendarBg.gif) no-repeat; width:28px; height:44px;padding:5px 13px; text-align:center; color:#fff; position:absolute; left:-23px; top:17px;}
   .post h4 .month{font-size:13px; color:#fff;}
   .post .clear{height:5px;}
   .post h4 .day{font-size:16px; color:#5b8010; font-style:italic;}

.post h5{line-height:27px; height:27px; border:1px solid #ccc; border-left:none; border-right:none; color:#666; margin:0px 0px 16px 39px;}
   .post h5 a:link,.post h5 a:visited{color:#666; text-decoration:none;}
   .post h5 a:hover,.post h5 a:active{color:#999; text-decoration:underline;}
   .post h5 .tag{float:left; background:url(images/tagBg.gif) left center no-repeat;padding-left:17px;}
   .post h5 .comment{float:right; background:url(images/commentBg.gif) no-repeat left center;padding-left:22px;}

.post .pp{line-height:24px; color:#666; margin:0px 5px 0px 15px;overflow:hidden;_width:96%;}
.post .pp p{margin:8px 0;}
.post .pp a:link,.post .pp a:visited,.post .pp a:hover,.post .pp a:active{color:#5b8010; text-decoration:underline;}
.post .pp h1,.post .pp h2,.post .pp h3,.post .pp h4,.post .pp h5,.post .pp h6{font-size:14px;font-weight:blod;color:#666;}
.post .pp img{border:2px solid #5b8010;padding:2px;}
.post .pp pre{border:1px solid #ddd; background:#eee;padding:7px;}
.post .pp blockquote,.post .pp code{border-left:5px solid #ddd;padding-left:20px;margin:15px 15px 15px 10px; color:#545454;}
.post .pp ol li{list-style:inside decimal !important; padding:8px 0}
.post .pp ul li{ list-style:inside square !important;padding:8px 0}

.navigation{padding:5px 0 30px 0}
  .previous,.alignleft{float:left; margin-left:25px;background:url(images/navLeft.gif) no-repeat left center;}
     .previous a:link,.previous a:visited,.alignleft a:link,.alignleft a:visited{color:#49660d;text-decoration:none; padding-left:19px;}
	 .previous a:hover,.previous a:active,.alignleft a:hover,.alignleft a:active{text-decoration:underline;}
  .next,.alignright{float:right; margin-right:25px;background:url(images/navRight.gif) no-repeat right center;}
     .next a:link,.next a:visited,.alignright a:link,.alignright a:visited{color:#49660d;text-decoration:none; padding-right:19px;}
	 .next a:hover,.next a:active,.alignright a:hover,.alignright a:active{text-decoration:underline;}
  .alignleft{margin-left:15px;}
  .alignright{margin-right:15px;}

#sidebar{float:left; width:184px; background:#333;}
#sidebar ul{list-style:none;}
.widget{padding-bottom:10px;}
	.rss,.rss a,.rss img{border:none;width:184px; height:79px; background:url(images/rss.jpg) no-repeat;}
	.rss img{display:block;}
	#sidebar h2{width:166px;height:25px;line-height:25px; background:url(images/siderTitleBg.gif) repeat-x; margin:0 auto; text-indent:8px;color:#fff;}
	#sidebar li li{line-height:25px;padding-top:5px; background:#333 url(images/siderLiBg.gif) left bottom repeat-x; color:#b2b2b2;}
	#sidebar li li a:link,#sidebar li li a:visited{text-decoration:none; color:#ccc;}
	#sidebar li li a:hover,#sidebar li li a:active{color:#fff;}
	#sidebar ul{padding:8px 9px 8px;}
	#sidebar ul li ul li{padding-left:3px;}	

	#tag_cloud-2 a:link,#tag_cloud-2 a:visited{font-family:"Microsoft YaHei","宋体";color:#CCC;text-decoration:none;}
	#tag_cloud-2 a:hover,#tag_cloud-2 a:active{ text-decoration:underline;}
	#tag_cloud-2 h2{padding-bottom:8px;}
	#sidebar .cat-item a{background:url(images/mini-page.gif) no-repeat left -4px;padding-left:20px;}
	#sidebar .page_item a {background:url(images/mini-page.gif) no-repeat left -4px;padding-left:20px;}
	.recentcomments{background:url(images/commentSideBg.gif) no-repeat left 4px !important; text-indent:20px;}
	#recent-posts-2{clear:both; padding-top:18px;}
		#recent-posts-2 a{background:url(images/mini-article.gif) no-repeat left 2px; text-indent:20px; display:block;}
	.widget_links a {background:url(images/mini-blogroll.gif) no-repeat left -4px;padding-left:15px;}
	#search-2{clear:both; height:25px;}
	  #searchsubmit{background:url(images/search.gif); width:33px; height:22px; border:none;cursor:pointer; float:left}
	  #s{border:1px solid #000;float:left;height:17px;padding-top:3px;width:126px;}
	  
	  
#toolbar{float:left; width:218px; margin-left:6px; overflow:hidden;}
#toolbar ul{ list-style:none;}
#toolbar ul li{margin-bottom:8px;}
	.aboutMe{background:url(images/aboutMeTitle.jpg) no-repeat; width:196px; height:210px;padding:45px 13px 13px; font-size:11px; color:#e9e9e9; font-family: Verdana, "宋体"; line-height:21px; list-style:none;}
	#toolbar h2{ background:url(images/toolbarTilte.jpg) no-repeat; width:210px; height:35px; padding:11px 0 0 8px;color:#ebebeb; font-size:15px; font-family:"Microsoft YaHei","黑体";}
	#toolbar .main{ background:#525252 url(images/toolbarFoot.jpg) no-repeat left bottom; padding:0 13px 20px; color:#e9e9e9;}


#foot{color:#CCC; font-family:Tahoma; text-align:left; padding:8px 0 50px 10px;height:25px;}
#foot a:link,#foot a:visited,#foot a:hover,#foot a:active{color:#fff; text-decoration:underline;font-family:Tahoma;}


/********** single***********/
#respond{ margin:10px 23px 10px 0;color:#669900; font-size:14px; font-family:Verdana;}
#comments{ margin:15px 0px 15px 5px; font-size:13px; color:#51790b;}
.commentlist{padding-left:25px; list-style:none;}
   .commentlist li{background:#edeeef url(images/leavemessageBgTop.gif) no-repeat top left; padding-top:21px; width:428px; margin-top:8px;}
   .commentlist p{padding-left:30px; width:350px;word-break:break-all;word-wrap:break-word; line-height:20px;color:#2b2b2b;}
   .commentBt{background:url(images/leavemessageBgBt.gif) no-repeat top left; height:19px; width:428px;}
   .commentlist cite{padding-left:30px;}
   .commentlist .url{color:#666;}
   .commentlist .commentmetadata{padding-left:40px;}
.commentmetadata a:link,.commentmetadata a:visited,.commentmetadata a:hover,.commentmetadata a:active{color:#525252; text-decoration:none;}
.commentmetadata {padding:6px 0; display:block;}
.commentmetadate a{ font-size:11px;}
#commentform p{margin:5px;}
#commentform input,#commentform textarea{border:1px solid #999;}
#commentform a:link,#commentform a:visited{color:#629708;}
#commentform a:hover,#commentform a:active{color:#425f07;}
#comment{width:425px;height:125px; overflow:hidden;}
#submit{float:right; margin:10px 10px 15px 0px; background:url(images/submit.gif) no-repeat; width:76px; height:22px; border:none !important; cursor:pointer;}


/********** page***********/

/********** Api in the toolbar ***/
#twitter_div ul,#twitter_div li{list-style:square inside !important;}
#twitter_div a:link,#twitter_div a:visited,#twitter_div a:hover,#twitter_div a:active{color:#cfcfcf; font-style:italic; font-size:11px;}
#twitter_div span{color:#fff;}

/******works******/
.album {margin:0px 0 30px 30px;overflow:hidden;clear:both;}
.album ul, album li {list-style:none;}
.album img {border:none;}
.album, .album li {padding:0;margin:0;display:block;}
.album li {float:left;width:133px;height:128px;list-style:none;padding:1px;margin:5px;display:block;
	border:1px solid #666;overflow:hidden;}
.album li img {}


/********Music********/