櫻桃派

/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table    {    width: 96% ;    margin: 0 auto ;}
#comment-form td , #comment-form th    {    border: 1px solid #555 ;    padding: 3px 5px;    }
#comment-form input#send-comment    {    padding: 3px 5px ;    }

.article-content p{
    margin-bottom:1em;
}
/*------------------------------ #Generate End ------------------------------- */
/*--------------------------reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;padding:0;}
table {
        border-collapse:collapse;border-spacing:0;}
fieldset,img {
        border:0;}
address,caption,cite,code,dfn,em,th,var {
        font-style:normal;font-weight:normal;}
ol,ul {
        list-style:none;}
caption,th {
        text-align:left;}
h1,h2,h3,h4,h5,h6 {
        font-size:100%;font-weight:normal;}
q:before,q:after {
        content:'';}
abbr,acronym {
        border:0;}
pre{
        font-size: 1em ;}
.article-content{
  _height: 1% ;  overflow: hidden ;  _overflow: none;}
a {    text-decoration: none;    }
a:focus { -moz-outline-style: none; }
br{letter-spacing: normal;}

#comment-form { background:none ; padding: 7px 10px; color:#777 ; _height: 1% ;}
#comment-form table { width: 98% ; margin: 0 auto ; }
#comment-form h4{ font-weight:bold ; text-align:left ;display: none;}
#comment-form p{text-align:right ;}
#comment-form th{ text-align:right ; padding-right: 20px ; width: 6em ;border:0;}
#comment-form td{ padding: 2px 5px ; border: 0;}
#comment-form input{ width: 200px ;  border: 0px ; background:#fff ; border-bottom: 1px solid #eee ; padding: 2px ; color:#000 ; font-family:"Verdana" ; font-size: 11px ; }
#comment-form input.radio{ width: auto ; border : 0px ; background: none;}
#comment-form input#send-comment{background:#fff ; width: 5em ; bordeR: 1px solid #ccc ;}
#comment-form textarea{ width: 90% ; background:#fff ; border: 1px solid #eee ; height: 10em ; padding: 5px;   color:#000 ; font-family:"Verdana" ; font-size: 11px ; }


/*--------------------------all setting*/

HTML {
    SCROLLBAR-FACE-COLOR:  ;
    SCROLLBAR-HIGHLIGHT-COLOR: ;
    SCROLLBAR-SHADOW-COLOR: ;
    SCROLLBAR-3DLIGHT-COLOR:  ;
    SCROLLBAR-ARROW-COLOR: ;
    SCROLLBAR-TRACK-COLOR:  ;
    SCROLLBAR-DARKSHADOW-COLOR: ;
    overflow-x:;    }
body {
    background: #fff;
    font-size: 12px;
    *font-size: 11px;
    font-family: arial;
    color: #333;
    letter-spacing: 1px;
    }
#blog-main{}
#article-main{}

a {
    color:#999;
    }
a:hover {
    color:#111;
    }

#body-div{}

/*--------------------------authority*/

#authority{
    background:#fcc;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 5px 0px 5px;
    }
#authority a{
    font-size: 11px; *font-size: 10px;
    padding: 0px 5px;
    color: #888;
    }
#authority a:hover{
    color: #fff;
    }
#authority a#newpost {}
#authority a#backstage {}

/*--------------------------container*/

#container{}
#container2{
    width: 898px;
    margin: 0 auto;
    background: url(http://pic.pimg.tw/pixnetvisual/1215071912.png) left top repeat-y;
    position: relative;
    }
#container3{}

/*--------------------------header*/

#header{
    height: 0px;
    background: url() left top no-repeat;
    }
#login-bar{
    padding: 10px 0px 3px 10px;
    font-size: 11px;
    *font-size: 10px;
    }

#banner{}
#banner h1 a{
    display: block;
    position: absolute;
    right: 0px;
    top: 270px;
    height: 220px;
    width: 250px;
    font-size: 0px;
    text-indent: -5000px;
    }
