@charset "utf-8";
/*◆euc-jp, shift_jis ??、?使用?文字????書?換??????◆*/
/*
???消????下??
Title: graychart
Author: ????
Access: http://www.sucharaka.jp/
CSSLicense: 【?????素材集】
*/

/*◆背景色設定◆*/
	body {
		margin:0px 0px 10px 0px ;
		color: #FFFFFF;
		background: #E5EDF7;
		background-image: url

("http://republicmedia.org/images/grey.gif");
		}

/* ◆連結文字設定◆ */
/* 	a:link		{ color: #4C399C; text-decoration: none; background: 

none;} */
/* 	a:visited	{ color: #4C399C; text-decoration: none; background: 

none;} */
/* 	a:active	{ color: #FD6523; background: none;} */
/* 	a:hover		{ color: #FD6523; text-decoration: underline;} */

	a:link		{ color: #0000CC; text-decoration: none; background: 

none;}
	a:visited	{ color: #9900FF; text-decoration: none; background: 

none;}
	a:active	{ color: #FF0000; background: none;}
	a:hover		{ color: #FF0000; text-decoration: underline;}

	a.x:link	{ color: #A0C2EC; text-decoration: none; background: 

none;}
	a.x:visited	{ color: #A0C2EC; text-decoration: none; background: 

none;}
	a.x:active	{ color: #FFFFFF; text-decoration: none; background: 

none;}
	a.x:hover	{ color: #FFFFFF; text-decoration: none;}

/*◆標題、內文設定：h1???????、h2???本文?日付、h3???????????設定◆*/
	h1{
		margin: 0px;
		padding: 0px;
		}
		
	h2{
		margin: 0px;
		padding: 0px;
		}

	h3 {
		margin: 0px;
		padding: 0px;
		}

/*◆上方banner背景顏色與字體◆ */
#banner {
	color:#ffffff;
/*	background: #4C399C; */
	background: #443399;
	background-image: url("http://www.ability21.com/blog/img/grey.gif");
	font-size: 32px;
	font-family: arial, Comic Sans MS, 細明體, 新細明體;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 29px;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	position: relative; z-index: 1;
	}

/* ◆上方banner文字連結◆ */
#banner a:link  {font-size: 32px; line-height: 40px;font-family: arial,細明

體;color: #A2C6F7; text-decoration: none; background: none;}

#banner a:visited{font-size: 32px; line-height: 40px;font-family: arial,細明體

;color: #A2C6F7; text-decoration: none; background: none;}

#banner a:active,

#banner a:hover {font-size: 32px;line-height: 40px;font-family: arial,細明

體;color: #FFFFFF; text-decoration: none; background: none;}

/* ◆網誌說明文字◆ */
	.description {
		color: #ffffff;
		background: none;
		font-size: 15px;
		font-family: arial,細明體,新細明體;
		line-height: 18px;
		text-transform: none;
		padding-right: 180px;
		}

/* ◆所有文章列表最大框◆ */
	#content {
		background: #E5EDF7;
		background-image: url

("http://www.ability21.com/blog/img/grey.gif");
		margin-left : 50px ;
		border: 4px solid  #4433CC;
		padding-right: 100px;
		margin-right: 150px;
		}

/*◆????????大段落（??????以外）不知是啥◆*/
	#container {
/*		background: #cccccc;*/
		background: #660066;
		margin-left : 150px ;
		border: 5px solid  #333333;
		padding-left: 100px;
		margin-right: 50px;
		}

/* ◆blockquote設定◆ */
	blockquote {
		color: #00497c;
/*		background: #ffffff; */
		background: #E5EDF7;
		background-image: url

("http://www.ability21.com/blog/img/grey.gif");
		margin: 5px 30px 5px 30px;
		font-size:15px;
		font-family: Comic Sans MS, arial, 細明體, 新細明體;
		font-weight: normal;
		line-height: 21px;
		padding: 10px; 
		border: 2px solid #00497c;
		width: auto 
		}

	/* <blockquote></blockquote> */

/*◆quotetitle設定◆*/
	.quotetitle{
		font-size:medium;
		font-family: arial,細明體,新細明體;
		font-weight: normal;
		border-bottom: 1px solid #666666; 
		padding: 3px;
		}

/* ◆主框　文章日期、背景顏色◆ */
	.date	{ 
		font-size: medium;
		font-family: arial, Comic Sans MS, 細明體, 新細明體;
		color: #FFFFFF;
		background: #99BBCC;
		background-position: left; 
		background-repeat: no-repeat;
		background-image: url

("http://www.ability21.com/blog/img/grey.gif");
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: bold;
		margin-right: 10px;
		margin-left: 10px;
		}

