#page_blog_index #tag {display:none;}
/*20090909 ===========blog css update*/
/*====================================================================================================*/
/*部落格搜尋*/
#search{
	min-height : 50px;
	height:auto !important;
    height:50px;
	position:relative;
	margin:0 0 10px 0;
}

#search form fieldset {
	padding:5px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#searchform #class{
	width:150px;
}

#search legend  {
	color:#ffae00;
	font-size:1em;
	font-weight:normal;
}

#search label {
	vertical-align:baseline;
	padding:0 3px 0 0;color:#272727;
}
#search input {
	border:1px solid #cecdcd;
	background:none;
	width:150px;
	height:18px;
	padding:0;margin:0;
}

#search #searchsubmit {
	padding:0;
	border:1px solid #c8c7c7;
	background:#eee;
	font-size:0.9em;
	width:50px;
	height:20px;
}


/*====================================================================================================*/
/*搜尋之使用者姓名*/
.user_name {
	width:320px;
	position : absolute;
	top:35px;
	left:65%;	
}
html>body .user_name {top:30px;}
*+html>body .user_name {top:35px;}

.user_name .col{
	width:auto;margin:2px 5px 0 0;
}
html>body .user_name .col{margin:0px 5px 0 0;}
*+html>body .user_name .col {margin:2px 5px 0 0;}

.col_r{ 
	width:auto;
}

.user_name li {
	list-style:none;
	list-style-image:none;
	display:inline;
	float:left;
	margin-right:2px;
	color:#272727;

}

.user_name input {
	background:none;
}

.user_name  #keyname {
	width:120px;margin:-3px 0 0 0;padding:0;
}



/*====================================================================================================*/
/*blog所有關於標題大小的設定*/

h3{
	color:#333;
	border:0;
	padding:4px 0 4px 24px;
	width:auto;
	margin:0 0 5px 0;
	background:url(../cssimg2/h2_bg.gif) left bottom no-repeat;
}

h4{
	color:#147;border:0;padding:4px 4px 4px 10px;margin:0;background:none;
}

h4 a:link,h4 a:visited{
	color:#78776c;font-size:0.95em;padding:0;margin:0;
}

h5 {
	font-size:1em;background:url(../cssimg/h5.gif) top left no-repeat;
	padding:0 0 0 10px;margin:5px 0;
}

h5 a:link,h5 a:visited{
	color:#7fbd1a;
}


/*====================================================================================================*/
/*左右分配*/
#blog_left{
	float:left;
	width:44%;
	clear:both;
}
#blog_right{
	float:right;
	width:52%;
}


/*====================================================================================================*/
/*文字樣式設定*/
.list_name{
	padding:0 0 3px 0;margin:0 0 3px 0;
}

#top a:link,#top a:visited{font-weight:bold;}


/*====================================================================================================*/
/*部落格敘述*/
.list_desc{
	color:#7fbd1a;
	font-size:0.85em;
	margin:2px 0;
	line-height:1.6em;
}
html>body .list_desc{font-size:0.9em;}
*+html>body .list_desc{font-size:0.85em;}


/*====================================================================================================*/
/*測試隨機blog*/
#randblog{
	margin:0 0 10px 0;
	padding:5px 10px 10px 10px;
	min-height : 50px;
	height:auto !important;
    height:50px;background:#eee;
}
#randblog:after{
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#randblog h3 {
	font-size:1.2em;
	color:#333;
	padding:2px 0 5px 24px;
	margin:0;
	background:url(../cssimg2/h2_bg.gif) left bottom no-repeat;

}
.left_pic{
	float:left;
	clear:both;
	width:100px;
	margin:0 0 0 5px;
	padding:0;
}
html>body .left_pic{margin:0 0 0 10px;}

.left_pic a img{
	padding:3px;margin:12px 0 0 0;
}

#randblog ul.list {
	float:right;
	width:170px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;

}
.list {
	float:right;
	width:170px;
	margin:10px 0 0 0;
	padding:0;

}
.blogalbum{
	background:#fff;margin:0 0 5px 0;
	min-height :100px;
	height:auto !important;
    height:100px;
}
.blogalbum:after{
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#randblog ul{
	margin:0;
	padding:0;
}
#randblog ul li{
	list-style:none;
	list-style-image:none;
}


