/***************************
** 作者： spagyric
** 主題： 科技時尚
** 網址： http://www.wretch.cc/blog/spagyric
***************************/


/*
※ 建議解析度為1024*768以上
※ 此blog建議隱藏 「行事曆」、「相簿播放功能」
※ banner圖檔大小為570px*300px，可更換banner圖檔使網誌更個人化
※ CSS design by spagyric, http://www.wretch.cc/blog/spagyric.  授權無名小站(http://www.wretch.cc)使用者修改(別再問可不可以擅自更改了！盡量改吧)


------------ 以下區塊使用者可自行更改設定值-----------------------------------------*/

#banner {background: url('http://l.yimg.com/e/style/6/69/copy_seat.jpg') no-repeat;} /* 可自行更換banner背景，圖檔尺寸為570*300pixel */

#boxNewComment .boxNewComment1 .side {font-size: 0px; color: #222; letter-spacing: -4px; float: right;}
#boxNewComment .boxNewComment1 .side a {float: right;} /* 刪除此兩行可以顯示「最新的回應」的使用者帳號及日期 */

#scupioSearch  {display: none;} /* 刪除此行可顯示Scopio搜尋列 */
#boxSlideShow {display: none;} /* 刪除此行可顯示相簿播放功能 */
.calendar {display: none;} /* 刪除此行可顯示行事曆 */


/* General Set
-----------------------------------------*/
html { 
scrollbar-face-color:#999;
scrollbar-track-color:#999;
scrollbar-3dlight-color:#999;
scrollbar-darkshadow-Color:#999;
scrollbar-arrow-color:#444;
scrollbar-shadow-color:#444;
scrollbar-highlight-color:#444;
}

body {
font-size: .8em; /* 字體大小 */
font-family: Arial; /* 字體樣式 */
color: #666; /* 字體顏色 */
background: url('http://l.yimg.com/e/style/6/69/bodybg.gif') #999 repeat-y 50% 0%;
margin: 0px;
}

a {
color: #999; text-decoration: none;
}
a:hover {
color: #fff;
}

/* container
-----------------------------------------*/
#container1 {
width: 800px;
position: relative; /* fix IE6 bug */
margin: 0px auto;
background: url('http://l.yimg.com/e/style/6/69/containerbg.gif') #222 repeat-y;
}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
height: 300px;
position: absolute; top: 40px; left: 0px;
width: 570px;}
#pageheader {height: 300px;} /* banner第二層，實質上只設定#banner即可 */
#pageheader h1 {font-size: 1em;}
#pageheader h1 a {
display: block;
margin-top: 2px;
padding-left: 3px; height: 278px;
padding-top: 3px;
text-decoration: none;
font-weight: normal; color: #666;
} /* 主標題(網誌名稱) */
#pageheader .description {display: none;} /* 網誌目前動態描述 */
#pageheader #description2 .description { /* 網誌個人描述列 */
display: block;
position: absolute; bottom: -18px; right: 8px;
width: 900px; color: #444;
text-align: right;
}
/* main
-----------------------------------------*/
#main2 { /* 包含content、links */
}

