/*********************************
作者：standinghere
主題：哈囉小熊 
網址：http://www.wretch.cc/blog/standinghere 
*********************************/




/*--------------------------------------------------------------------------------------
※1024*768為最佳解析度
※CSS by standinghere
※網誌圖片寬度為 450px;
--------------------------------------------------------------------------------------*/


/* General Set
-----------------------------------------*/
html {overflow: auto;}
#text { background:#FFE867;
            border:0px;
            padding:10px;
            font-size:10px;
            font-family:verdana,arial;
            color:#000;
            scrollbar-face-color:#cc3300;
            scrollbar-track-color:#cc3300;
            scrollbar-3dlight-color:#cc3300;
            scrollbar-darkshadow-Color:#cc3300;
            scrollbar-arrow-color:#aaa;
            scrollbar-shadow-color:#cc3300;
            scrollbar-highlight-color:#cc3300;}

body {
            font-size: .8em; /* 字體大小 */
            font-family: arial;/* 字體樣式 */
            color: #444; /* 字體顏色 */
            background: url(http://l.yimg.com/e/style/9/90/body.jpg) top left fixed #fff; /* 背景顏色 */
            margin-left: 100px;}

a { font-family:arial; font-size:10px;color: #123456;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}

input {border:1px solid #666; background:#cc3300;
            font-family: verdana, arial;font-size: 10px;color: #fff; border:0px;padding-top:2px;}

/* container
-----------------------------------------*/
#container1 {width: 740px;
            position: relative; /* fix IE6 bug */
            margin: 0px auto;}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
            background:url(http://l.yimg.com/e/style/9/90/banner.jpg) left bottom no-repeat ;
            height: 80px;}
#pageheader { /* banner第二層，實質上只設定#banner即可 */height: 64px;}
#pageheader h1 a { /* 主標題(網誌名稱) */
            position: absolute;color:#cc3300;
            top: 0px; left: 0px;
            padding: 20px 0px 0px 10px;
            font-size: .6em;
            text-decoration: none;
            display: block;
            width: 400px;
            height: 44px;}
#pageheader .description { /* 網誌目前動態描述 */
            position: absolute; top: 40px; right: 5px;
            font-size: 12px;}
#pageheader #description2 .description { /* 網誌個人描述列 */
            position: absolute; top: 55px; right: 5px;
            width: 730px;font-family:arial;
            padding: 0px;font-size:10px;
            text-align: right;color:#FFF;}

/* main
-----------------------------------------*/
#main2 { /* 包含content、links */
            overflow: hidden;height: 450px;}

/* content
-----------------------------------------*/
#content {width: 500px;float: left;
            overflow: auto; height: 450px;background: #fff;

            scrollbar-face-color:#FBF3C6;
            scrollbar-track-color:#FBF3C6;
            scrollbar-3dlight-color:#FBF3C6;
            scrollbar-darkshadow-Color:#FBF3C6;
            scrollbar-arrow-color:#666;
            scrollbar-shadow-color:#FBF3C6;
            scrollbar-highlight-color:#FBF3C6;}

