/*
※ 此樣式為無名小站blog 「二欄式置中型主選單靠右」 基本範本，使用者可自行更改範本
※ boxSlideShow的顯示可能導致使用者的side Bar被擠到網誌下方
※ 若要調整blog寬度，要修改的地方為： 1. container1的width  2. content的width  3. links的width 
※ CSS design by htcmi
*/

.blogbody a{color:#888 ;}


/* General Set
-----------------------------------------*/
html, #text { 
scrollbar-face-color:#eee;
scrollbar-track-color:#eee;
scrollbar-3dlight-color:#eee;
scrollbar-darkshadow-Color:#eee;
scrollbar-arrow-color:#444;
scrollbar-shadow-color:#444;
scrollbar-highlight-color:#444;
}

body {      width:850px;
	position:relative;
	margin:0 auto;
	font:12px arial;
}

a {
	text-decoration:none;
}

a,h1,h3,input{
font:12px arial;
}

/* container
-----------------------------------------*/
#container1 {
	width:820px;
	background:#0ea680;
	margin:0 auto;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
	width:800px;
	height:410px;
	margin-left:10px;
	background:url(http://l.yimg.com/e/style/5/528/banner.jpg) top no-repeat;
}

a{color:#ffffff;}
#pageheader {} /* banner第二層，實質上只設定#banner即可 */
#pageheader h1 a {
display:inline;
padding:60;
position:static;
font-size:12px;
font-weight:normal;

} /* 主標題(網誌名稱) */
#pageheader .description {
	font-size:14px;
	width:228px;
	position:absolute;
	top:40px;
	left:60px;



} /* 網誌目前動態描述 */
#pageheader #description2 .description { /* 網誌個人描述列 */
	top:430px;
	width:600px;
	
}
/* main
-----------------------------------------*/
#main2 {} /* 包含content、links */

/* content
-----------------------------------------*/
#content {
	width:530px;
	float:left;
	padding-left:5px;
padding-right:50px; 
}
.date {
	padding-left:50px;
	margin-top:65px;
}
.datediv {} /* 第二層date */
.blogbody { /* 包含 .articletext  .posted  .total-comments-div */
	border: 1px solid #333;
	padding: 10px;
	margin-bottom: 15px;

}
.blogbody2 {
	margin-bottom:30px;
	background:url(http://l.yimg.com/e/style/5/528/blogbody2.jpg) no-repeat left bottom 	#e5eff1;
padding-right:50px ;

} /*第二層blogbody*/
.articletext {} /*包含 .title  .extended  .innertext  .extended  */
.articletext .title {
	height:79px;
	font:16px arial;
	font-weight:bold;
	padding-left:150px;
	padding-top:20px;
	background:url(http://l.yimg.com/e/style/5/528/blogbody1.jpg) no-repeat;

}
.articletext .innertext {
	padding-left:50px;
	overflow:auto;
}
.articletext .extended {
	letter-spacing: 1px;
	padding-top: 15px;
	padding-right:20px;
	text-align: right;

}
.posted {
	padding-left:150px;
	padding-top:8px;
	letter-spacing: 1px;

}


/* comments
-----------------------------------------*/
.total-comments-div {
	padding:20px;
	padding-left:60px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head { /* 引用列的title */
	margin-top:40px;
}
.total-comments-div .comments-head { /* 回應列的title */
	border: 1px solid #aaa; padding: 7px;
}
.total-comments-div .comments-bottom .comments-head { /* 編寫回應列的title */
	border: 1px solid #aaa; padding: 7px;
	margin-top: 10px;
}
.total-comments-div .comments-body { /* 回應區的留言區塊 */
	border-bottom: 1px dotted #888;
}
.total-comments-div .comments-body .comments-post { /* 回應者資訊 */
	text-align: right;
	color: #aaa;
}
.total-comments-div .comments-body form { /* 編寫回應欄 */
}
.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {}
#url {}
#text {width: 300px;}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {} /* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
	width:232px;
	float:right;
	background-color:#0ea680;
}
#links2 {} /* 第二層links */
.sidetitle { /* 每個blog的標題列 */
	padding-left: 10px;
	height:22px;
	text-indent:-5000px;
}
.side { /* 每個block的內容 */
	width:193px;
	padding:4px;
	padding-left:15px;
	padding-bottom:15px;
}

/* links 選單進階設定
-----------------------------------------*/
.calendar {} /* 行事曆 */

#boxProfile {} /* xxxxxx的地盤 */
#boxProfile .boxProfile0 {}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {}
#boxProfile .boxProfile1 .side .boxProfileImg {}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink {} /* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
#boxProfile .boxProfile1 .side  select {} /* 好友名單 */

#boxSlideShow {} /* 播放中的相簿 */
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {
	background:url(http://l.yimg.com/e/style/5/528/show.jpg);
	height:65px;
	width:160px;
}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}

#boxNewArticle {} /* 最新的文章 */
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {
	background:url(http://l.yimg.com/e/style/5/528/article.jpg);
	height:65px;
	width:160px;
}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory {
} 
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle{
	background:url(http://l.yimg.com/e/style/5/528/category.jpg);
	height:65px;
	width:160px;
}


#boxRssList .boxRssList0 .sidetitle{
	background:url('http://l.yimg.com/e/style/5/528/rss.jpg') no-repeat left top ;
	height:65px;
	width:160px;
}


#boxNewTrackback .boxNewTrackback0 .sidetitle{
	background:url('http://l.yimg.com/e/style/5/528/subs.jpg') no-repeat left top ;
	height:65px;
	width:160px;
}






#boxDate {} /* 文章彙集 */
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {
	background:url(http://l.yimg.com/e/style/5/528/date.jpg);
	height:65px;
	width:160px;
}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {} /* 搜尋這個網誌的文章 */
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {
	background:url(http://l.yimg.com/e/style/5/528/search0.jpg);
	height:65px;
	width:160px;
}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}

#scupioSearch {} /* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {
	background:url(http://l.yimg.com/e/style/5/528/search.jpg);
	height:65px;
	width:160px;
}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {} /* 最新的回應 */
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {
	background:url(http://l.yimg.com/e/style/5/528/comment.jpg);
	height:65px;
	width:160px;
}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {}

#boxFolder {} /* 自訂資料夾 */
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {
	background:url(http://l.yimg.com/e/style/5/528/folder.jpg);
	height:65px;
	width:160px;
}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {}

#boxCounter {} /* 參觀人氣統計 */
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {}

.syndicate {padding: 10px;} /*RSS*/

/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/
.powered {padding: 10px;}
.total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */

/* footer
-----------------------------------------*/
#footer {clear:both;}


/*colorize
________________________________________*/

body{color:#2e5e7a;background:#2a777d;}

.innertext,#links{color:#2e5e7a;}
.extended a,.posted a,.comments-post a{color: #999999;}
.extended a:hover,.posted a:hover{color:#c95a73;}
.comments-post,.posted{color:#7eafcd;}
.comments-linkcontrol a{color:#FF3366;}
.comments-linkcontrol a:hover{color:#33CC33;}
.articletext .title {color:#339999}
.date{color:#ffffff;}