U-KISS

/*------------------------------ #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 ------------------------------- */
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;
}
 
/*-----------------------------------------------------------
    PIXNET project template - 24
    visual & css design by misty13
    2008 / 01 / 10
-----------------------------------------------------------*/


body{
    font-size: 0.8em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:#000;
    color: #a0a0a0;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center top;
}


a{
    text-decoration: none ;
    color:#C69C6D;
}

#authority{
    width: 40px;
    position: absolute;
    right: 122px;
    top: 120px;
    height: 120px;

}
#authority a{
    display: block;
    width: 40px;
    height: 35px;
    padding-top: 5px;
    text-align: center;
    color:#ccc;
    background-color: #3D3D3D;
}
#authority a:hover{
    background:#111 !important;
    color: #fff;

}


#container{
    width:940px;
    margin: 0 auto;
    background: url(http://pic.pimg.tw/kevinukiss/1372068585-798929767_l.jpg) repeat-y center 60px;
    clip: rect(100px,auto,auto,auto);
}

#container2{
    background: url('http://pic.pimg.tw/misty13/1199799298.gif') no-repeat 593px 420px;
    position: relative ;
}


#main{
    padding: 0px 0px 0px 30px ;
}



#header{
    height: 200px ;
    background: url('') no-repeat left top ;
}

#login-bar{
}

#header h1 a{
    display:block ;
    width: 530px ;
    position: absolute ;
    top: 315px ;
    left: 45px;
    font-size: 1.5em ;
    font-family:Georgia, "Times New Roman", Times, serif;
}

#header h2{
    position: absolute;
    left: 45px;
    top: 347px;
    width: 530px;
    color: #FFFFFF;
}

#header .skiplink ,
#blog-category{
    display: none ;
}


#navigation{
    width: 40px;
    position: absolute;
    right: -40px;
    top: 0px;
    height: 100px;
    }
#navigation li{
    }
#navigation a{
    display: block;
    width: 40px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    color:#ccc;
    }

#navigation #link-album a{
    background: #696969;
    }
#navigation #link-blog a{
    background: #636363;
    }
#navigation #link-guestbook a{
    background: #494949;
    }
#navigation #link-profile a{
    background: #434343;
    }
#navigation a:hover{
    background:#111 !important;
    color: #fff;
    }






#content{
    width: 553px;
    float:left ;
    margin-top: 0px;
}


#spotlight{
    color:#999 ;
    margin-bottom: 15px;
    line-height: 140% ;
}
#spotlight h5{
    font-size: 1.4em ;
    font-family:Verdana, Arial, Helvetica, sans-serif; ;
    margin-bottom: 5px;
    background: url(' ') no-repeat left top ;
    padding: 6px 0px 2px 53px ;
}





.article{
    margin-bottom: 20px ;
}

.title{
    height: 43px;
    background: url('http://pic.pimg.tw/misty13/1199795091.jpg') no-repeat left top;
    font-size: 1.2em;
    padding-top: 38px;
    padding-right: 53px;
    padding-bottom: 0px;
    padding-left: 68px;
}
.title a{
    color:#8ab448;
    font-weight: bold;
}

.publish{
    position: relative ;
    bottom: -78px;
    text-align:left ;
    font-size: 0.8em;
    color:#CCCCCC;
}







.article-body{
    padding: 0px 10px ;
    line-height: 160% ;
    margin-top: 5px ;
}


.bookmark ,
.fans-club ,
.author ,
.forward  ,
.back-to-top  ,
.more{
    text-align:right ;
}





.article-footer{
    padding: 0px 10px;
    line-height: 160% ;
}

.article-footer a{
    color:#fff ;
}





.main-list table{
    width: 97% ;
    margin: 0 auto ;
}
.main-list th ,
.main-list td{
    border: 1px solid #cde5f3 ;
    padding: 3px 5px ;
}























#links{
    width: 235px ;
    float:right ;
    color:#999;
}

.box{
    margin-bottom: 15px;
    background-color: #272727;
}

.box-title{
    height: 45px;
    background: url('http://pic.pimg.tw/misty13/1199792699.jpg') no-repeat left top;
    font-size: 1.2em;
    color:#CCCCCC;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    padding-top: 13px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 30px;
}

.box-text{
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.box-text a{
    display: block ;
    color:#998675;
}

.box-text li{
    padding: 3px 0px;
}

.box-more a{
    display: inline ;
}
.box-more{
    clear: both ;
    text-align:right ;
}



.box-text .inner-box{
    padding: 3px 0px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #C69C6D;
}





#search .box-text{
    text-align:center ;
}