.date {  letter-spacing:-0.1em;text-align: left;
            font-family:verdana;font-size:10px; font-weight:bold;
            color:#FF8B03;margin-top: 10px;
            padding-left: 35px;TEXT-TRANSFORM:uppercase;
            background: url(http://l.yimg.com/e/style/9/90/date.jpg) 2px center no-repeat}

.datediv {} /* 第二層date */
.blogbody { /* 包含 .articletext .posted .total-comments-div */ padding: 0px; }
.blogbody2 {} /*第二層blogbody*/
.articletext {}/*包含 .title .extended .innertext .extended */
.articletext .title {padding-left: 35px;color:#FEA062;font-family:verdana;font-size:12px; font-weight:bold;margin-top:0px;
                        background:url(http://l.yimg.com/e/style/9/90/articletext.jpg) 2px center no-repeat;}
.articletext .innertext {font-size:10px;font-family:arial;padding:10px;line-height:170%}
.articletext .extended {font-size:10px;font-family:arial;padding-right:10px;text-align:right;margin:0px;} 
.posted {font-size:10px;font-family:arial;TEXT-TRANSFORM:uppercase;text-align:right;padding-right:10px; 
                        border-bottom:1px solid #cc3300;padding-bottom:5px;}
.trackback-url {padding-bottom:10px;}


/* comments
-----------------------------------------*/
.total-comments-div {
            font-family:arial; font-size:10px;
            padding-top: 10px;margin-top: 0px;
            width: 470x;background:#F9ECA1;}
.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 */
            padding-left: 20px;padding-top:10px;background: none;
            color: #5F6D2E;
            font-size:14px;
            font-weight:bold;
            font-family:arial;border-top:1px solid #cc3300;
            background:url(http://l.yimg.com/e/style/9/90/comments-head.jpg) 5px center no-repeat;}
.total-comments-div .comments-bottom .comments-head { /* 編寫回應列的title */
            padding-left: 20px;padding-top:10px;background: none;
            color: #5F6D2E;
            font-size:14px;
            font-weight:bold;
            font-family:arial;border:0px;
            background:url(http://l.yimg.com/e/style/9/90/total-comments-div.jpg) 5px center no-repeat;}
.total-comments-div .comments-body {padding:10px /* 回應區的留言區塊 */}
.total-comments-div .comments-body .comments-post { /* 回應者資訊 */
            text-align: right;TEXT-TRANSFORM:uppercase;height:20px;
            color: #333;border-bottom:1px dotted #cc3300;}
.total-comments-div .comments-body form { /* 編寫回應欄 */}
.total-comments-div .comments-body form img {display:none}

.comments-post img{visibility:hidden; width:17px;}
.postuser{ padding-right: 20px;
            background:url(http://l.yimg.com/e/style/9/90/postuser.jpg) no-repeat right;}
.postuser:hover{}
.postemail{ background:url(http://l.yimg.com/e/style/9/90/postemail.jpg) 50% 80% no-repeat ;}
.postemail:hover{}
.postweb{ background:url(http://l.yimg.com/e/style/9/90/postweb.jpg) 50% 90% no-repeat ;}
.postweb:hover{}

#text {width: 400px;}


/* links 選單
-----------------------------------------*/
#links {width: 240px;
            float: right;
            background: #FBF3C6;
            overflow: auto;
            height: 450px;
            padding-top:10px;

            scrollbar-face-color:#cc3300;
            scrollbar-track-color:#cc3300;
            scrollbar-3dlight-color:#cc3300;
            scrollbar-darkshadow-Color:#cc3300;
            scrollbar-arrow-color:#aaa;
            scrollbar-shadow-color:#cc3300;
            scrollbar-highlight-color:#cc3300;}

#links2 {} /* 第二層links */
.sidetitle { /* 每個blog的標題列 */
            padding-left: 18px; padding-top:2px; background: none;
            color: #5F6D2E; font-size:12px; font-weight:bold; font-family:arial;
            background:url(http://l.yimg.com/e/style/9/90/sidetitle.jpg) left top no-repeat; }
.side { /* 每個block的內容 */
            padding: 10px; padding-left:0px; font-size:10px; font-family:arial;line-height:170% }

/* links 選單進階設定
-----------------------------------------*/
.calendar {font-size:10px; width:200px;
            font-weight:normal;margin-bottom:10px;
            font-family:verdana,arial; background:#FFE867; } /* 行事曆 */
.calendartable{background:#FFE867;}
.calendarhead { color: #5F6D2E;font-size:12px;font-weight:bold;font-family:arial;
background:url(http://l.yimg.com/e/style/9/90/calendarhead.jpg) 20px top no-repeat;}
.calendarhead a{color: #5F6D2E;font-size:12px;font-weight:bold;font-family:arial;}
.calendarweek{color: #5F6D2E;font-size:10px;font-weight:bold;font-family:arial;}

#boxProfile { /* xxxxxx的地盤 */}
#boxProfile .boxProfile0 {}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {}
#boxProfile .boxProfile1 .side a {}
#boxProfile .boxProfile1 .side .boxProfileImg {display: none;}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side select {display:none}


　　　 #boxSlideShow {display:block }
　　　 #boxSlideShow .boxSlideShow0 { }
　　　 #boxSlideShow .boxSlideShow0 .sidetitle {}
　　　 #boxSlideShow .boxSlideShow1 {}
　　　 #boxSlideShow .boxSlideShow1 .side {}
　　　 #SlidePicTitle{ width:100px;}

#boxNewArticle {} /* 最新的文章 */
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory {} /* 文章分類 */
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}

#boxDate {} /* 文章彙集 */
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {} /* 搜尋這個網誌的文章 */
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}

#scupioSearch {display:none} /* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {} /* 最新的回應 */
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {}

#boxFolder {} /* 自訂資料夾 */
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {}
#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; font-size:10px;}
.powered IMG { VISIBILITY: hidden;WIDTH: 100px;HEIGHT: 63px}
.powerlogo { BACKGROUND: url(http://l.yimg.com/e/style/9/90/powerlogo.jpg) no-repeat 0px 30px}
.total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */
.total-comments-div .powered img{height:1px}

/* footer
-----------------------------------------*/
#footer {background:url(http://l.yimg.com/e/style/9/90/footer.jpg) left top no-repeat;
height: 25px;} 
 