/* 처음에 한 번 정하고 되도록 건드리지 않는 파일 */

:root {
    --bg: #d4d0c8;
    --fg: #000000;
    --link: #0000ee;
    --visited: #551a8b;
    --rule: #cccccc;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    border: 1px solid #999;
    padding: 6px 10px;
    text-align: left;
}

th {
    background: #c8c4bc;
    font-weight: normal;
    white-space: nowrap;
}

td.date, td.byline{
    white-space: nowrap;
    width: 1%;
}

body {
    margin: 0;                /* 브라우저 기본 여백 8px 제거. 안 하면 좌표가 전부 밀린다 */
    background: var(--bg);
    color: var(--fg);
    font-family: serif;
    font-size: 14px;
}

li {
    margin-bottom: 1.0em;
}

li:last-child {margin-bottom: 0}

/* 좌표의 기준면. position: relative 가 있어야
   안쪽 링크의 top/left 가 이 상자의 좌상단을 기준으로 잡힌다 */
#main {
    position: relative;
    width: 980px;
    height: 640px;
}

#main a {
    position: absolute;
    white-space: nowrap;      /* 링크 글자가 제멋대로 줄바꿈되지 않게 */
}

/* 배치가 끝나면 color 를 body 의 background 와 같은 값으로 바꾼다 */
.egg {
    color: #cc0000;
}

/* --- 아래는 하위 페이지에서 쓸 규칙 --- */

.page {
    margin: 40px;
    width: 640px;
    line-height: 1.7;
}

.pager {
    text-align: center;
    margin-top: 1.5em;
}

.pager a, .pager strong {
    padding: 0 0.4em;
}

.pager strong {
    font-weight: normal;
    color: #666;
}