/*
※ 此樣式為無名小站blog 「三欄式滿版型主選單靠左」 基本範本，使用者可自行更改範本
※ boxSlideShow的顯示可能導致800*600(甚至是1024*768)解析度的使用者side Bar被擠到網誌下方
※ CSS design by htcmi
*/

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

body {
font-size:.8em;
font-family:"Courier New";
color:#444;
background:#fff;
margin:0px;
}

a {
color:#123456;
}
a:hover {
color:#000;
text-decoration:none;
}

/* container
-----------------------------------------*/
#container1 {position:relative;}/* fix IE6 bug */
#container2 {}

/* banner and pageheader
-----------------------------------------*/
#banner {
background:#999;
height:73px;
border-bottom:1px dotted #000;
}
#pageheader {}/* banner第二層，實質上只設定#banner即可 */
#pageheader h1 a {}/* 主標題(網誌名稱) */
#pageheader .description {}/* 網誌目前動態描述 */
#pageheader #description2 .description {
position:absolute;top:58px;left:0px;
width:100%;
text-align:right;

}
/* main
-----------------------------------------*/
#main2 {}/* 包含content、links */

/* content
-----------------------------------------*/
#content {
margin-right:22%;

}
.blog {
float:right;
width:70%;
margin-top:5px;
}
.date {
text-align:right;
background:#aaa;
border:1px solid #333;
border-bottom:0px;
padding-right:5px;
}
.datediv {}/* 第二層date */
.blogbody {
border:1px solid #333;
padding:10px;
margin-bottom:15px;
}
.blogbody2 {}/*第二層blogbody*/
.articletext {}/*包含 .title  .extended  .innertext  .extended  */
.articletext .title {}
.articletext .innertext {}
.articletext .extended {}
.posted {}


/* 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 {
}
#text {width:300px;}

/* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position
-----------------------------------------*/
#divThird {
position:absolute;
right:0px;top:74px;
background:#ddd;
border-left:1px dotted #333;
max-width:20%;
}
#divThird2 {}/* 第二層divThird */
/* links 選單
-----------------------------------------*/
#links {
width:20%;
background:#ddd;
border-right:1px dotted #333;
}
#links2 {}/* 第二層links */
.sidetitle {
padding-left:10px;
background:#666;
color:#fff;
}
.side {
padding:10px;
}

/* links 選單進階設定
-----------------------------------------*/
.calendar {font-size:10px;}/* 行事曆 */

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

