/******************************************
作者：kusomao
主題：灰階17F 
網址：http://www.wretch.cc/blog/kusomao 
******************************************/




/*
-----------------------------------------*/
#boxSlideShow {display: none;}

/* General Set
-----------------------------------------*/
html, #text { 
scrollbar-face-color:#898989;
scrollbar-track-color:#898989;
scrollbar-3dlight-color:#898989;
scrollbar-darkshadow-Color:#898989;
scrollbar-arrow-color:#898989;
scrollbar-shadow-color:#898989;
scrollbar-highlight-color:#898989;
}
#links
{
scrollbar-face-color:#636363;
scrollbar-track-color:#636363;
scrollbar-3dlight-color:#636363;
scrollbar-darkshadow-Color:#636363;
scrollbar-arrow-color:#444;
scrollbar-shadow-color:#444;
scrollbar-highlight-color:#444;
}
#content
{
scrollbar-face-color:#636363;
scrollbar-track-color:#636363;
scrollbar-3dlight-color:#636363;
scrollbar-darkshadow-Color:#636363;
scrollbar-arrow-color:#444;
scrollbar-shadow-color:#444;
scrollbar-highlight-color:#444;
}


body {
	font-size: .8em; /* 字體大小 */
	font-family: "Courier New"; /* 字體樣式 */
	color: #959595; /* 字體顏色 */
	background: #898989; /* 背景顏色 */
	margin: 0px;
}

a {
	color: #989898; text-decoration: none
}
a:hover {
	color: #000;
	text-decoration: none;
}

/* container
-----------------------------------------*/
#container1 {
	width: 900px;
	position: relative; /* fix IE6 bug */
	margin: 0px auto;
	border-left: 0px solid #333;
	border-right: 0px solid #333;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
	background: #ddd url(http://l.yimg.com/e/style/8/89/banner.jpg);
        position: absolute;
	right: 200px; top: 0px;
	height: 300px;width: 500px;
	border-bottom: 0px dotted #000;
}
#pageheader {} /* banner第二層，實質上只設定#banner即可 */
#pageheader h1 a {position: absolute;
	top: 285px; left: 5px;
	font-size: 12px;
	text-decoration: none;
	display: block;
        color: #fff;
        } /* 主標題(網誌名稱) */
#pageheader .description {
        position: absolute; 
        top: 265px; left: 5px;
	font-size: 12px;
        color: #fff;
} /* 網誌目前動態描述 */
#pageheader #description2 .description { /* 網誌個人描述列 */
	position: absolute; top: 280px; left: 0px;
	width: 100%;
	text-align: right;
	
}
/* main
-----------------------------------------*/
#main2 {} /* 包含content、links */

/* content
-----------------------------------------*/
#content {
	width: 500px;height: 300px;
	position: absolute; top: 300px; left: 200px;
        background: #636363;
        overflow: auto;
}
.date {
	 font-family: "Impact";
	text-align: left; 
	border-bottom: 0px solid #666;
	padding-left: 5px;
        font-size: 28px;
}
.datediv {} /* 第二層date */
.blogbody { /* 包含 .articletext  .posted  .total-comments-div */
	border: 0px solid #333;
	padding: 10px;
	margin-bottom: 15px;
        border-bottom: 2px solid #898989;

}
.blogbody2 {} /*第二層blogbody*/
.articletext {} /*包含 .title  .extended  .innertext  .extended  */
.articletext .title {margin: 0px; padding: 0px;   }
.articletext .innertext {}
.articletext .extended {text-align: right;
	font-size: 11px;
	color: #666;
}
.posted {}


/* comments
-----------------------------------------*/
.total-comments-div {
	border-top: 0px dotted #999;
	padding-top: 10px;
	margin-top: 10px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head { /* 引用列的title */
	border: 1px solid #aaa; padding: 7px;
	margin-bottom: 10px;
}
.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 { /* 編寫回應欄 */
}
#text {width: 300px;}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {
	position: absolute;
	right: 720px; top: 0px;
	background: #636363;
	border-right: 0px dotted #333;
	width: 210px;

}
#divThird2 { height: 600px; overflow: auto; } /* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
        position: absolute;
        right: -15px; top: 0px;
	width: 210px; 
	float: right;
	background: #636363;
	border-left: 0px dotted #333;

}
#links2 { height: 600px; overflow: auto;} /* 第二層links */
.sidetitle { /* 每個blog的標題列 */
	padding-left: 10px;
	background: #636363;
	color: #959595;
}
.side { /* 每個block的內容 */
	padding: 10px;
}

/* links 選單進階設定
-----------------------------------------*/
.calendar {font-size: 10px;} /* 行事曆 */