#banner h2{
    position: absolute;
    right: 250px;
    top: 430px;
    font-size: 11px;
    *font-size: 10px;
    color: #f14485;
    width: 350px;
    text-align: right;
    }
#banner .skiplink {
    display: none;
    }
#banner #blog-category{
    padding-left: 10px;
    font-size: 11px;
    *font-size: 10px;
    color:#999;
    }

/*--------------------------navigation*/

#navigation{
    position: absolute;
    left: 55px;
    top: 58px;
    }
#navigation li{
    width: 100px;
    height: 38px;
    font-size: 0px;
    text-indent: -5000px;
    }
#navigation a{
    display: block;
    width: 100%;
    height: 100%;
    }
#navigation #link-album{}
#navigation #link-blog{}
#navigation #link-guestbook{}
#navigation #link-profile{}

/*--------------------------main*/

#main{
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    background: url() right top no-repeat;
    }

/*--------------------------content*/

#content{
    overflow: hidden;
    float: right;
    width: 648px;
    margin-top: 50px;
    }

#spotlight{
    margin: 15px;
    }
#spotlight h5{
    color: #f36;
    font-weight: bold;
    }
#spotlight-text{
    font-size: 11px;
    *font-size: 10px;
    }

#article-area{}

#article-area h3{
    margin: 0px 15px;
    }
#view-mode{
    margin: 0px 15px;
    }
#display{}
#display SPAN {}

#article-box{}
.article{
    margin: 15px 0px 15px;
    }
.article-head{
    background: url(http://pic.pimg.tw/pixnetvisual/1215071918.png) left top no-repeat;
    height: 32px;
    margin-bottom: 15px;
    padding: 3px 5px 5px 50px;
    }
.publish {
    font-size: 9px;
    font-family: Tahoma;
    color: #f351ab;
    text-transform: uppercase;
    }
.title{
    letter-spacing: 0;
    padding-top: 3px;
    _height: 1%;
    }
.title a{
    font-size: 16px;
    font-family: Simhei;
    color:#ff0080;
    }
.title a:hover{
    color:#faa;
    }
.article-body{
    margin: 15px;
    line-height: 18px;
    }
.article-content{
    color: #444;
    line-height: 20px;
    margin: 10px 0px;
    }

.more{
    text-align: right;
    }
.bookmark{
    color:#888;
    font-size: 11px;
    *font-size: 10px;
    text-align: right;
    margin-right: 15px;
    }
.bookmark img{
    width: 12px;
    height: 12px;
    }
.author{
    color:#d78288;
    font-size: 11px;
    *font-size: 10px;
    text-align: right;
    margin-right: 15px;
    }
.forward a,
.author a{
    color:#d78288;
    }
.forward{
    color:#888;
    font-size: 11px;
    *font-size: 10px;
    margin-right: 15px;
    text-align: right;
    }

.article-footer{
    margin: 15px;
    font-size:11px; *font-size:10px;
    line-height: 18px;
    background:#ffe9e9;
    padding:10px;
    }
.article-footer a{
    color: #999;
    margin-left: 5px;
    }
.history{
    float: right;
    width: 290px;
    }
.refer{
    float:left;
    width: 290px;
    }
.back-to-top{
    clear: both;
    text-align: right;
    }
.back-to-top a{
    color:#f36;
    font: 9px Tahoma;
    text-transform: uppercase;
    }
/*--------------------------list*/


.main-list table{
    width: 95%;
    margin: 0 auto 10px;
    }
.main-list h3 {}
.main-list th{
    background: #f5cccc;
    color:#666;
    padding: 2px;
    }
.list-num{display: none;}
td.list-date {
    font: 9px Tahoma;
    width: 100px;
    }
.list-title{}
.main-list td{
    padding: 2px;
    line-height: 20px;
    border-bottom: 1px dotted #f5cccc;
    }
#content .main-list a{
    color: #666;
    font-size: 11px;
    *font-size: 10px;
    }
#content .main-list a:hover{
    color: #000;
    }