/* content
-----------------------------------------*/
#content {
width: 550px;
float: left;
margin-left: 5px;
margin-top: 330px;
}
.date {
text-align: right;
font-size: 28px;
color: #444;
margin: 33px 0px 0px 0px;
letter-spacing: -3px;
border: 1px solid #333;
border-bottom: 0px;
padding-right: 5px;
}
.datediv {} /* 第二層date */
.blogbody { /* 包含 .articletext  .posted  .total-comments-div */
border: 1px solid #333;
border-top: 0px;
padding: 10px;
margin-bottom: 15px;
position: relative;
}
.blogbody2 {} /*第二層blogbody*/
.articletext {} /*包含 .title  .extended  .innertext  .extended  */
.articletext .title {
position: absolute; top: -45px; left: 0px;
border: 1px solid #444;
padding: 3px; background: #222;
display: block;
padding-left: 5px; padding-right: 5px;
font-weight: normal; letter-spacing: -1px;
}
.articletext .innertext {}
.articletext .extended {
color: #393939; font-size: 10px; text-align: right;
}
.articletext .extended a {color: #555;}
.articletext .extended a:hover {color: #888;}
.posted {
text-align: right; font-size: 10px; color: #555;
}
.posted a {
color: #555;
}

/* comments
-----------------------------------------*/
.total-comments-div {
border-top: 1px solid #333;
width: 400px;
padding-top: 10px;
margin-top: 10px;
margin-left: 120px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head img {display: none;}
.total-comments-div .trackbacks-head .comments-head { /* 引用列的title */
background: url('http://l.yimg.com/e/style/6/69/commentbg.gif')  no-repeat -8px 0px; 
height: 31px; border-bottom: 1px solid #333;
margin-bottom: 10px;
}
.total-comments-div .trackbacks-head .comments-head .trackback_a {
color: #222; font-size: 0px;
display: block; width: 399px; height: 30px; text-align: right;
}
.total-comments-div .comments-head { /* 回應列的title */
border-bottom: 1px solid #333;
height: 31px; font-size: 0px; text-align: right; color: #222;
background: url('http://l.yimg.com/e/style/6/69/commentbg.gif') no-repeat -8px -33px;
}
.total-comments-div .comments-bottom .comments-head { /* 編寫回應列的title */
background: url('http://l.yimg.com/e/style/6/69/tbg.gif') no-repeat -8px -67px;
margin-top: 10px;
}
.total-comments-div .comments-body { /* 回應區的留言區塊 */
}
.total-comments-div .comments-body p {
padding-left: 5px;
margin-left: 10px;
}
.total-comments-div .comments-body .comments-post { /* 回應者資訊 */
text-align: right;
color: #444; font-size: 10px;
}
.total-comments-div .comments-body .comments-post a { color: #666;
}

.total-comments-div .comments-body .comments-post a:hover {
}

.postuser {}
.postemail {
display: inline-block; width: 20px; height: 12px;
background: url('http://l.yimg.com/e/style/6/69/postbg.gif') no-repeat -26px 0px;}
.postemail:hover {
background: url('http://l.yimg.com/e/style/6/69/postbg.gif') no-repeat -26px -14px;}
.postweb {
display: inline-block; width: 18px; height: 12px;
background: url('http://l.yimg.com/e/style/6/69/postbg.gif') no-repeat 0px 0px;}
.postweb:hover {
background: url('http://l.yimg.com/e/style/6/69/postbg.gif') no-repeat 0px -14px;}

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

.total-comments-div .comments-body form input {

}
#nameid ,
#email ,
#url {
background: transparent; border: 1px solid #333; color: #777;
}
#text {width: 360px;
background: transparent; border: 1px solid #333; color: #777; font-family: Arial;
scrollbar-face-color:#222;
scrollbar-track-color:#222;
scrollbar-3dlight-color:#222;
scrollbar-darkshadow-Color:#222;
scrollbar-arrow-color:#555;
scrollbar-shadow-color:#555;
scrollbar-highlight-color:#555;

}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {} /* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
width: 230px;
float: right;
margin-top: 42px;
}
#links a {color: #666; text-decoration: none;}
#links a:hover {color: #aaa;}
#links br {
display: none;
}
#links2 {} /* 第二層links */
.sidetitle { /* 每個blog的標題列 */
background: #666;
border-top: 1px solid #888;
border-right: 1px solid #888;
border-bottom: 1px solid #414141;
border-left: 1px solid #414141;
color: #aaa;
text-align: right;
padding-right: 10px;
padding-top: 3px;
}
.sidetitle a {color: #ccc; text-decoration: underline;}
.sidetitle a:hover {color: #fff; text-decoration: none;}
.side { /* 每個block的內容 */
}
.side a {}
.side a:hover {}
#links .side br {
display: block;
}
/* links 選單進階設定
-----------------------------------------*/
.calendar {font-size: 10px;} /* 行事曆 */

#boxProfile { /* xxxxxx的地盤 */
position: absolute; top: 0px; left: 0px;}
#boxProfile .boxProfile0 {display: none;}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {background: url('http://l.yimg.com/e/style/6/69/containerbg.gif') #222 repeat-y;}
#boxProfile .boxProfile1 .side {
font-size: 0px; color: #000; width: 570px;
background: url('http://l.yimg.com/e/style/6/69/upprofilebg.gif') #000 no-repeat;
height: 40px;}
#boxProfile .boxProfile1 .side a {color: #000;}
#boxProfile .boxProfile1 .side br {display: none;}
#boxProfile .boxProfile1 .side .boxProfileImg {display: none;}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink { /* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
font-size: 0px; color: #000; text-decoration: none;
height: 39px;
padding-top: 0px;
position: relative;
display: inline-block;
width: 142px;
float: left;
text-align: center;
}
#boxProfile .boxProfile1 .side .boxProfileLink:hover {
background: url('http://l.yimg.com/e/style/6/69/upprofilebg_01.gif') #666;
color: #666;
filter: alpha(opacity=30);
opacity: 0.3; 
}
#boxProfile .boxProfile1 .side  select {display: none;} /* 好友名單 */

#boxSlideShow {} /* 播放中的相簿 */
#boxSlideShow .boxSlideShow0 {}
#boxSlideShow .boxSlideShow0 .sidetitle {}
#boxSlideShow .boxSlideShow1 {}
#boxSlideShow .boxSlideShow1 .side {}

