/**
 * Author:		Hiro Zhang
 * E-mail:		hiro.zhd@gmail.com
 * Version:		1.0
 * MSN:			zhd_1219@126.com
 */

/* ----- RESET ----- */
html,body,
ul,ol,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
form,input,blockquote,fieldset,pre,iframe
div,p,span,label,em,strong { margin:0; padding:0;}
body { font:12px/16px Arial, Helvetica, sans-serif; color:#404040; /*color:#bb9d59;*/ text-align:center; background:url(images/bg.gif) repeat-x;}


/* ----- ELEMENTS ----- */
ul, ol { list-style:none;}
a { outline:none; text-decoration:none;}
a:hover { text-decoration:underline;}
h1 { font-size:20px;}
h2 { font-size:16px;}
h3 { font-size:13px; margin:5px 0;}
h4 { font-size:12px;}
img { padding:3px 2px; border:1px solid #eee;}
iframe { border:none; margin:5px 0; overflow:hidden; display:block;}

/* ----- CLASSES ----- */
.aligncenter { text-align:center;}
.alignright { float:right; margin:8px 0 10px 10px;}
.alignleft { float:left; margin:5px 10px 5px 0;}

img.aligncenter { display:block; margin:5px auto;}


/* ----- #WRAPPER ----- */
#wrapper { width:960px; text-align:left; margin:0 auto;}
	
	/* ----- #HEADER ----- */
	#header { height:65px; position:relative; padding:15px 20px 0 0;}
		/* ----- LOGO ----- */
		#header h1 { width:222px; height:51px; float:left;}
			#header h1 a { display:block; height:100%; background:url(images/logo.png) no-repeat; text-indent:-9999px;}
			
		/* ----- RSS2 ----- */
		#rss2 { width:40px; height:40px; position:absolute; top:25px; left:215px;}
			#rss2 a { display:block; height:100%; background:url(images/rss2.png) no-repeat; text-indent:-9999px;}
			#rss2 a:hover { background:url(images/rss2.png) no-repeat 0 -40px;}
			#rss2-tooltip { display:none; font-style:normal; position:absolute; width:160px; padding:0 10px; top:45px; left:0px; background:#fff; border:1px solid #eee;}
		
		/* ----- #NAVIGATOR ----- */
		#nav { width:674px; height:32px; line-height:32px; padding-left:10px; clear:both; position:absolute; top:30px; left:270px; background:url(images/nav-bg.png) no-repeat;}
			#nav li { float:left;}
			#nav li a { padding:2px 8px; color:#fff; font-family:Arial; font-weight:bold;}
			#nav li a:hover { color:#943415;}
		.current_page_item { background:#F09;}
		.page_item { background:#F90;}
	
	.top, .bottom{ overflow:hidden;}
	
	/* ----- #IMAGE-SHOW ----- */
	#top-show { margin:30px 0; background:url(images/top-show-bg.gif) repeat-y 1px 0;}
		#top-show .top { background:url(images/box-bg.gif) no-repeat; height:8px; margin-bottom:7px;}
		#top-show .bottom { background:url(images/box-bg.gif) no-repeat 0 -8px; height:8px; margin-top:7px;}
		.shows { height:203px; margin:0 15px; background:url(images/loading-bar.gif) no-repeat 50% 50%;}
			.photo-show li { display:none;}
		
	/* ----- #CONTENT ----- */
	#content { overflow:hidden; height:1%;}
		/* ----- #LEFT ----- */
		#left { width:639px; float:left;}
		
			.round { background:url(images/post-bg.gif) repeat-y 1px 0; margin-bottom:10px;}
			.round .top { background:url(images/box-bg.gif) no-repeat 0 -16px; height:9px; margin-bottom:10px;}
			.round .bottom { background:url(images/box-bg.gif) no-repeat 0 -25px; height:9px;}
			
			/* ----- POST ----- */
			.post { margin-bottom:10px;}
				
				.post h2 { padding-left:5px; padding-bottom:5px; border-bottom:1px solid #eee; position:relative; margin:0 20px; position:relative;}
				.post h2 span.share-bar { width:125px; position:absolute; top:0; right:5px;}
				.post h2 a:hover { text-decoration:none;}
				.post a { color:#147bb6;}
				.post a:hover { color:#00a8e4;}
				
				/* ----- ENTRY ----- */
				.entry { margin:10px 0 20px;; padding:0 35px;}
					.entry p { margin:10px 0;}
					.entry ul { margin-left:30px;}
					.entry ol { margin-left:30px; list-style:decimal;}
					.entry ul ul, .entry ol ul { list-style:circle;}
					
					.entry pre { color:#69645c; background:#7bddfd; width:523px; border:1px solid #00a9e0; border-left-width:10px; padding:10px 0 10px 20px; margin-left:15px; overflow:scroll;}
				
				.tools { margin:0 20px;}
				.tools img { border:0; padding:0 5px;}
				
				/* ----- POSTMETADATA ----- */
				.postmetadata { background:url(images/box-bg.gif) no-repeat 0 -44px; text-align:center; height:24px; line-height:24px; padding-left:15px; margin:0 20px;}
					.postmetadata p { background:url(images/box-bg.gif) no-repeat -45px -68px;}
					.postmetadata span { margin:0 5px; padding:1px 0 1px 20px;}
					.author { text-transform:capitalize; background:url(images/icon.gif) no-repeat 0 0;}
					.date { background:url(images/icon.gif) no-repeat 0 -20px;}
					.tags { background:url(images/icon.gif) no-repeat 0 -40px;}
					.comments { background:url(images/icon.gif) no-repeat 0 -60px;}
				
				.navigation { margin:0 10px;}
				.navigation a { display:block; height:30px; line-height:30px; width:120px; text-align:center; color:#fff; background:#36F; font-size:13px; border:1px solid #eee;}
				.navigation a:hover { background:#F06; font-size:14px; text-decoration:none;}
				
				/* ----- if not found ----- */
				.not-found { margin:0 10px; color:#f00; font-size:16px; text-align:center;}
				
			#comments-area { padding:0 20px;}
				#comments-area h2 { font-size:14px; color:#ff0084;}
				#comments-area a { color:#1a62db;}
				#comments-area a:hover { color:#ff0084;}
				#comments-area li { padding:5px 10px;}
				
				.no-comments { padding:2px 10px 10px 30px;; color:#a80077; font-size:14px;}
				
				#comments { margin-bottom:10px;}
					#comments a { font-size:11px;}
				
				#commentlist li { background:#eee; border-bottom:1px dashed #ccc; padding:25px 10px 10px;}
				#commentlist li .photo { float:left; margin-right:15px;}
				#commentlist li p { margin-left:50px;}
				#commentlist li a { padding:0 5px;}
				
				.comment-author-desc { margin:10px 20px 5px 50px;}
				.rss-trackback { padding:7px 0 15px;}
					.rss-trackback a { margin-right:20px;}
				
				.commentform { margin-bottom:10px; padding:2px 0;}
				.commentform li { overflow:hidden; height:1%;}
				
					.commentform li label, .commentform li span.input-01, .commentform li span.input-02 { display:block; float:left; margin-right:20px; height:27px; line-height:27px;}
					.commentform li label { width:80px; text-align:right;}
					.commentform li span { padding-left:8px;}
					.commentform li strong { height:27px; line-height:27px;}
					.commentform li input, .commentform li textarea { border:0; background:none;}
				
					.input-01 { width:180px; background:url(images/box-bg.gif) no-repeat 0 -100px;}
					.input-02 { width:272px; background:url(images/box-bg.gif) no-repeat 0 -154px;}
					.textarea { display:block; width:570px; height:160px; background:url(images/box-bg.gif) no-repeat 0 -208px; padding-top:6px;}
				
					#author, #email, #url { height:18px;}
					#author { width:170px;}
					#email, #url { width:260px;}
					#comment { width:560px; height:150px;}
					#submit { background:#39F; color:#fff; width:80px; height:24px; text-align:center; line-height:24px;}
			
		/* ----- #SIDEBAR ----- */		
		#sidebar { width:280px; float:right; background:url(images/sidebar-bg.gif) repeat-y;}
			#sidebar .top { background:url(images/box-bg.gif) no-repeat 0 -34px; height:5px; margin-bottom:10px;}
			#sidebar .bottom { background:url(images/box-bg.gif) no-repeat 0 -39px; height:5px; margin-top:10px;}
			.container { padding:0 10px 10px;}
			
			#sidebar h2 { color:#2c787b; font-family:Arial;}
			
			/* ----- search ----- */
			.search {width:238px; margin:8px 0 10px; overflow:hidden; height:1%;}
			.search input { display:block; border:none; float:left;}
			.search .text { width:190px; height:18px; padding:4px 5px; color:#666; background:url(images/box-bg.gif) no-repeat 0 -545px;}
			.search .submit, .out { width:32px; height:26px; background:url(images/box-bg.gif) no-repeat -210px -545px; cursor:pointer;}
			.search .submit:hover, .over { background:url(images/box-bg.gif) no-repeat -245px -545px;}
				
			#twitter { height:240px; background:url(images/twitter-hero.jpg) no-repeat; margin-bottom:10px;}
			#twitter a { display:block; height:100%; text-indent:-9999px;}
			
			#sidebar li ul { padding:10px 0 10px 12px;}
			#sidebar li ul li a { color:#00a9e0;}
			#sidebar li ul li a:hover { color:#7bddfd;}
			
			.recent-post li ul li, .popular-articles li ul li { border-bottom:1px dashed #ccc; padding:2px 5px; margin-left:-5px;}
			
			.archives { width:150px; float:right;}
			.blogupp { width:150px; float:right;}
			
			#friend-links { width:100px; float:left;}
			
			/* ----- TAG-CLOUD ----- */			
			#tag-cloud { margin-bottom:10px; clear:both;}
			#tag-cloud h2 { margin-bottom:15px;}
			#tag-cloud a { color:#ef007c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
			#tag-cloud a:hover { color:#91cb00; text-decoration:none;}
				
			.ADbox { margin:0 auto 10px;}
	
			#google-friend iframe { margin:0;}
			
	/* ----- #FOOTER ----- */
	#footer { text-align:left; height:80px; overflow:hidden; height:1%; margin-top:25px; padding:8px 0 7px; background:url(images/footer-bg.gif) repeat-x;}
		#footer-box { width:960px; margin:0 auto;}
		#footer-box div, #footer-box>ul { height:165px; float:left; margin-right:10px; padding:5px 10px 10px 5px; border-right:1px dashed #3daad4;}
		#footer-box h2 { color:#2c539e; font-family:Georgia; font-size:14px;}
		#recent-comments li ul, #friend-links li ul, #backdoor li ul { padding:5px;}
		
		#about { width:150px;}
		#recent-comments { width:300px;}
		#backdoor { width:100px;}
		#copyright { width:250px; border-right:0 !important;}
				
		#footer-box li ul li { height:20px; line-height:20px; border-bottom:1px dashed #225289; text-indent:5px;}
		#footer-box a { color:#00a9e0;}
		#footer-box a:hover { color:#72aa00;}
		
		#about p { padding-top:10px;}
		
		#recent-comments li { overflow:hidden;}
		#recent-comments li a { color:#008c00;}
		#recent-comments li a:hover { color:#147bb6;}
		
		#copyright h2 { margin-bottom:5px;}
		#copyright p { padding:1px 0 1px 5px;}
		#copyright p a { font-weight:bold; color:#ef007c;}
		#copyright p a:hover { color:#ff5db1;}
		#copyright p.wordpress, #copyright p.wordpress a { font-weight:normal;}
		#copyright p img { border:none; padding:0;}


/* ----- PageNavi ---- */
.wp-pagenavi a, span.pages, span.current { padding:2px 5px; margin:3px;}
.wp-pagenavi a,  span.current { border:1px solid #eee; background:#2e6897; color:#fff;}
span.current { font-weight:bold; background:#F60;}
.wp-pagenavi a:hover { background:#F06; text-decoration:none;}