/* ◆?????????設定　文章BAR類別區塊◆ */
	.category {
		color: #990000;
		background: none;
		font-size: 15px;
		font-family: arial,細明體,新細明體;
		font-weight: bold;
		text-align: right;
		margin-right: 10px;
		}

/* 	.category a:link {color: #333333;text-decoration: none; background: 

none;} */
/* 	.category a:visited {color: #9900FF;text-decoration: none; background: 

none;} */
/* 	.category a:active {color: #FF8844;text-decoration: none; background: 

none;} */
/* 	.category a:hover {color: #FF0000;text-decoration: underline; 

background: #b27500;} */

/* ◆????????段落　文章各區塊(外層)◆ */
	.blog {
		padding-right: 5px;
		padding-left: 5px;
		margin-top: 15px;
		font-size: small;
		font-family: arial,細明體,新細明體;
		font-weight: normal;
		color: #443399;
		background: none;
		}

/* 	.blog a:link {color: #443399;text-decoration: none; background: none;} 

*/
/* 	.blog a:visited {color: #443399;text-decoration: none; background: 

none;} */
/* 	.blog a:active {color: #FD6523;text-decoration: none; background: 

none;} */
/* 	.blog a:hover {color: #FD6523;text-decoration: none; background: 

none;} */

/* ◆文章各區塊(內層)◆ */
	.blogbody {
		background: #ffffff;
		color: #333333;
		font-size: 15px;
		font-family: arial, 細明體, 新細明體;
		padding: 15px;
		line-height: 21px;
		margin-bottom: 15px;
		margin-left: 10px;
		margin-right: 10px;
		width : auto;
	/* 文章邊框配合文章日期區的背景顏色 */
	/* 		border-right: 2px solid #A0C2EC; */
 		border-right: 3px solid #99BBCC;
		border-bottom: 3px solid #99BBCC;
		}

/* ◆各??????文字????色 文章各區塊-連結文字◆ */
/* 	.blogbody a:link{color: #443399;text-decoration: none; background: 

none;} */
/* 	.blogbody a:visited{color: #443399;text-decoration: none; background: 

none;} */
/* 	.blogbody a:active{color: #FD6523;text-decoration: none; background: 

none;} */
/* 	.blogbody a:hover  {color: #FD6523;text-decoration: underline; 

background-color: #none;} */

/* ◆文章標題與標題下虛線◆ */
	.title	{
		font-size: 18px;
		line-height: 22px;
		color: #443399;
		background: none;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 0px;
		border-top: 1px dotted #A0C2EC;
		border-bottom: 1px dotted #A0C2EC;
		margin-bottom: 2px;
		}

/* ●測試　主框　類別標題● */
	.main_cat {
		font-size: 18px;
		font-family: arial, Comic Sans MS, 細明體, 新細明體;
		color: #FFFFFF;
		background: #99BBCC;
		background-position: left; 
		background-repeat: no-repeat;
		background-image: url

("http://www.ability21.com/blog/img/grey.gif");
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: bold;
		margin-top: 15px;
		margin-right: 10px;
		margin-left: 10px;
		}

/* ●測試　主框　類別內容● */
	.main_cat_list {
		background: #ffffff;
		color: #333333;
		font-size: 15px;
		font-family: arial,細明體,新細明體;
		padding: 15px;
		line-height: 21px;
		margin-bottom: 15px;
		margin-left: 10px;
		margin-right: 10px;
		width : auto;
	/* 文章邊框配合文章日期區的背景顏色 */
	/* 		border-right: 2px solid #A0C2EC; */
 		border-right: 3px solid #99BBCC;
		border-bottom: 3px solid #99BBCC;
		}

/* ●主框　依類別排列　個別文章加框● */
	.main_cat_article {
		color:#333333;
		background: #FFFFFF;
		font-size: 15px;
		font-family: arial,細明體,新細明體;
		font-weight: normal;
		line-height: 21px;
		padding: 5px;
		margin-bottom: 5px;
		width : auto;
		border: 1px solid #443399;
		}

/* ●主框　依日期排列　個別文章不加框● */
	.main_date_article {
		color:#333333;
		background: #FFFFFF;
		font-size: 15px;
		font-family: arial, 細明體, 新細明體;
		font-weight: normal;
		line-height: 21px;
		padding: 5px;
		margin-bottom: 5px;
		width : auto;
/* 		border: 1px solid #443399; */
		}