#visitor .box-text img ,
#crumb .box-text img{
    width: 35px ;
height: 35px ;
    margin-right: 2px ;
    border: 2px solid #fff ;
}



#broadcast ul{
    border-bottom: 1px dashed #C7D9DD;
    padding: 3px 0px ;
}

.broadcast-photo{
    margin-right: 5px ;
}
.broadcast-time {
    height: .9em ;
    overflow: hidden ;
    margin-bottom: 1px;
}
.broadcast-text{
}
.broadcast-time a{
    display: inline ;
}







#headshot .box-text{
    _height: 1% ;
    overflow: hidden ;
    _overflow: none ;
}

#headshot-img{
    width: 110px;
    float:left ;
    text-align:center ;
}

#headshot-img img{
    border: 3px solid #fff ;
}



#counter .box-text ,
#feed .box-text{
    padding-left: 30px ;
}



#calendar table{
    width: 85% ;
    margin: 0 auto ;
}
#calendar th ,
#calendar td{
    text-align:center;
    font-size: 0.8em;
}



#powered .box-text{
    text-align:center ;
}





#links input{
    background:#515050;
    color:#8AB448;
}
#links select{
    background:#515050 ;
    color:#8AB448;
}












/*------------------------------------------- USER-POST --------------------------------------------*/

#user-post{
    color:#999999;
}

.user-post-title{
    height: 43px;
    background: url('http://pic.pimg.tw/misty13/1199800138.jpg') no-repeat left top;
    font-size: 1em;
    color:#E9A945;
    padding-top: 34px;
    padding-right: 53px;
    padding-bottom: 0px;
    padding-left: 50px;
    font-weight: bold;
}

.user-post-box{
    margin: 0px 30px;
    line-height: 150% ;
}

#trackback-url{
    text-align:right ;
    padding-right: 10px;
    margin: 5px 0px ;
}


.single-post{
    border-bottom: 1px solid #cde5f3 ;
    padding: 15px 0px ;
}
.post-photo img{
    width: 50px ;
    border: 2px solid #fff ;
}
.post-photo{
    width: 60px ;
    margin-right: 10px ;
}


.post-info{
    text-align:right ;
    color:#a9cb7b ;
    margin-bottom: 5px;
    font-weight:bold ;
}

#comment-box .post-text{
    width: 420px ;
    float:right ;
}


.reply-text{
    width: 420px;
    float: right ;
    color:#888 ;
    border-top: 1px dashed #bbb ;
    padding-top: 10px ;
    margin-top: 10px ;
}
.reply-text p{
    text-align:right ;
    color:#bbb ;
}
.reply-text a{
    color:#aaa ;
}


.page{
    text-align:center ;
    margin: 15px 0px ;
}
.page span ,
.page a{
    padding: 2px 7px ;
    background:#a3cee7 ;
    margin: 0px 1px ;
    color:#CCCCCC;
    font-weight:bold ;
}
.page span ,
.page a:hover{
    color:#fff ;
    background:#aaa ;
}



.post-comment{
    text-align:center ;
    margin: 5px 0px;
}
.post-comment a{
    font-size: 1.2em;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#999999;
    background-color: #333333;
}











#footer{
    clear: both;
    line-height: 160%;
    background-color: #111111;
    padding-top: 15px;
    padding-right: 250px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-image: url(http://pic.pimg.tw/kevinukiss/1389805580-1624077937_l.jpg);
    background-repeat: no-repeat;
}


input , select{
    font-family:Verdana, Arial, Helvetica, sans-serif; ;
}

input{
    background:#2B2B2B;
    color:#999999;
    border: 1px ;
    padding: 2px;
}













#visitor ul{
    _height: 1% ;
    overflow: hidden ;
    _overflow: none ;
}
#visitor li{
    float:left ;
}


#crumb ul{
    _height: 1% ;
    overflow: hidden ;
    _overflow: none ;
}
#crumb li{
    float:left ;
}


#broadcast ul{
    _height: 1% ;
    overflow: hidden ;
    _overflow: none ;
}
.broadcast-photo{
    float:left ;
}



.single-post{
    _height: 1% ;
    overflow: hidden ;
    _overflow: none ;
}
.post-photo{
    float:left ;
    text-align:Center ;
}



#content{
    overflow: hidden ;
}



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