BODY {
BACKGROUND:url(http://f10.wretch.yimg.com/kyouhei1017/4/1156934126.jpg?w_mhhIJDdRNj6z2.M3_VFJKkAe6T4RAo_IrzhzmlQcgqYYGFu2mziOO33PXM) fixed right top;COLOR:#ff8888;}
A {
COLOR:#ff8888;TEXT-DECORATION:none;}
A:hover {
COLOR:#663300;}
#container {
POSITION:relative;PADDING-BOTTOM:0px;MARGIN:0px auto;PADDING-LEFT:10px;WIDTH:900px;PADDING-RIGHT:10px;PADDING-TOP:0px;}
#header {
POSITION:relative;PADDING-BOTTOM:0px;FONT-STYLE:normal;PADDING-LEFT:40px;PADDING-RIGHT:0px;HEIGHT:247px;FONT-WEIGHT:bold;PADDING-TOP:52px;}
#content {

}
#header #navigator {
POSITION:absolute;TEXT-ALIGN:right;PADDING-BOTTOM:0px;PADDING-LEFT:10px;PADDING-RIGHT:10px;COLOR:#ff8888;TOP:0px;RIGHT:10px;PADDING-TOP:0px;}
#header #navigator A {
PADDING-BOTTOM:4px;PADDING-LEFT:4px;PADDING-RIGHT:4px;COLOR:#ff8888;PADDING-TOP:4px;}
#header #navigator A:hover {
COLOR:#ffa488;}
#boxProfile {
CLEAR:both;}
#header .Pcover {
BORDER-BOTTOM:#ffcccc 2px solid;BORDER-LEFT:#ffcccc 2px solid;BORDER-TOP:#ffcccc 2px solid;MARGIN-RIGHT:40px;BORDER-RIGHT:#ffcccc 2px solid;}
#header .Ptext {
PADDING-LEFT:50px;}
#header H1 {
FONT-VARIANT:normal;FONT-STYLE:normal;FONT-FAMILY:simhei, arial;COLOR:#ff8888;FONT-SIZE:1.4em;FONT-WEIGHT:normal;font-size-adjust:none;font-stretch:normal;}
#header .Ptext LI {
LIST-STYLE-TYPE:none;}
#header .Ptext BR {
DISPLAY:none;}
#header .Ptext LI A {
BORDER-LEFT:#fff 2px solid;PADDING-LEFT:5px;WIDTH:150px;DISPLAY:block;MARGIN-BOTTOM:0px;COLOR:#ff8888;}
#header .Ptext LI A:hover {
BORDER-BOTTOM-COLOR:#ffc8b4;BORDER-TOP-COLOR:#ffc8b4;COLOR:#ff8888;BORDER-RIGHT-COLOR:#ffc8b4;BORDER-LEFT-COLOR:#ffc8b4;}
#header #menu {
POSITION:relative;MARGIN-TOP:0px;COLOR:#ffc8b4;LEFT:40px;}
.il {
MARGIN:5px;}
#msg {
PADDING-BOTTOM:0px;MARGIN:0px 0px 0px 35px;PADDING-LEFT:0px;PADDING-RIGHT:0px;CLEAR:both;PADDING-TOP:0px;}
#friendListDiv OL LI {
BORDER-BOTTOM:#ffcccc 2px double;BORDER-LEFT:#ffcccc 2px double;MARGIN-BOTTOM:15px !important;HEIGHT:150px;BORDER-TOP:#ffcccc 2px double;MARGIN-RIGHT:10px;BORDER-RIGHT:#ffcccc 2px double;PADDING-TOP:2px;}
#friendListDiv OL LI A {
FONT:0.8em verdana;COLOR:#ff8888;font-size-adjust:none;font-stretch:normal;}
#friendListDiv OL LI A:hover {
BORDER-RIGHT-WIDTH:0px;BORDER-TOP-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;COLOR:#ff8888;BORDER-LEFT-WIDTH:0px;}
#friendListDiv OL LI A SPAN.font_id {
PADDING-LEFT:7px;}
#friendListDiv OL LI P {
PADDING-BOTTOM:5px;COLOR:#777777;FONT-SIZE:12px !important;}
#descDiv {
BORDER-BOTTOM:#ffcccc 1px solid;BORDER-LEFT:#ffcccc 1px solid;COLOR:#ff8888;BORDER-TOP:#ffcccc 1px solid;BORDER-RIGHT:#ffcccc 1px solid;}
#desc_update A {
COLOR:#ff8888;TEXT-DECORATION:underline;}
#desc_update A:hover {
COLOR:#ffcccc;}
.font_id2 {
PADDING-BOTTOM:10px;FONT-FAMILY:'Verdana';LETTER-SPACING:-2px;COLOR:#ff8888;FONT-SIZE:22px;}
.font_desc {
COLOR:#ff8888;}
.font_cate {
TEXT-ALIGN:right;DISPLAY:block;COLOR:#ffa488;}
.font_cate STRONG {

}
#footer {
CLEAR:both;}
.selectBox {
WIDTH:200px;}
.selectBox H3 {
PADDING-BOTTOM:0pt;BACKGROUND-COLOR:white;MARGIN:0pt;PADDING-LEFT:0pt;WIDTH:100%;PADDING-RIGHT:0pt;FONT-SIZE:1em;FONT-WEIGHT:normal;PADDING-TOP:0pt;}
.selectBox H3 A {
BORDER-BOTTOM:rgb(204,204,204) 1px solid;BORDER-LEFT:rgb(204,204,204) 1px solid;BORDER-RIGHT-WIDTH:0pt;PADDING-LEFT:5px;WIDTH:100%;DISPLAY:block;HEIGHT:17px;COLOR:#ffa488;BORDER-RIGHT-COLOR:transparent;OVERFLOW:hidden;BORDER-TOP:#ff8888 1px solid;CURSOR:default;TEXT-DECORATION:none;PADDING-TOP:3px;}
.selectBox H3 A.t {

}
.selectBox H3 A:hover {

}
.selectBox UL {
BORDER-BOTTOM:#ffa488 1px solid;POSITION:absolute;BORDER-LEFT:rgb(204,204,204) 1px solid;PADDING-BOTTOM:3px;BORDER-RIGHT-WIDTH:0pt;LIST-STYLE-TYPE:none;BORDER-TOP-COLOR:transparent;MARGIN:0pt;PADDING-LEFT:3px;WIDTH:100%;PADDING-RIGHT:2px;BORDER-TOP-WIDTH:0pt;BORDER-RIGHT-COLOR:transparent;PADDING-TOP:3px;LEFT:0px;}
.selectBox UL LI {
PADDING-BOTTOM:0pt;MARGIN:0pt;PADDING-LEFT:0pt;PADDING-RIGHT:3px;DISPLAY:block;PADDING-TOP:0pt;}
.selectBox UL LI A {
PADDING-BOTTOM:2px;PADDING-LEFT:2px;PADDING-RIGHT:2px;DISPLAY:block;COLOR:#ffcccc;TEXT-DECORATION:none;PADDING-TOP:2px;}
.selectBox UL LI A:hover {
BACKGROUND:#fff 0% 50%;}
#friendListDiv {
PADDING-BOTTOM:10px;PADDING-LEFT:18px;PADDING-RIGHT:0px;PADDING-TOP:10px;}
#condition LI A {
BACKGROUND:#fff;COLOR:#ff8888;}
#condition LI A:hover {
COLOR:#ff8888;}
#condition LI.current A {
COLOR:#ff8888;}
#condition LI.current A:hover {
COLOR:#ffcccc;}
#pagelink {
COLOR:#ff8888;}
#pagelink_1 {
COLOR:#ff8888;}
#pagelink A {
BORDER-LEFT:#ffa488 2px solid;PADDING-LEFT:2px;COLOR:#ff8888;}
#pagelink_1 A {
BORDER-LEFT:#ffa488 2px solid;PADDING-LEFT:2px;COLOR:#ff8888;}
#pagelink A:hover {
BORDER-LEFT:#ffcccc 2px solid;COLOR:#ff8888;}
#pagelink_1 A:hover {
BORDER-LEFT:#ffcccc 2px solid;COLOR:#ff8888;}
INPUT {
BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;BACKGROUND-COLOR:#fff;COLOR:#ff0000;FONT-SIZE:10pt;BORDER-TOP:medium none;BORDER-RIGHT:medium none;}
TEXTAREA {
BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;BACKGROUND-COLOR:#fff;COLOR:#ff0000;FONT-SIZE:10pt;BORDER-TOP:medium none;}
HTML {
SCROLLBAR-ARROW-COLOR:#fff;BORDER-LEFT:#fff 0px solid;SCROLLBAR-FACE-COLOR:#ffc8b4;SCROLLBAR-DARKSHADOW-COLOR:#fff;SCROLLBAR-HIGHLIGHT-COLOR:#ffc8b4;SCROLLBAR-SHADOW-COLOR:#ffc8b4;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR:#fff;}
#header .selectBox {
DISPLAY:none;}
#mini {
BORDER-BOTTOM:#ffcccc 1px solid;BORDER-LEFT:#ffcccc 1px solid;BACKGROUND:#ffcccc;BORDER-TOP:#ffcccc 1px solid;BORDER-RIGHT:#ffcccc 1px solid;}
#mini_content {
BACKGROUND:#ffcccc;}
#mini UL {
BACKGROUND:#ff8888;}
#mini A {
COLOR:#fff;}
#mini A:hover {
COLOR:#fff;}
#mini UL LI A {
COLOR:#fff;}
#mini UL LI A {
COLOR:#fff;}
#mini_update SPAN.date {
COLOR:#fff;}
BODY {
CURSOR:crosshair;}
A:hover {
CURSOR:crosshair;}
A:link {
COLOR:#ff3300;}
A:visited {
COLOR:#ff3300;}
A:active {
COLOR:#ff3300;}
BODY {
COLOR:#ff6600;}
#header A:link {
COLOR:#663300;FONT-SIZE:small;}
#header A:visited {
COLOR:#663300;FONT-SIZE:small;}
#header A:active {
COLOR:#663300;FONT-SIZE:small;}
#header A:hover {
COLOR:#ff0033;FONT-SIZE:small;}
#title_desc {
FONT-STYLE:normal;FONT-SIZE:medium;FONT-WEIGHT:bold;}