@charset "utf-8";
/*-----------------------------------------------
Name:     2009框體公司網站-BLOG-css
Designer: Tina
Date:     2010-4-13
----------------------------------------------- */


/*右邊內容區塊*/
/*主要內容*/
#blog_main
{
	width:640px;
	margin:35px 60px;
	padding:0; 
	
}
#blog_main img{ 
	max-width:570px;
}

.post{
	position:relative;
	margin-top:50px;
	margin-bottom:25px;
	height:250px;
	overflow:hidden;
}

.post_reader{
	position:relative;
	margin-top:25px;
	margin-bottom:25px;
	overflow:hidden;
}
.post_title{
	background:url(../images/blog_titlebg_braces.jpg) no-repeat 55px 0;
}
	.post_title h2{ 
		padding-left:193px;
		padding-top:19px;
		font-size:160%;
		font-weight:bold;
		color:#000;
		height:50px !important;
		height:70px;
	}
	.post_title h2 a{ 
		font-size:100%;
		font-weight:bold;
		color:#000;
		margin-left:10px;
	}
	.post_title h2 label{ 
		font-size:100%;
		font-weight:bold;
		color:#000;
		margin-left:10px;
	}
	.author_photo{ 
		position:absolute;
		top:10px;
		left:0;
	}
		.author_photo img{ 
			background:#ececec; 
			border:#ccc 1px solid; 
			padding:2px; 
			width:40px;
			height:40px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		} 
		.author_pic{ 
			background:#ececec; 
			border:#ccc 1px solid; 
			padding:1px; 
			width:35px;
			height:35px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		} 
	.meta_date{
		position:absolute;
		top:7px;
		left:80px;
	}
		span.meta_day{ 
			float:left;
			display:block;
			font-size:50px;
			line-height:105%;
			color:#999999;
		}
		span.meta_month{
			float:left;
			display:block;
			width:50px;
			font-size:100%;
			color:#999999;
			line-height:100%;
			padding-top:7px;
			
		}
	.entry{ 
		clear:both;
		margin-right:15px;
		margin-top:20px;
		z-index:1;
	}
		.entry img{ padding:2px;}
	.post_footer{ 
		clear:both;
		border-bottom:#cecece 1px solid; 
		margin-top:5px;
		text-align:left;

	}
		.post_footer .post_line{ border-right:#ccc 1px solid;margin-top:5px; padding-right:5px; margin-left:8px;float:left}
		.post_footer .post_noline{margin-top:5px; padding-right:5px; margin-left:8px;float:left}

	.post_top{ 
		clear:both;
		border-bottom:#ececec 1px solid; 
		text-align:right; 
		padding-right:30px;
	}
		.post_top .post_top_line{ border-right:#ccc 1px solid; padding-right:5px; margin-left:8px;}
		.post_top .post_top_noline{ padding-right:5px; margin-left:8px;}
		
	.post_view_footer{ 
		clear:both;
		border-bottom:#ececec 1px solid; 
		margin-top:5px;
		padding-bottom:5px;
		text-align:left;
	}
		
		
.blog_fade{
	background:url("../images/gradient.png") repeat-x scroll center bottom transparent;
	bottom:0px;
	height:36px;
	left:0px;
	position:absolute;
	z-index:10px;
	width:630px;
}
		
.viewfooter_club{ 
	position:relative;
	padding-top:15px;
}

	#post_share{
		background:url(../images/blog_ratings_bg.jpg) no-repeat right;
		color:#999;
		float:left;
		line-height:21px;
		font-size:11px;		
		padding-right:7px;
	}			
	#post_ratings{
		float:left;
		line-height:21px;
		padding-left:10px;
	}
	#post_ratings #output{
		color:#333;
		margin-left:0px;
	}
	#post_share{ 
		cursor:pointer;
		z-index:100;
	}
		#post_share img{ vertical-align:middle;}
		#post_share span{
			display:block;
			float:left;
			background:url(../images/blog_ratings_top.jpg) no-repeat left;
			color:#333;
			height:21px;
			padding-left:7px;
		}


	#share_groups{
		background:url(../images/blog_shareicon_bg.gif) no-repeat;
		filter: alpha(opacity=65,finishopacity=65,style=1);
		-moz-opacity:0.65;
		opacity: 0.65;
		position:absolute;
		left:2px;
		bottom:13px !important;
		bottom:25px;
		padding:10px;
		width:100px !important;
		display:none;
		height:100px !important;
		height:110px;
		z-index:100;
	}

		#share_groups ul{
			width:100px;
			color:#fff;



		}		
		#share_groups ul li{
		padding-left:20px;
		margin-bottom:1px;
		}	
			#share_groups ul li a{	color:#fff; 	}	
			#share_groups ul li a:hover{ color:#ccc; text-decoration:underline;	}	
		
		.icon_plurk{ background:url(../images/blog_shareicon_plurk.gif) no-repeat 0 2px;	}
		ul li.icon_facebook{ background:url(../images/blog_shareicon_facebook.gif) no-repeat 0 2px;	}
		ul li.icon_rss{	background:url(../images/blog_shareicon_rss.gif) no-repeat 0 2px;	}
		ul li.icon_mail{ background:url(../images/blog_shareicon_mail.gif) no-repeat 0 2px;	}