/* ●Individual Entry Archive　主框　前一則後一則● */
	.prev_next {
		background: #E5EDF7;
		background-image: url

("http://www.ability21.com/blog/img/grey.gif");
		color: #333333;
		font-size: 15px;
		font-family: arial,細明體,新細明體;
		padding-right: 5px;
		padding-left: 5px;
/*		line-height: 21px;
/*		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		width : auto ;
	/* 文章邊框配合文章日期區的背景顏色 */
/* 		border: 3px solid #99BBCC; */
		}

/*◆???移動????設定◆*/
	#menu {
		font-size: small;
		font-family: arial,細明體,新細明體;
		margin-bottom:15px;
		text-align:center;
		padding-top: 5px;
		}

/* ◆「????????」?行◆ */
	.extended { 
		font-family: arial, Comic Sans MS, 細明體, 新細明體;
		font-weight:normal;
		padding: 3px;
		}

/* ◆右方目錄區基本設定◆ */
	#links {
		position: absolute;
		top: 210px;
		width: 200px;
		right: 50px;
		}

/* ●劉一賜圖片設定● */
	#lewis {
		margin-top: 10px;
		margin-bottom: 10px;
		}

/*◆月曆表頭◆*/
.calendarhead {
	font-size: 15px;
	font-family: arial, Comic Sans MS, 細明體, 新細明體;
	font-weight: normal;
	color: #443399;
	padding: 5px;
	background: #A0C2EC;
	text-align: center;
}

/*◆月曆文字◆*/
.calendar {
	font-size: 12px;
	font-family: arial, Comic Sans MS, 細明體, 新細明體;
	font-weight: normal;
	color: #cb0f0f;
	background: none;
	background: #FFFFFF;
}

/*◆右邊目錄block　內容設定◆*/
	.side {
		color:#333333;
		background: #FFFFFF;
		font-size:15px;
		font-family: arial, 細明體, 新細明體;
		font-weight:normal;
		line-height:21px;
		padding:5px;
/*		border: 2px solid #443399; */
 		border-left: 2px solid #443399;
 		border-right: 2px solid #443399;
		border-bottom: 2px solid #443399;
		}

/*◆右邊目錄block　標題設定◆*/
	.sidetitle {
		color:#443399;
		font-size:15px;
		font-family: arial, 細明體, 新細明體;
		font-weight:bold;
/*		font-weight:normal; */
		margin-top:7px;
		background:#A0C2EC;
		line-height:140%;
		padding:3px;
		text-align:center;
		border: 2px solid  #443399;
		}

/*◆rss(xml)設定◆*/
	.syndicate {
		color:#333333;
		background: #FFFFFF;
		font-size:12px;
		font-family: arial, 細明體, 新細明體;
		line-height:15px;
		padding:2px;
		margin-top:15px;
		text-align:center;
		border: 2px solid  #443399;
		}

/*◆powered?設定◆*/
	.powered {
		color:#333333;
		background: #FFFFFF;
		font-size:medium;
		font-family: arial, 細明體, 新細明體;
		line-height:140%;
		padding:2px;
		margin-top:20px;
		text-align:center;
		border: 2px solid  #443399;
		}

/*◆??????設定◆*/
	.comments-body {
		color:#333333;
		font-size:small;
		font-family: arial, 細明體, 新細明體;
		font-weight:normal;
		background:#ffffff;
	/*??太??色????*/
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
		border-top: 1px solid #333333;
	/*??太??色????*/
		padding:10px;
		margin:0px 25px;
		line-height:150%;
		width : auto ;
		}

/* ◆????投稿者◆ */
	.comments-post {
		color:#333333;
		background: none;
		font-size:small;
		font-family: arial, 細明體, 新細明體;
		font-weight:normal;
		}

/* ◆「????」「???????」?見出?◆ */
	.comments-head	{
		font-size:small;
		font-family: arial, 細明體, 新細明體;
		color: #ffffff;
		background: #999999;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url

("http://www.ability21.com/blog/img/grey.gif");
		padding-left:40px;
		padding-top:10px;
		padding-bottom:10px;
		font-weight:bold;
		width : auto ;
		margin:25px;
		margin-bottom:20px;
		}

/* ◆投稿者名、?????書???欄?文字化?防止◆ */
input {
font-family: arial, 細明體, 新細明體;
}

textarea {
font-family: arial, 細明體, 新細明體;
}

/*◆????小??設定◆*/
	.commentpop-body {
		color:#333333;
		font-size:small;
		font-family: arial,細明體,新細明體;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding:10px;
		border:1px solid #333333;
		}

