/* Common */
    h1 {
        font-size: 1.7em;
        margin-top: 50px;
    }
    h1.sitename {
        background: transparent url(icon.png) scroll no-repeat left center;
        padding: 15px 70px;
        margin-top: 0;
        font-family: "Century Gothic";
        font-size: 3.0em;
        color: #3f6;
    }
    a:link {
        color: #00f;
    }
    a:visited {
        color: #03f;
    }
    a:hover {
        color: #69f;
    }
    a:active {
        color: #f00;
    }
    .footer {
        clear: both;
        width: 500px;
        border-top: 1px dashed #666;
        margin-top: 30px;
        padding-bottom: 50px;
    }
    .clear {
        clear: both;
    }

/* Photo Text */
    .phototext {
        background: transparent url(phototext.png);
        color: #fff;
        position: absolute;
        padding: 5px;
        filter: alpha(opacity=85);
    }
    .phototext table th, .phototext table td {
        font-size: 0.8em;
        white-space: noWrap;
        padding: 0 10px;
    }

/* Table */
    table.aboutimage {
        border-collapse: collapse;
        border-spacing: 2px;
        width: 100%;
        background: #fff;
    }
    table.aboutimage th, table.aboutimage td {
        border: 1px solid #69f;
        font-family: tahoma, verdana;
        font-size: 0.8em;
        color: #333;
    }
    table.aboutimage th {
        width: 40%;
        text-align: center;
    }
    table.aboutimage td {
        padding-left: 18px;
    }

/* Site Info Page */
    body.siteinfo {
        width: 98%;
        margin: 0;
        padding: 15px 0 15px 15px;
        font-family: tahoma, verdana;
        font-size: 0.8em;
        color: #333;
        background: #3f6;
    }
    body.siteinfo #header {
        text-align: right;
    }
    body.siteinfo #container {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        background: #fff;
        padding: 0 20px;
        margin: 0;
    }

/* Comment Tab */
    #COMMENTS {
        margin: 15px;
        font-size: 0.9em;
    }
    #COMMENTS ol {
        margin: 10px;
        padding-left: 20px;
    }
    #COMMENTS ol li {
        color: #3f5;
        list-style-type: decimal;
    }
    #COMMENTS ol li .cmdate {
        font-size: 0.8em;
        color: #3f5;
    }
    #COMMENTS ol li .cmname {
        font-size: 0.8em;
        color: #3f5;
        padding-left: 15px;
    }
    #COMMENTS ol li .cmcomment {
        display: block;
        padding-bottom: 10px;
        color: #333;
    }
    #COMMENTS h3 {
        border-top: 1px solid #69f;
        width: 80%;
        padding: 5px 0;
        font-size: 1.0em;
        color: #69f;
    }
    #COMMENTS label {
        display: block;
        clear: left;
        float: left;
        width: 100px;
    }
    #COMMENTS #title {
        width: 300px;
    }
    #COMMENTS #name {
        width: 300px;
    }
    #COMMENTS #comment {
        width: 300px;
    }

/* About Tab */
    #ABOUT {
        margin: 15px;
        font-size: 0.9em;
    }
    #ABOUT h3 {
        padding: 20px 0 5px 0;
        font-size: 1.0em;
        color: #69f;
    }
    #ABOUT .footer {
        width: 80%;
        border-top: 1px dashed #666;
        margin-top: 30px;
        padding-top: 10px;
        padding-bottom: 50px;
        font-size: 0.85em;
    }

/* Message */
    #infoMessage {
        position: absolute;
        background: #fff;
        border: 2px solid #33c;
        top: 30px;
        left: 30px;
        font-size: 0.85em;
        color: #33c;
        padding: 8px;
    }
    #errorMessage {
        position: absolute;
        background: #fff;
        border: 2px solid #c33;
        top: 30px;
        left: 30px;
        font-size: 0.85em;
        color: #c33;
        padding: 8px;
    }

/* Hall */
    body#hall .notitle {
        color: #999;
    }
    body#hall .commentcount {
        font-size: 0.85em;
    }
    body#hall .photoList {
        width: 99%;
    }
    body#hall .photo {
        width: 120px;
        min-height: 180px;
        _height: 180px;
        float: left;
    }
    body#hall .photo .title {
        text-align: center;
        display: block;
        padding: 5px 10px 10px 10px;
        height: 35px;
        overflow: hidden;
    }
    body#hall .photo a {
        text-decoration: none;
    }
    body#hall .photo img {
        width: 100px;
        height: 100px;
        margin: 0 10px;
        border: 1px solid #36f;
    }
    body#hall .photo .commentcount {
        margin: 0 25px;
        display: block;
    }

/* Salon */
    body#salon #COMMENTS {
        width: 99%;
        font-size: 1.0em;
    }
    body#hall .photoDetail {
        width: 99%;
        line-height: 1.7em;
    }
    .photoDetail img {
        margin: 0 30px;
        border: 1px solid #36f;
    }

/* Add Photo */
    body#addphoto label {
        display: block;
        clear: left;
        float: left;
        width: 220px;
    }
    body#addphoto input.text {
        width: 300px;
    }

/* Topic Path */
    .topicpath {
        width: 99%;
        padding: 10px 0;
    }
    .topicpath span {
        color: #668;
    }

/* Link */
    a.linkOriginalPage {
        background: url(icon_page.png) scroll no-repeat left center;
        padding-left: 20px;
    }
    a.linkBakingPhoto {
        background: url(icon_mini.png) scroll no-repeat left center;
        padding-left: 20px;
    }

/* Paging */
    .paging {
        float: left;
        padding: 0 10px 5px 10px;
        border-bottom: 2px solid #3f6;
    }
    .paging a, .paging span {
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin: 2px;
        border: 1px solid #00f;
        background: #fff;
        text-align: center;
        text-decoration: none;
    }
    .paging span {
        border: 1px solid #ccc;
    }

/* Using BACKINGPHOTO */
    #usingBackingphoto {
        background: #eef;
    }