/*
※ 此樣式為無名小站blog 「二欄式置中型主選單靠左」 基本範本，使用者可自行更改範本
※ boxSlideShow的顯示可能導致使用者的side Bar被擠到網誌下方
※ 若要調整blog寬度，要修改的地方為： 1. container1的width  2. content的width  3. links的width 
※ CSS design by htcmi
*/


/* General Set
-----------------------------------------*/
html, #text {
scrollbar-face-color:#EFBF00;
scrollbar-track-color:black;
scrollbar-3dlight-color:#535353;
scrollbar-darkshadow-Color:#535353;
scrollbar-arrow-color:red;
scrollbar-shadow-color:#535353;
scrollbar-highlight-color:#FCED6E;
}

body {
font-size:.8em;
font-family:Arial;
color:#444;
background:url('http://l.yimg.com/e/style/1/127/body.jpg') repeat-x white fixed;
margin:0px;
}

a {
color:#123456;
}
a:hover {
color:#000;
text-decoration:none;
}
h1{margin:0;}
/* container
-----------------------------------------*/
#container1 {
width:720px;
position:relative;
margin:0px auto;


}
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
background:#999;
background:url('http://l.yimg.com/e/style/1/127/man.jpg') #EFBF00 no-repeat 50% 65%;
height:320px;
width:720px;
border-top:5px solid white;
border-right:5px solid gray;
border-bottom:5px solid black;
border-left:5px solid black;
padding-top:30px;
}
#pageheader {position:absolute;top:0;}/* banner第二層，實質上只設定#banner即可 */
#pageheader h1 a {

color:#FFF;
font-size:28px;
}/* 主標題(網誌名稱) */
#pageheader .description {

color:black;
font-size:28px;
}/* 網誌目前動態描述 */
#pageheader #description2 .description {
position:absolute;top:338px;right:10px;
width:100%;
text-align:right;
color:#000;
font-size:12px;
height:20px;
}
/* main
-----------------------------------------*/
#main2 {}/* 包含content、links */

/* content
-----------------------------------------*/
#content {
margin-right:8px;
width:480px;
float:right;
margin-top:15px;
}
.date {
text-align:center;
background:#EFBF00;
border-top:5px solid white;
border-right:5px solid gray;
border-left:5px solid black;
border-bottom:5px solid black;
padding-right:5px;
color:black;
}
.datediv {}/* 第二層date */
.blogbody {
border:1px solid #333;
padding:10px;
margin-bottom:15px;
background-color:#FFF;
}
.blogbody2 {}/*第二層blogbody*/
.articletext {}/*包含 .title  .extended  .innertext  .extended  */
.articletext .title {}
.articletext .innertext {}
.articletext .extended {}
.posted {}

.innertext{width:458px;overflow-x:hidden;}
/* comments
-----------------------------------------*/
.total-comments-div {
border-top:1px dotted #999;
padding-top:10px;
margin-top:10px;
}
.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 {
border:1px solid #aaa;padding:7px;
}
.total-comments-div .comments-bottom .comments-head {
border:1px solid #aaa;padding:7px;
margin-top:10px;
}
.total-comments-div .comments-body {
border-bottom:1px dotted #888;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#aaa;
}
.total-comments-div .comments-body form {
}

.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {}
#url {}
#text {width:300px;}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {}
#divThird2 {}/* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
width:200px;
background:#C6C3C3;

border:5px solid black;
margin-top:15px;
}
#links2 {
background-color:green;
}/* 第二層links */
.sidetitle {

height:25px;
background:url('http://l.yimg.com/e/style/1/127/1.jpg') black no-repeat 50% 50%;
color:black;
text-align:left;
padding-left:10px;
line-height:27px;
}
.side {
padding:10px;
background-color:#82BA3A;
}
#links br  {display:none;}
#links .side br {display:inline;}
/* links 選單進階設定
-----------------------------------------*/
div.calendar {
color:black;
font-size:10px;
height:200px;
background:url('http://l.yimg.com/e/style/1/127/calen.gif') white no-repeat 50% 50%;
}/* 行事曆 */
.calendar{


}
#boxProfile {}/* xxxxxx的地盤 */
#boxProfile .boxProfile0 {}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {}
#boxProfile .boxProfile1 .side .boxProfileImg {}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink {}/* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
#boxProfile .boxProfile1 .side  select {}/* 好友名單 */

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

#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 {}/* 搜尋 */
#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;}
.total-comments-div .powered {}/* 若文章僅開放給會員留言時未登入的區塊顯示 */

/* footer
-----------------------------------------*/
#footer {clear:both;}