/* ============================================================
   오늘의 블로그 글 - 낮은 줄
   ------------------------------------------------------------
   이 목록의 글은 제목뿐이고 소개 글이 없다. 그런데 목록 틀은 소개
   글까지 있는 화면들과 같은 것이라, 줄마다 빈 문단이 70px 을 차지하고
   있었다. 스물네 줄이면 그것만 1,600px 이다.

   autor-list 는 일곱 군데가 함께 쓰므로 그 이름만으로 규칙을 걸면 손대지
   않은 화면들까지 낮아진다. 그래서 이 목록에만 붙는 blogposts 를 함께
   요구한다.

   선택자를 style.css 의 것과 똑같이 쓰고 이름 하나만 더한 까닭은 무게
   때문이다. 클래스로만 쓰면(.autor-list.blogposts > li ...) 셈으로는
   이겨야 맞지만, ul 과 li 를 그대로 두고 클래스를 하나 더하면 어느
   쪽으로도 헷갈릴 것이 없다.
   ============================================================ */

/* 빈 문단. 이 목록에서는 언제나 비어 있다 - 스물넷을 다 확인했다. */
ul.autor-list.blogposts > li .autor-box .autor-content p {
    display: none;
}

/* 30px 은 소개 글까지 있는 줄에 맞춘 여백이다. 제목 한 줄만 남으면 넓다. */
ul.autor-list.blogposts > li .autor-box {
    padding: 20px;
    overflow: hidden; /* 뜬 사진이 상자 밖으로 나가지 않게 */
}

/* 사진도 조금 줄인다. 글이 제목 한 줄뿐이라 사진이 줄 높이를 정하게 된다. */
ul.autor-list.blogposts > li .autor-box img {
    width: 150px;
    height: 100px;
    max-width: 150px;
}

/* 사진 폭 + 여백. 위 크기를 바꾸면 여기도 함께 바꿔야 글이 사진 위로
   올라타지 않는다. */
ul.autor-list.blogposts > li .autor-box .autor-content {
    margin-left: 170px;
}

/* 글쓴이와 날짜 한 줄. 글자 한 줄에 70px 을 쓰고 있었다. */
ul.autor-list.blogposts > li .autor-last-line {
    padding: 4px 20px;
}

ul.autor-list.blogposts > li .autor-last-line ul.autor-tags li span,
ul.autor-list.blogposts > li .autor-last-line a.autor-site {
    line-height: 26px;
}