/*********************************
作者：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;
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 {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 {
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 {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;
background:#F9ECA1;}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
border:1px solid #aaa;padding:7px;margin-bottom:10px;}
.total-comments-div .comments-head {
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 {
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 {
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 {
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 {}
#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;}