#boxProfile {} /* xxxxxx的地盤 */
#boxProfile .boxProfile0 {}
#boxProfile .boxProfile0 .sidetitle {display: none;}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {}
#boxProfile .boxProfile1 .side .boxProfileImg {display: none;}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink {} /* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
#boxProfile .boxProfile1 .side  select {display: none;} /* 好友名單 */
.boxGiftLink{display:none; } 
.boxAddFriendLink{display:none; } 
#boxProfile .boxProfile1  .side br {display: none;}
#boxProfile .boxProfile1  .side a {
	display: block;
	margin-bottom: 1px;
	color: #a8a8a8;
	padding: 0px 5px 0px 5px;
	margin-right: 5px;
	border-left: 3px solid #cccccc;
}
#boxProfile .boxProfile1 .side a:hover {
	background: #cccccc;
	color: #fff;
	text-decoration: none;
	border-left: 3px solid #cccccc;
}



#boxSlideShow {} /* 播放中的相簿 */
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}

#boxNewArticle {} /* 最新的文章 */
#boxNewArticle .boxNewArticle0 {
background: url(http://l.yimg.com/e/style/8/89/boxNewArticle.jpg) no-repeat 0px 5px; height: 38px;}
#boxNewArticle .boxNewArticle0 .sidetitle {display: none;}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}
#boxFolder .boxFolder1 .side br {display: none;}
#links #boxNewArticle .boxNewArticle1 .side a {
	display: block;
        margin-bottom: 1px;
	color: #a8a8a8;
	padding: 0px 5px 0px 5px;
	margin-right: 5px;
	border-left: 3px solid #cccccc;
}
#links #boxNewArticle .boxNewArticle1 .side a:hover {
	background: #cccccc;
	color: #fff;
	text-decoration: none;
	border-left: 3px solid #cccccc;
}

#boxCategory {} /* 文章分類 */
#boxCategory .boxCategory0 {background: url(http://l.yimg.com/e/style/8/89/boxCategory.jpg) no-repeat 0px 5px; height: 40px;}
#boxCategory .boxCategory0 .sidetitle {display: none;}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}

#boxDate {} /* 文章彙集 */
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {} /* 搜尋這個網誌的文章 */
#boxSearch .boxSearch0 {background: url(http://l.yimg.com/e/style/8/89/boxSearch.jpg) no-repeat 0px 5px; height: 38px;}
#boxSearch .boxSearch0 .sidetitle {display: none;}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}

#scupioSearch {} /* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {display: none;}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

 /* 最新的回應 */
#boxNewComment .boxNewComment0 {
	background: url(http://l.yimg.com/e/style/8/89/boxNewComment.jpg) no-repeat 0px 5px;
	height: 38px;}
#boxNewComment .boxNewComment0 .sidetitle {display: none;}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {
	text-align: right;
	color: #a8a8a8;
}
#boxNewComment .boxNewComment1 .side br {display: none;}
#boxNewComment .boxNewComment1 .side a {
	display: block;
	text-align: left;
}
#boxNewComment .boxNewComment1 .side a:hover {
	background: #CCCCCC;
	color: #fff;
}

#boxFolder {} /* 自訂資料夾 */
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {font-family: "Impact"; font-size: 28px;
}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {}
#boxFolder .boxFolder1 .side br {display: none;}
#links #boxFolder .boxFolder1 .side a {
	display: block;
	margin-bottom: 1px;
	color: #a8a8a8;
	padding: 0px 5px 0px 5px;
	margin-right: 5px;
	border-left: 3px solid #cccccc;
}
#links #boxFolder .boxFolder1 .side a:hover {
	background: #cccccc;
	color: #fff;
	text-decoration: none;
	border-left: 3px solid #cccccc;

}


#boxCounter {} /* 參觀人氣統計 */
#boxCounter .boxCounter0 {background: url(http://l.yimg.com/e/style/8/89/boxCounter.jpg) no-repeat 0px 5px; height: 38px;}
#boxCounter .boxCounter0 .sidetitle {display: none;}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {}

.syndicate {display: none;} /*RSS*/

/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/
.powered {padding: 10px;}
.powered {padding:10px}

.powered IMG { VISIBILITY: hidden;
WIDTH: 150px;
HEIGHT: 52px}

.powerlogo { BACKGROUND: url(http://l.yimg.com/e/style/8/89/powerlogo.jpg)  no-repeat -5px 30px}

.total-comments-div .powered img{height:1px}
.total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */
INPUT {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FONT-SIZE: 10px; FILTER: alpha(opacity=60); BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: arial,georgia, verdana, sans-serif; BACKGROUND-COLOR: #ffffff
}
                                                                                                                                           
 