/*--------------------------post-box*/

.user-post-box{
    margin: 15px;
    }
.user-post-title{
    margin: 10px 0px;
    }
#trackback-box .user-post-title{}
#comment-box .user-post-title{}
.post-comment{
    width: 230px;
    margin: 20px;
    margin-left: 350px;
    font-size: 0px;
    color:#fff;
    text-indent: -5000px;
    }
#content .post-comment a{
    display: block;
    width: 230px;
    height: 70px;
    background: url(http://pic.pimg.tw/pixnetvisual/1215071920.png) left top no-repeat;
    }
#content .post-comment a:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    }

.single-post{
    font-size: 11px; *font-size: 10px;
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    padding: 15px 0px;
    width: 500px;
    margin: 0 auto;
    background: url(http://pic.pimg.tw/pixnetvisual/1215071917.png) left bottom repeat-x;
    }
.post-info{
    color:#ff6581;
    width: 400px;
    float: right;
    margin-bottom: 5px;
    }
.post-info img {
    visibility: hidden;
    width: 10px;
    height: 10px;
    }
.post-info a {
    color:#ff6581;
    background:#ff6581;
    }
.post-info a:hover {
    background:#fff;
    }
.post-info a.user-name,
.post-info a.reply-message,
.post-info a.user-name:hover,
.post-info a.reply-message:hover {
    background: none;
    }
.hidden-message,
.pixnet-user{display: none;}
.post-info .user-ip{display: none;}

.post-photo{
    float: left;
    width: 100px;
    }
.post-photo img{
    border: 1px solid #fff;
    }
.post-text{
    width: 400px;
    float: right;
    margin-bottom: 5px;
    }
.reply-text{
    width: 400px;
    float: right;
    color: #b76d7b;
    }
.reply-text p {
    display: none;
    }
.single-post.secret{}
.single-post.secret .post-text{
    float: none;
    width: auto;
    }

#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
    margin: 10px 0px;
    text-align: center;
    }
#trackback-box input#trackback-input{
    width: 330px;
    }
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box  .post-text{
    width:auto ;
    float:none ;
    }
.page{
    text-align: center;
    margin: 10px;
    }
.page a{
    padding: 0px 7px;
    color:#666;
    font: 9px Tahoma;
    }
.page SPAN{
    font-size: 15px;
    font-weight: bold;
    color:#000;
    }

/*--------------------------links*/

#links{
    overflow: hidden;
    float: left;
    width: 220px;
    margin-left: 20px;
    display: inline;
    margin-top: 50px;
}
#links-row-1{}
#links-row-2{}

#links a{
    color: #888;
    }
#links a:hover{
    color: #111;
    }
.box{
    background: url(http://pic.pimg.tw/pixnetvisual/1215071910.png) left bottom no-repeat #fff;
    margin-bottom: 10px;
    }
.box-title{
    background: url(http://pic.pimg.tw/pixnetvisual/1215071911.png) no-repeat;
    height: 23px;
    color: #bd2e42;
    font-size: 15px;
    letter-spacing: 0;


    padding: 12px 5px 5px 35px;
    }
.box-text {
    margin: 0px 10px;
    padding-bottom: 10px;
    line-height: 18px;
    font-size: 11px;
    *font-size: 10px;
    color: #555;
    }
.box li{}
.box h6{}
.box-more{
    text-align: right;
    margin: 5px 0px;
    }
.box-more a{
    background:#fee;
    padding: 1px 3px;
    color:#faa;
    }

#headshot {}
#headshot ul{}
#headshot li{
    text-align: center;
    }
#headshot li#headshot-img{
    width: 90px;    
    margin: 0 auto 1px;
    }
#headshot li#friend-apply,
#headshot li#send-message{
    width: 90px;
    background: #fcc;
    margin: 0 auto 1px;
    height: 15px;
    line-height: 15px;
    }
#recent-article{}
#recent-article img{display: none;}
#calendar{}
#calendar table{
    width: 90%;
    margin: 0 auto;
    }
