/*
※ CSS design by htcmi
※ CSS modified by pine
*/


/* 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 {
	font-size: .8em; /* 字體大小 */
	font-family: "Arial"; /* 字體樣式 */
	color: #444; /* 字體顏色 */
	background: #ccc;/* 背景顏色 */
	margin: 0px;
}

a {
	color: #777;
        text-decoration: none;
        font-weight:bold; 
}
a:hover {
	color: #000;
	text-decoration: none;
}

input  {background:#ccc;}

h2,h3  {margin: 0px;padding: 0px;}
p {margin-top:3px;margin-bottom:3px;padding:0px;}
select {color:#777;}

/* container
-----------------------------------------*/
#container1 {
	width: 750px;
	position: relative; /* fix IE6 bug */
	margin: auto;
	border-left: 1px solid #555;
        border-right: 1px solid #555;
        background: url(/*container1.jpg*/http://l.yimg.com/e/style/4/407/container1.jpg) top left ;
        
        }
#container2 
        {
        background: url(/*container2.jpg*/http://l.yimg.com/e/style/4/407/container2.jpg) 0% 0% no-repeat;
        }

/* banner and pageheader
-----------------------------------------*/
#banner {height:200px;}
#pageheader{}  banner第二層，實質上只設定#banner即可 
#banner h1 {font-size:0; }
#banner h1 a 
        {
        position:relative;
        left:33px;
        top:34px;
        font-size:50pt;
        font-weight:bold;
        letter-spacing:-2px;
        color:#196477; 
        }/* 主標題(網誌名稱) */


#pageheader .description {display:none;} /* 網誌目前動態描述 */
#pageheader #description2 .description 
        {
	position:relative;
        display:block;	
        top:15px;
        margin-left:36px;
        font-size:x-large;
        color:#fff;
        font-weight:bold;
        }
/* main
-----------------------------------------*/
#main2 {} /* 包含content、links */

/* content
-----------------------------------------*/
#content {
	margin-left: 18px;
	width: 450px;
	float: left;
	padding-right:15px;
        }
.articletext img
        {
        border: 4px solid #fff; 
        margin-bottom:2px;
        }

.date {
	position:relative;
        left:-3px;;
	font-weight: bold; 
        font-size:xx-large;
        letter-spacing:-2px;        
        color:#196477;
        margin-bottom:8px;
        }
.datediv {} /* 第二層date */
.blogbody { /* 包含 .articletext  .posted  .total-comments-div */
	}
.blogbody2 {} /*第二層blogbody*/

.articletext 
        {
        font-weight: bold;
        } /*包含 .title  .extended  .innertext  .extended  */
.articletext .title 
        {
        color:#fff;
        font-size:x-large;
        }

.articletext .innertext {color:#777;}
.articletext .extended, .articletext .extended a{color:#555;}
.articletext .extended a:hover{color:#000;}
.articletext br {line-height:8px;}

.posted 
        {
        margin-bottom:50px;
        font-weight:bold;
        color:#555;
        }
.posted a{color:#555;}
.posted a:hover{color:#000;}
        
/*.articletext a, .articletext .extended
        {
        color:#777;
        }
*/
/* comments
-----------------------------------------*/
.total-comments-div 
        {
        margin-top:15px;
        }
.total-comments-div .trackbacks-head 
        {}
.total-comments-div .trackbacks-head .comments-head 
        { /* 引用列的title */
	display:none;
        }
.total-comments-div .comments-head 
        { /* 回應列的title */
	background:url(/*comment.gif*/http://l.yimg.com/e/style/4/407/comment.gif) top left no-repeat;
        padding-bottom:30px;
        font-size:0;
　　　　 color:#ccc;　        
        }
.total-comments-div .comments-bottom .comments-head 
        { /* 編寫回應列的title */
	margin-top:60px;
        background:url(/*write.gif*/http://l.yimg.com/e/style/4/407/write.gif) top left no-repeat;
        padding-bottom:30px;
        font-size:0;     
        }
.total-comments-div .comments-body 
        { /* 回應區的留言區塊 */
	font-weight:bold;
        color: #777;
        }
.total-comments-div .comments-body .comments-post 
        { /* 回應者資訊 */
	text-align: left;
	font-weight:bold;
        color: #777;
        margin-bottom:5px;
        }
.total-comments-div .comments-body .comments-post a
        {color: #777;} 


.total-comments-div .comments-body form 
        { /* 編寫回應欄 */
        }
.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {}
#url {}
#text {
      background:#ccc;
      width: 300px;
      }

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {} /* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
        width: 220px;
        }
#links2 {} /* 第二層links */
.sidetitle
        { /* 每個blog的標題列 */
	}       
.side 
        {/* 每個block的內容 */
        margin-bottom:50px;
        color:#777;
        font-weight:bold;
        padding-left:2px;
        }
.side a {
        color:#777;
        font-weight:bold;
        }
       
/* links 選單進階設定
-----------------------------------------*/
.calendar 
        {
        color:#777;
        font-weight:bold;
        position:relative;
        left:-5px;
        margin-bottom:30px
        ;} /* 行事曆 */

#boxProfile 
        {
        margin-top:8px;
        background:url(/*profile.gif*/http://l.yimg.com/e/style/4/407/profile.gif) left top no-repeat;
        padding-top:40px;
        } /* xxxxxx的地盤 */
#boxProfile select {background:#ccc;}

#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 {} /* 好友名單 */

#boxSlideShow 
        {
        background:url(/*album.gif*/http://l.yimg.com/e/style/4/407/album.gif) left top no-repeat;
        padding-top:40px;
        } /* 播放中的相簿 */
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {display:none;}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}

#boxNewArticle 
        {
        background:url(/*new-article.gif*/http://l.yimg.com/e/style/4/407/new-article.gif) left top no-repeat;
        padding-top:40px;
        } /* 最新的文章 */
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {display:none;}  
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory 
        {
        background:url(/*category.gif*/http://l.yimg.com/e/style/4/407/category.gif) left top no-repeat;
        padding-top:40px;
        } /* 文章分類 */
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {display:none;}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}

#boxDate 
        {
        background:url(/*article-list.gif*/http://l.yimg.com/e/style/4/407/article-list.gif) left top no-repeat;
        padding-top:40px;
        } /* 文章彙集 */
#boxDate select {background:#ccc;}

#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {display:none;}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch 
        {
        background:url(/*search.gif*/http://l.yimg.com/e/style/4/407/search.gif) left top no-repeat;
        padding-top:25px;
        } /* 搜尋這個網誌的文章 */
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {display:none;}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}

#scupioSearch {display:none;} /* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment 
        {
        background:url(/*new-comment.gif*/http://l.yimg.com/e/style/4/407/new-comment.gif) left top no-repeat;
        padding-top:40px;
        } /* 最新的回應 */
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {display:none;}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {}

#boxFolder {} /* 自訂資料夾 */
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle 
        {
        margin-bottom:10px;
        font-weight: bold; 
        font-size:xx-large;
        letter-spacing:-2px;        
        color:#196477; 
        }
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {}

#boxCounter 
        { /* 參觀人氣統計 */
        background:url(/*total-visitors.gif*/http://l.yimg.com/e/style/4/407/total-visitors.gif) left top no-repeat;
        padding-top:40px;
        }
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle {display:none;}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {}

.syndicate {display:none;} /*RSS*/

/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/
.powered
         {
         position:relative;
         top:-45px;
         left:2px;
         } 
.powered, .powered a
         {
         color:#777;
         font-weight:bold;
         }
.powered .powerlogo img {display: none;}
.powered .powerlogo {
	display: block; width:130px; height: 65px;
	background: url(/*wretch.gif*/http://l.yimg.com/e/style/4/407/wretch.jpg) no-repeat top left;
}
.total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */

/* footer
-----------------------------------------*/
#footer {}