.btn {
    color: #888;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    padding: 0 .6rem;
    margin: 0 4px;
}

#board_view_date,
#board_view_title,
#board_view_author,
.board_view_attach,
#board_view_body,
#board_view_tail { margin: 0; }

#board_view_date { display: table; }
#board_view_date div {
    display: table-cell;
    vertical-align: middle;
}
#board_view_date div:nth-child(2),
#board_view_author div:nth-child(2),
#board_view_tail div:nth-child(2) {
    text-align: right;
    white-space: nowrap;
}
#board_view_title {
    color: #505050;
    font-weight: bold;
    margin-top: 4px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    background: linear-gradient(white, #fafafa);
}
#board_view_title div { padding: 0; }
#board_view_author,
.board_view_attach {
    padding: 8px 0;
    border-bottom: 1px dotted #ddd;
}
.board_view_attach a { text-decoration: none; }
.board_view_attach img { margin-right: 4px; }
.board_view_attach_views,
.board_view_attach_date { font-size: 11px; }
.board_view_attach_views {
    color: #f60;
    margin: auto 4px;
}
.board_view_attach_date { color: #d3d3d3; }
#board_view_body {
    padding: 12px 8px;
    border-bottom: 1px solid #ddd;
}
#board_view_body_image { text-align: center; }
#board_view_body_image img {
    max-width: 80%;
    display: block;
    margin: 12px auto;
}
#board_view_tail {
    padding: 8px 0;
    border-bottom: 2px solid #ddd;
}

#board_ul_page {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style-type: none;
}
#board_ul_page li { display: inline; }
#board_ul_page li a {
    text-decoration: none;
    padding: 8px 12px;
    background-color: #fafafa;
    margin: 8px;
    border: 1px solid #ddd;
    border-radius: .25em;
    line-height: 48px;
}
#board_ul_page li a.list_selected {
    color: white;
    font-weight: bold;
    background-color: #777;
}
#board_ul_page li a:hover {
    color: #555;
    text-shadow: none;
    background-color: #ddd;
}