/* ◆????小??見出?◆ */
	.commentspop-head	{
		font-size:small;
		font-family: arial,細明體,新細明體;
		color: #ffffff;
		background: #999999;
		font-weight:bold;
		padding:10px;
		margin-top: 8px;
		margin-bottom: 8px;
		}

/*◆???????url ?設定◆*/
	.trackback-url {
		font-size:small; 
		font-family: arial,細明體,新細明體;
		font-weight:bold;
		color: #333333;
		background:#ffffff;
		border: 2px solid #333333;
		padding:10px;
		margin-top:10px;
		}

/*◆???????小??設定◆*/
	.trackback-body {
		color:#333333;
		font-size:small;
		font-family: arial,細明體,新細明體;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding-bottom:10px;
		border-bottom:1px dotted #333333;
		}

/*◆???????小??概要??設定◆*/
	.trackback-post {
		color:#333333;
		font-size:x-small;
		font-family: arial,細明體,新細明體;
		font-weight:normal;
		background:#ffffff;
		}

/*◆???????、????小??????設定◆*/
	#banner-commentspop {
		color:#ffffff;
		background: #666666;
		background-image: url

("http://www.ability21.com/blog/img/grey.gif");
		font-size:large;
		font-family: arial,細明體,新細明體;
		font-weight:bold;
		border: 2px solid #333333;
		padding:10px;
		}

/* ●掛曆顯示日期　距右方絕對位置● */
	#right-280 {
		position: absolute;
		right: 200px;
		}

/* ●掛曆顯示日期　底圖● */
.datetab
{

	width: 80px;

	height: 111px;

	padding: 0px;

	margin: 0px 0px 0px 0px;

	background-image: url(http://republicmedia.org/images/dtab.gif);

	background-repeat: no-repeat;

}



/* ●掛曆顯示日期　年月● */
.moyr
{

	font-family:  Comic Sans MS,verdana, geneva, arial, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	margin: 0 0 0 0;

	padding: 5px 0 5px 8px;

/*	上右下左 */
}





/* ●掛曆顯示日期　日期● */
.day
{

	font-family: Comic Sans MS, verdana, geneva, arial, sans-serif;

	font-size: 36px;

	font-weight: bold;

	color: #003399;

	margin: 0px 0px 0px 0px;

	padding: 15px 0px 0px 8px;

}

/* ●掛曆顯示日期　星期幾● */
.dow
{

	font-family: Comic Sans MS, verdana, geneva, arial, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	font-weight: blod;

	margin: 0 0 0 0;



	padding: 10px 0 5px 8px;

}



/* ●文章內引用他人文字加框　虛線● */
	.others {
		color:#000000;
/*		background: #FFE084; */
		background: #FFFFCC;
		font-size: 15px;
		font-family: arial, 細明體, 新細明體;
		font-weight: normal;
		line-height: 21px;
		padding: 5px;
		margin: 5px 10px 10px 10px;
		width : auto;
/*		border: 1px dotted #003399; */
		border: 1px dashed #003399;
		}


/* ◆表格標題◆ */
	.table-title	{ 
		font-size: 18px;
		font-family: Verdana, 細明體, 新細明體;
		color: #FFFFFF;
		line-height: 150%;
/* 深藍		background: #000088; */
		background: #0000FF;
		background-position: left; 
		background-repeat: no-repeat;
		font-weight: bold;
		text-align: center;
		}

/* ◆表格欄位名稱◆ */
	.table-column	{ 
		font-size: 16px;
		font-family: Verdana, 細明體, 新細明體;
/* 字反白	color: #FFFFFF; */
		color: #000000;
		line-height: 150%;
/* 淺藍		background: #0000FF; */
		background: #99BBCC;
		background-position: left; 
		background-repeat: no-repeat;
		text-align: center;
		}

/* ◆表格內容◆ */
	.table-content	{ 
		font-size: 15px;
		font-family: Verdana, 細明體, 新細明體;
		color: #000000;
		line-height: 150%;
		background: #FFFFCC;
		background-position: left; 
		background-repeat: no-repeat;
		text-align: center;
		}

/* ◆表格註腳◆ */
	.table-foot	{ 
		font-size: 16px;
		font-family: Verdana, 細明體, 新細明體;
		color: #FFFFFF;
		line-height: 150%;
/* 深藍		background: #000088; */
		background: #99BBCC;
		background-position: left; 
		background-repeat: no-repeat;
		text-align: center;
		}

/* ◆外部連結，wikipedia，奇怪&#160;出不來◆ */
	.urlout {
		display: inline ! important;
		}
/* <span class='
urlout'>&#160;(<i>http://dangillmor.typepad.com</i>)</span> */