#calendar th,
#calendar td{
    color: #333;
    text-align: center;
    line-height: 25px;
    }
#calendar td{
    padding: 2px 1px;
    color:#999;
    font: 9px Tahoma;
    }
#calendar td a{
    display: block;
    padding: 0px 2px;
    background:#fdd;
    color:#f99 !important;
    line-height: 15px;
    }
#murmur{}
.murmur-time{
    font: 9px Tahoma;
    letter-spacing:1px;
    color:#ffae00;
    }
.murmur-text{}

#visitor,
#crumb{}
#visitor ul,#crumb ul{
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    }
#visitor li,#crumb li{
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    line-height: 0;
    }
#visitor li img,
#crumb li img {
    width: 45px;
    height: 45px;
    }
#visitor .box-more,
#crumb .box-more{
    margin-top: 10px;
    }

#broadcast{}
#broadcast ul{
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    padding-bottom: 3px;
    margin-bottom: 5px;
    }
#broadcast li{}
#broadcast .broadcast-photo{
    float: left;
    margin-right: 5px;
    }
#broadcast .broadcast-photo img{
    width: 40px;
    height: 40px;
    }
#broadcast .broadcast-time{
    float: right;
    width: 150px;
    height: 12px;
    line-height: 12px;
    }
#broadcast .broadcast-time a{
    color: #ffaa00;
    font: 9px Tahoma;
    }
#broadcast .broadcast-time span{
    display: none;
    }
#broadcast .broadcast-text{
    float: right;
    width: 150px;
    line-height: 15px;
    }

#search{}
#search ul{
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    margin: 0 auto;
    }
#search li input{
    float: left;
    margin: 0 auto;
    border: 1px solid #eee;
    margin-left: 5px;
    }
#search input#search-target{}
#search input#search-submit{}
#category li{
    margin-left: 15px;
    letter-spacing: 0;
    }
#category .box-more {
    text-align: left;
    }
#latest-comment a,
#latest-trackback a,
#subscription a{
    display: block;
    width: 99%;
    height: 15px;
    overflow: hidden;
    }
#latest-comment li,
#subscription li,
#latest-trackback li{
    color: #d46363;
    margin-bottom: 1px;
    padding-bottom:1px;
    }
#mylink {}
#mylink .inner-box{}
#mylink .inner-box h6{
    font-size: 12px;
    color: #c4a481;
    margin-bottom: 3px;
    }
#mylink .inner-box li{
    margin-left: 10px;
    }

#counter{}
#counter SPAN{}
#powered{
    background: none;
    margin: 20px 0px;
    }
#powered .box-title{
    display: none;
    }
#powered .box-text{
    text-align: center;
    border: 0;
    background: none;
    }
.folder{}
.folder .box-title{    }
.folder .box-text{}

/*--------------------------footer*/

#footer{
    background: url(http://pic.pimg.tw/pixnetvisual/1215071915.png) left top no-repeat #fff;
    padding-top: 40px;
    height: 40px;
    text-align: center;
    font-size: 11px;
    *font-size: 10px;
    }
#footer p{}
#bottom a{
    color: #a85858;
    }


/*--------------------------extradiv*/

#extradiv11{}
#extradiv10{}
#extradiv9{
    background: url() no-repeat;
    display: block;
    width: 50px;
    height: 450px;
    position: absolute;
    left: -50px;
    top: 0px;
    }
#extradiv8{
    background: url() no-repeat;
    display: block;
    width: 50px;
    height: 450px;
    position: absolute;
    right: -50px;
    top: 0px;
    }

/*----------------------------------------------影音放置,大小請設220X176---------------------
再將#box000,改成自己的自訂欄位編號(由原始碼中讀得)
--------------------------------------------------------------------------------------------------------*/
#box000{
    position: absolute;
    left: 20px;
    top: 263px;
    }
#box000 .box-title{
    display: none;
    }
#box000 .box-text{    
    padding: 0px;
    margin: 0;
    }


#links-row-1{margin-top: -325px}