/*
Theme Name: zuozuo Default
Theme URI: http://byzuo.com/
Description: The default zuozuo theme
Version: 2.7
Author: carrien(at)yahoo.cn, Carrien
Author URI: http://byzuo.com/
Tags: gray, simple header, fixed width, two columns, widgets
*/

/* Reset */
* { margin:0; padding:0; }
body { padding:8px 0; background:#1B1F23; color:#333; font:12px/1.5em Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a { color:#333; background:url(images/dotline.gif) repeat-x 50% 100%; text-decoration:none; }
	a:hover { border-bottom:1px solid #555; background:none; }
img { border:none; }
input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; }

/* Clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/*\*/ .clearfix {display:block;} /**/

/* Common */
.hidden { display:none; }
.input_sub { height:22px; overflow:hidden; border:1px solid #C1C0B5; border-bottom:2px solid #C1C0B5; line-height:19px; vertical-align:middle; }
.input_tx { padding:3px 2px 2px; border:1px solid #C1C0B5; vertical-align:middle; line-height:15px; color:#999; }

/* Pagebody */
#pagebody { width:980px; overflow:hidden; margin:0 auto; padding:20px 0; background:#FFF; }

/* Header */
#header { width:980px; overflow:hidden; margin:0 auto; border-bottom:6px solid #CCC; background:#FFF; }
	#header h1 { float:left; }
		#header h1 a { display:block; width:200px; height:60px; overflow:hidden; margin:3px; border:none; background:url(images/logo.gif) no-repeat; line-height:999px; }
	#header ul { display:inline; float:right; margin:44px 3px 0 0; }
		#header ul li { float:left; margin:0 4px; list-style:none; }
		#header ul li a { color:#777; }
		#header ul li a:hover { border-bottom-color:#777; }

/* Mainbody */
#mainbody { display:inline; float:left; width:660px; overflow:hidden; margin:0 0 0 20px; }
	.pagetitle { font-size:16px; margin-bottom:12px; }
	.post { width:100%; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #DDD; }
		.post_caption { width:100%; margin-bottom:8px; }
			.post_caption h2 { margin-bottom:2px; font-size:14px; }
			.post_caption h2 a { background:none; }
			.post_caption h2 a:hover { border:none; }
			.post_caption p, .post_caption p a { color:#777; font-weight:400; }
			.post_caption em { margin-right:6px; font-style:normal; }
		.entry { font-size:14px; line-height:23px; }
			.entry p { margin:0 0 12px; }
			.entry p strong { font-weight:700; }
			.entry ol, .entry ul {  margin:0 0 12px; padding:0 0 0 2em; }
				.entry ol {  list-style:decimal; }
				.entry ul { list-style:disc; }
			.entry blockquote { width:89%; overflow:hidden; margin:0 0 12px 12px; padding:9px 15px 0 15px; background:#F8F8F8; border-left:5px solid #CCC; color:#777; font-size:0.9em; line-height:21px;  }
			.entry code { display:block; margin-bottom:12px; }
			.entry .code_style { width:98%; height:180px; margin:0 0 4px; padding-left:5px; background:#FFF; border:1px solid #CCC; border-bottom-width:2px; color:#777; font-size:12px; font-family:Tahoma,Verdana,sans-serif; line-height:1.3em; }
			.entry .input_sub { width:80px; }
		.metadata { width:100%; padding:0 0 4px; color:#777; text-align:right; }
			.metadata a { color:#777; }
		.article_ext { padding:3px 0 3px 7px; background:#F3F3F3; color:#777; font-size:12px; }
			.article_ext a { color:#777; }
		.linkcat { width:100%; overflow:hidden; margin-bottom:20px; }
			.linkcat h2 { margin-bottom:8px; font-size:14px; }
			.linkcat li { display:inline; float:left; margin:0 20px 4px 0; white-space:nowrap; }
	.archives { width:100%; overflow:hidden; margin-bottom:20px; }
		.archives h2 { margin-bottom:5px; font-size:14px; }
		.archives li { float:left; width:130px; margin:0 0 4px; list-style:none; }
		.tag_list a { margin:0 20px 0 0; white-space:nowrap; line-height:20px; }
	.page404 { height:500px; background:url(images/404.gif) no-repeat 80px 80px; }
		
/* Sidebar */	
#sidebar { display:inline; float:right; width:230px; overflow:hidden; margin:0 20px 0 0; }
	#sidebar ul li { padding:0 0 15px; list-style:none; }
	#sidebar ul li h3 { margin-bottom:5px; padding:0 0 3px; border-bottom:1px solid #DDD;  }
			#sidebar ul li ul { }
			#sidebar ul li ul li { margin-bottom:3px; padding:0; }
	#search-2 { width:100%; overflow:hidden; margin-top:10px; border-top:1px solid #DDD;}
		#search-2 form { margin-top:5px; }
		#search-2 .input_tx { width:162px; }
		#search-2 .input_sub { width:40px; }	
	#flickrrss ul { width:100%; overflow:hidden; }
		#flickrrss h3 { background:url(images/flickr.png) no-repeat 0 1px; text-indent:20px; }
		#flickrrss ul li { display:inline; float:left; width:57px; height:57px; overflow:hidden; margin-bottom:0!important; }
		#flickrrss ul li a { display:block; width:52px; height:52px; padding:1px; border:1px solid #FFF !important; background-position:9999px 9999px!important; opacity:0.5; filter:alpha(opacity=50); }
		#flickrrss ul li a:hover { border-color:#666!important; opacity:1; filter:alpha(opacity=100); }
		#flickrrss ul li img { width:52px; height:52px; }
	#twitter {}
		#twitter h3 { background:url(images/twitter.png) no-repeat 0 1px; text-indent:15px; }
		#twitter a { color:#2FC2EF; }
	#readerpublishermodule0 {}
		#readerpublishermodule0 h3 { background:url(images/reader.png) no-repeat 0 2px; text-indent:19px; }

/* Comments */
#comments { width:550px; padding:5px 0; border-top:3px solid #DDD; background:#EBEAEA; font-size:14px; text-indent:8px; }
.commentlist { width:550px; margin-bottom:12px; }
	.commentlist li { position:relative; width:492px; margin-bottom:12px; padding:5px 50px 6px 8px; background:#FFF; }
	.commentlist .avatar { position:absolute; top:7px; right:7px; border:2px solid #EEE; }
		.odd .avatar { border-color:#FFF; }
	.commentlist p { margin-top:3px; }
	.commentlist cite { margin:0; font-style:normal; }
	.commentlist em { font-style:normal; }
	.commentmetadata { padding-bottom:6px; color:#777; font-size:0.8em; }
	.odd { background:#F3F3F3!important; }
	.commentmeta { padding:0 0 5px; font-size:10px; color:#999; text-indent:0; }
#leave_reply { margin-bottom:4px; }
#commentform { }
	#commentform p { margin:0 0 5px; padding:0; line-height:12px; text-indent:0; }
		#commentform p input { width:130px; padding:2px; border:1px solid #C1C0B5; color:#333; line-height:15px; }
		#commentform p input:hover, #commentform p input:focus, #commentform p textarea:hover, #commentform p textarea:focus { background:#FFFFE7;} 
		#commentform p label { margin-left:4px; }
		#commentform p textarea { width:380px; height:100px; padding:2px; border:1px solid #C1C0B5; color:#333; line-height:15px; }
		#commentform .input_sub { width:80px; border-bottom-width:2px; }
		#commentform .input_sub:hover, #commentform .input_sub:focus { background:#ECE9D8; }

/* Footer */	
#footer { position:relative; width:980px; overflow:hidden; margin:0 auto; padding:6px 0; border-top:6px solid #CCC; background:#FFF; color:#777; text-align:right; }
	#footer p { padding-right:12px; font-size:11px; }
	#footer p a { color:#777; }

/* Pages */
.pages_btn { margin:0 0 20px; color:#666; line-height:19px; font-family:Verdana,Arial,Helvetica,sans-serif; }
	.pages_btn a, .pages_btn .current { margin-right:3px; padding:3px 6px; border:1px solid #DDD; color:#666; background:none; }
	.pages_btn a:hover { border:1px solid #777; }
	.pages_btn .current { border-color:#DDD; background:#F0F0F0; font-weight:700; }
	.pages_btn .extend { margin-right:3px; }