@font-face
{
    font-family:Shelley;
    src:url('fonts/Shelley.eot');
    src:url('fonts/Shelley.eot?#iefix') format('embedded-opentype'),
        url('fonts/Shelley.ttf') format('truetype');
}
/* global */
html
{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
*,
::after,
::before
{
    -webkit-box-sizing:inherit;
    box-sizing:inherit;
}
body
{
    background-color:#171C28;
    color:#A4A4A4;
    font-size:16px;
    font-weight:400;
    margin:0px;
    padding:0px;
}
body, button, input, select, textarea
{
    font-family:"Segoe UI";
}
a
{
    color:#A4D4D4;
    text-decoration:none;
}
a:hover
{
    color:#FFFFFF;
}

h1,h2,h3,h4
{
    font-family:Shelley;
}

input[type="button"]
{
    cursor:pointer;
}
input.error
{
    border-color:#DD2222;
    background-color:#FFCCCC;
}

/* table */
table
{
    /*border-collapse:collapse;*/
    table-layout:fixed;
}
td
{
    text-align:justify;
    vertical-align:top;
    margin:0px;
}
td, th
{
    border-spacing:0px;
    padding:0px;
}
/* buttons */
.sendButton
{
    background-color:#52524A;
    border-color:#292925;
    border-width:2px;
    border-radius:5px;
    color:#DAAB4C;
    text-indent:16px;
}
.sbCancel  { background:#52524A url('../images/icons/Button Cancel.png')  no-repeat 2px; }
.sbConfirm { background:#52524A url('../images/icons/Button Confirm.png') no-repeat 2px; }
.sbMessage { background:#52524A url('../images/icons/Button Message.png') no-repeat 2px; }

/* master */
.master
{
    margin:0px 10px;
    min-width:1280px;
}
.master > .left,
.master > .right
{
    background-color:#1F1F1F;
    background-image:url('../images/Content-BG.gif');
    border-radius:10px;
    margin:10px 0px;
    overflow:hidden;
}
.master > .left
{
    position:absolute;
    width:300px;
}
.master > .right
{
    float:right;
    width:calc(100% - 310px);
}

.master .master-border
{
    background-image:linear-gradient(to bottom, #050005, #4A4A4A, #050005);
    width:100%;
}
.master .master-border,
.master .master-border > div
{
    height:5em;
}
.master .left .master-border,
.master .left .master-border > div
{
    height:1.5em;
}
.master .master-border > div
{
    background-image:linear-gradient(to bottom, #715235, #F7DC97, #715235);
    display:inline-block;
}
.master .master-border div:nth-child(1) { margin-left:22px; width:7px; }
.master .master-border div:nth-child(2) { margin-left:5px; width:3px; }
.master .master-border div:nth-child(3) { float:right; margin-right:22px; width:7px; }
.master .master-border div:nth-child(4) { float:right; margin-right:5px; width:3px; }
.master .content
{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(36,36,36,0.2) 100px, rgba(36,36,36,0.2) calc(100% - 100px), rgba(0,0,0,0.9)),
        url('../images/Content-BorderL.gif'),
        url('../images/Content-BorderR.gif');
    background-position:0px, 25px 0px, calc(100% - 25px) 0px;
    background-repeat:repeat-y;
    padding:1em calc(50px + 1em);
}
.master .left .content
{
    background-position:0px, 5px 0px, calc(100% - 5px) 0px;
    padding:1em calc(25px + 1em);
}

/* menu */
.menu a
{
    display:block;
}

/* photoalbum */
.photoalbum div
{
    background-color:#292925;
    border:1px outset #9D8D62;
    border-radius:5px;
    display:inline-block;
    padding:5px;
    margin:5px;
}
.photoalbum a
{
    font-size:0px;
}
.photoalbum a > img
{
    max-width:100px;
    max-height:100px;
}

/* news */
.news-body
{
    background-color:rgba(41,41,37,0.75);
    border:1px outset #9D8D62;
    border-radius:5px;
    margin-bottom:2em;
    padding:1em;
}
.news-capital
{
    float:left;
    font-family:Shelley;
    font-size:37pt;
    margin-right:0.5em;
}
.news-content
{
    text-align:justify;
}
.news-date
{
    font-weight:bold;
    text-align:center;
}

.pagecount,
.pagecount-current
{
    vertical-align:middle;
    background-color:#292925;
    border:1px solid #9D8D62;
    padding:1px 5px 0px 4px;
    text-align:center;
}
.pagecount-current
{
    background-color:#A4A4A4;
    color:#292925;
    font-weight:bold;
}
/* navigation */
.nav
{
    text-align:center;
}
.nav div
{
    display:inline-block;
    width:19%;
}
.nav img
{
    border:0px;
    height:54px;
    opacity:0;
    width:66px;
}
.nav-latest    { background:url('../images/menu/Nav Latest.png')    no-repeat center top; }
.nav-latest-na { background:url('../images/menu/Nav Latest Na.png') no-repeat center top; color:#888888; }
.nav-newer     { background:url('../images/menu/Nav Newer.png')     no-repeat center top; }
.nav-newer-na  { background:url('../images/menu/Nav Newer Na.png')  no-repeat center top; color:#888888; }
.nav-archive   { background:url('../images/menu/Nav Archive.png')   no-repeat center top; }
.nav-older     { background:url('../images/menu/Nav Older.png')     no-repeat center top; }
.nav-older-na  { background:url('../images/menu/Nav Older Na.png')  no-repeat center top; color:#888888; }
.nav-first     { background:url('../images/menu/Nav First.png')     no-repeat center top; }
.nav-first-na  { background:url('../images/menu/Nav First Na.png')  no-repeat center top; color:#888888; }

/* comments */
.comment
{
    background-color:rgba(251,237,211,0.33);
    border-radius:10px;
    color:#000000;
    padding:4px;
    text-align:left;
    vertical-align:top;
    border:1px solid #6D5626;
    border-left-width:2px;
    margin:10px 0px;
}
.comment-header
{
    padding:0 5px 10px 5px;
}
.comment-avatar
{
    float:left;
    padding:5px 5px 5px 0px;
}
.comment-username
{
    display:inline-block;
    font-size:18px;
    font-weight:bold;
}
.comment-info
{
    float:right;
}
.comment-content
{
    color:#000000;
    margin:0 10px;
}
/* reply to comment */
.comment .comment
{
    background-color:rgba(251,237,211,0.2);
    border:1px solid #DAAB4C;
    margin:3px 4px;
}
.comment .comment .comment-username
{
    font-size:16px;
}
/* admin comment */
.comment.admin
{
    background-color:rgba(194,198,253,.33);
    border:2px solid #8B89FA;
    border-radius:10px;
    margin:3px 4px;
    padding:4px;
    text-align:left;
    vertical-align:top;
}
.comment-username.admin
{
    color:#4E69ED;
}
/* new comment */
.comment-error
{
    color:#C92727;
}
.comment-newcomment
{
    background-color:rgba(41,41,39,1);
    border:1px outset #888888;
    border-radius:5px;
    margin:0 auto;
    padding:20px;
    width:600px;
}
.comment-newcomment > div > div
{
    display:inline-block;
    min-width:100px;
}
.comment-newcomment > div:nth-last-child(2)
{
    text-align:right;
}
.comment-newcomment textarea
{
    height:100px;
    width:calc(100% - 105px);
}
.comment-spoilerbutton
{
    margin-bottom:2px;
}
.comment-spoilerheader
{
    border:1px inset #000000;
    border-radius:10px;
    padding:6px;
}
.comment-spoilermessage
{
    display:none;
}