/***************************
** 作者： 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://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc3/13069_175790032383_129473407383_2756272_934958_n.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;
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:0px;right:8px;
width:900px;color:#444;
text-align:right;
}
/* main
-----------------------------------------*/
#main2 {
}

/* content
-----------------------------------------*/
#content {
width:550px;
float:left;
margin-left:5px;
margin-top:330px;
}
.date {
text-align:right;
font-size:28px;
color:#444;
margin:5px 0px 0px 0px;
letter-spacing:-3px;

padding-right:5px;
float:right;
}
.datediv {}/* 第二層date */
.blogbody {
border:1px solid #333;

padding:10px;
margin-bottom:15px;
position:relative;
}
.blogbody2 {}/*第二層blogbody*/
.articletext {}/*包含 .title  .extended  .innertext  .extended  */
.articletext .title {
border:1px solid #444;
padding:3px;
background:#222;
display:block;
padding-left:5px;
padding-right:5px;
font-weight:normal;
margin:0;
}
.articletext .innertext {clear:both;}
.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 {
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 {
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 {
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 {
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 {
}
.side a {}
.side a:hover {}
#links .side br {
display:block;
}
/* links 選單進階設定
-----------------------------------------*/
.calendar {font-size:10px;}/* 行事曆 */

#boxProfile {
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 {
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:300px;left:310px;
width:255px;
}
#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;}