/*
 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; 
	margin: auto;
	border-left: 1px solid #555;
        border-right: 1px solid #555;
        background: url(http://l.yimg.com/e/style/8/84/container1.jpg) top left ;
        
        }
#container2 
        {
        background: url(http://l.yimg.com/e/style/8/84/container2.jpg) 0% 0% no-repeat;
        }

/* banner and pageheader
-----------------------------------------*/
#banner {height:200px;}
#pageheader{}  
#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: 10px;
	display:inline;
	width: 450px;
	float: left;
	padding-right:5px;
}
.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 {} 
.blogbody {}
.blogbody2 {}

.articletext{
        font-weight: bold;
}
.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 {
	display:none;
}
.total-comments-div .comments-head {
	background:url(http://l.yimg.com/e/style/8/84/comment.gif) top left no-repeat;
    padding-bottom:30px;
    font-size:0;
　  color:#ccc;　        
}
.total-comments-div .comments-bottom .comments-head {
	margin-top:60px;
    background:url(http://l.yimg.com/e/style/8/84/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 {}
/* links 選單
-----------------------------------------*/
#links {
    width: 220px;
	float:right;
	margin:0px 5px 0px 0px;
	display:inline;
}
#links2 {}
.sidetitle{}       
.side{
        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
;}

#boxMySpace{
        margin-top:8px;
        background:url(http://l.yimg.com/e/style/8/84/profile.gif) left top no-repeat;
        padding-top:40px;
}
#boxMySpace select {background:#ccc;}

#boxMySpace .boxMySpace0 {}
#boxMySpace .boxMySpace0 .sidetitle {display:none;}
#boxMySpace .boxMySpace1 {}
#boxMySpace .boxMySpace1 .side {}
#boxMySpace .boxMySpace1 .side .boxMySpaceImg {display:none;} 

#boxSlideShow{
        background:url(http://l.yimg.com/e/style/8/84/album.gif) left top no-repeat;
        padding-top:40px;
}
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {display:none;}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}

#boxNewArticle {
        background:url(http://l.yimg.com/e/style/8/84/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(http://l.yimg.com/e/style/8/84/category.gif) left top no-repeat;
        padding-top:40px;
}
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {display:none;}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}

#boxDate 
        {
        background:url(http://l.yimg.com/e/style/8/84/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(http://l.yimg.com/e/style/8/84/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(http://l.yimg.com/e/style/8/84/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(http://l.yimg.com/e/style/8/84/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
         {

         } 
.powered, .powered a
         {
         color:#777;
         font-weight:bold;
         }
.powered .powerlogo img {display: none;}
.powered .powerlogo {
	display: block; width:130px; height: 65px;
	background: url(http://l.yimg.com/e/style/8/84/wretch.jpg) no-repeat top left;
}
.total-comments-div .powered {}

/* footer
-----------------------------------------*/
#footer {clear:both}
#boxCounter .boxCounter1 .side {margin-bottom:0px;}