/*====================================================================================================*/
/*人氣blog一覽*/
#hotblogs {
	margin:0;
	padding:5px 10px 10px 10px;
	min-height : 50px;
	height:auto !important;
    height:50px;
	background:#eee;
}
#hotblogs:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#hotblogs h3{
	font-size:1.2em;
	color:#333;
	margin:0;
	padding:2px 0 5px 24px;
	background:url(../cssimg2/h2_bg.gif) left bottom no-repeat;
}
#hotblogs ul li{
	list-style-image:none;
	list-style:none;
}

#hotblogs ul.list {
	float:right;
	width:170px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;

}
.list {
	float:right;
	width:170px;
	margin:10px 0 0 0;
	padding:0;

}


/*====================================================================================================*/
/*隨機測試文章*/

#randarticle {
	min-height:180px;
	height:auto !important;
	height:180px;
	margin-bottom:10px;
	border:6px solid #eee;
	padding:5px 0 0 10px;
}
#randarticle:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#randarticle ul {
	padding:0 0 10px 0;
	margin:0 15px 10px 0;
	background:url(../cssimg2/hotblogs_bg.gif) left bottom repeat-x;
}
#randarticle ul li{
	list-style:none;
	list-style-image:none;
	margin:0 0 3px 10px;
}
#randarticle h3{
	color:#333;
	padding:5px 0 5px 24px;
	font-size:1.2em;
	background:url(../cssimg2/h2_bg.gif) left bottom no-repeat;
}
#randarticle h3 a:link,#randarticle h3 a:visited{color:#333;}


/*====================================================================================================*/
/*最新文章一覽*/
#newarticle{
	min-height:180px;
	height:auto !important;
	height:180px;
	padding:5px 0 0 10px;
	margin-bottom:10px;
	border:6px solid #eee;
}
#newarticle:after{
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#newarticle .articletype{
	min-height : 140px;
	height:auto !important;
    height:140px;	
}
#newarticle .articletype2{
}
#newarticle .articletype3{
	padding:5px 0 30px 0;
}
#newarticle ul {
	padding:0 0 10px 0;
	margin:0 15px 10px 0;
	background:url(../cssimg2/hotblogs_bg.gif) left bottom repeat-x;
}
#newarticle ul li{
	list-style:none;
	list-style-image:none;
	margin:0 0 3px 10px;
}

#newarticle h3{
	font-size:1.2em;
	color:#333;
	padding:5px 0 5px 24px;
	background:url(../cssimg2/h2_bg.gif) left bottom no-repeat;
}
#newarticle h3 a:link,#newarticle h3 a:visited{color:#333;}


.more{float:right;clear:both;padding:0 5px 0 0;}


/*====================================================================================================*/
/*BLOGS總覽畫面*/
#allblogs {border:0px solid #eee;margin:0;}
#allblogs ul li{list-style-image:none;list-style:none;margin:2px 5px 2px 5px;padding:1px 3px 1px 3px;text-align:left;}
#allblogs .clear{display:none;}
#allblogs{
	min-height:220px;
	height:auto !important;
	height:220px;
	padding:0 10px 10px 10px;
}
#allblogs:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#allblogs .blogalbum{
	float:left;width:47%;border:6px solid #eee;margin:5px 5px 0 0;
	min-height:150px;
	height:auto !important;
	height:150px;
}

#allblogs .blogalbum:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#allblogs h3{
	font-size:1.2em;
	color:#333;
	margin:5px 0 0 0;
	padding:5px 0 5px 24px;
}
#allblogs img{
	margin:0 0 0 5px;
	padding:0;

}
#allblogs .left_pic{
	clear:both;
	width:100px;
	clear:both;
	padding:3px;
	margin:10px 0 5px 5px;
}
#allblogs ul.list {
	float:right;
	width:210px;
	margin:10px 0 0 0;
	padding:0;	
}


/*====================================================================================================*/
/*文章總覽畫面*/
#allarticles {
	border:0px solid #eee;margin:0 auto;
}
#allarticles .articletype ul li{
	list-style-image:none;list-style:none;
}
#allarticles .articletype ul{
	border-bottom:0px dotted #ccc;margin:3px 0 10px 0;padding:5px 0;color:#666;
	background:url(../cssimg2/hotblogs_bg.gif) left bottom repeat-x;
}
#allarticles h4{
	color: #7fbd1a;border:0;padding:0;margin:0;background:none;
	font-size:1em;
}
#allarticles h4 a:link,#allarticles h4 a:visited{
	color: #7fbd1a;
}
ul .articlelist{
	padding:0 0 0 20px;
}


/*====================================================================================================*/