#boxNewArticle {} /* 最新的文章 */
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}
#boxNewArticle .boxNewArticle1 .side a {
display: block;
width: 218px;
padding: 2px 5px 2px 5px;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;}
#boxNewArticle .boxNewArticle1 .side a:hover {
background: #222;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #333;
border-left: 1px solid #333;}
#boxNewArticle .boxNewArticle1 .side br {display: none;}

#boxCategory {} /* 文章分類 */
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}
#boxCategory .boxCategory1 .side a {
display: block;
width: 218px;
padding: 2px 5px 2px 5px;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;}
#boxCategory .boxCategory1 .side a:hover {
background: #222;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #333;
border-left: 1px solid #333;}
#boxCategory .boxCategory1 .side br {display: none;}
#boxCategory .boxCategory1 .side div {font-size: 0px; letter-spacing: -4px; float: right;}
#boxCategory .boxCategory1 .side div a {font-size: 12px; letter-spacing: 0px; float: right;}


#boxDate {} /* 文章彙集 */
#boxDate .boxDate0 {display: none;}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}
#boxDate .boxDate1 .side a {
display: block;
width: 218px;
padding: 2px 5px 2px 5px;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;}
#boxDate .boxDate1 .side a:hover {
background: #222;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #333;
border-left: 1px solid #333;}
#boxDate .boxDate1 .side br {display: none;}
#boxDate .boxDate1 .side select {
position: absolute; top: 10px; right: 14px; width: 200px;
background: #333; color: #999;
}

#boxSearch { /* 搜尋這個網誌的文章 */
position: absolute; top: 310px; left: 310px;
width: 250px; 
}
#boxSearch .boxSearch0 {display: none;}
#boxSearch .boxSearch0 .sidetitle {}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side br {display: none;}
#boxSearch .boxSearch1 .side {
color: #333;
height: 30px; overflow: hidden;
}
#boxSearch .boxSearch1 .side input {
background: transparent;
color: #555;
border: 1px solid #333;
}

#scupioSearch {} /* 搜尋 */
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {} /* 最新的回應 */
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {background: #222; text-align: right;}
#boxNewComment .boxNewComment1 .side a {
letter-spacing: 0px;
text-align: left;
display: block; width: 218px;
padding: 2px 5px 2px 5px; font-size: 12px;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;}
#boxNewComment .boxNewComment1 .side a:hover {
background: #222;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #333;
border-left: 1px solid #333;}
#boxNewComment .boxNewComment1 .side br {display: none;}


#boxFolder {} /* 自訂資料夾 */
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side {}
#boxFolder .boxFolder1 .side a {
display: block;
width: 218px;
padding: 2px 5px 2px 5px;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;}
#boxFolder .boxFolder1 .side a:hover {
background: #222;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #333;
border-left: 1px solid #333;}
#boxFolder .boxFolder1 .side br {display: none;}



#boxCounter {} /* 參觀人氣統計 */
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {
color: #666;
padding: 2px 5px 0px 5px;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;
}

.syndicate {
padding: 2px 5px 2px 5px; text-align: center;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;} /*RSS*/
.syndicate a img {filter: gray;}
/* powered 無論如何請不要隱藏無名小站的logo
-----------------------------------------*/
#links .powered br {
display: block;
}
.powered {
bottom: 0px;
font-size: 10px;
color: #666; text-align: center;
padding: 2px 5px 2px 5px;
background: url('http://l.yimg.com/e/style/6/69/sidebg.gif') #333 repeat-x bottom left;
border-right: 1px solid #494949;
border-top: 1px solid #494949;
border-bottom: 1px solid #191919;
border-left: 1px solid #191919;
}
.powered .powerlogo img {display: none;}
.powered .powerlogo {
display: block; width: 126px; height: 28px;
background: url('http://l.yimg.com/e/style/6/69/wretchlogo.gif') no-repeat 0px 0px;
}
.powered input {
background: transparent; border: 1px solid #444;
color: #666;
}
.total-comments-div .powered {background: transparent; border: 0px;}
.total-comments-div .powered a img {display: none;}
.total-comments-div .powered a {
display: block; width: 126px; height: 28px;
background: url('http://l.yimg.com/e/style/6/69/wretchlogo1.gif') no-repeat 0px 0px;
}
.total-comments-div .powered table a {display: inline; background: transparent;}
.total-comments-div .powered form {margin: 0px;}
/* footer
-----------------------------------------*/
#footer {}

#extraDiv2 {
}
#main2 {margin-top: 30px;}
 
 .boxAddFriendLink, .boxGiftLink {display: none;}
.blog>input {margin-top: 50px;}