.article                 { width:640px; margin:5px 5px 30px 5px; overflow:hidden;}

에 있는 width조절하니까 되는군요.;

2. 관리자모드에 있는 스킨편집에 들어가서 style.css 에서 굵은 글자부분을 수정하였습니다.
/* 블로그 레이아웃 */
#container {
        width:840px;
        border:1px solid #bbb;
        margin:30px auto;
        padding:10px; 
        background-color:#fff;
}
#header {
        padding:0 10px 0 20px;
        background-color:#7870ab;
        margin-bottom:8px;
        min-height:90px;
}
#content {
        float:left;
        width:640px;
        overflow:hidden;

제가 기대한 것은 블로그를 볼 때에 블로그 내용물이 640픽셀까지 잘리지 않고 나오는 것인데, 위의 수정만으로는 계속 500픽셀까지만 나오고 남은 100픽셀은 그냥 빈 공간으로 나옵니다.
첨부 이미지는 640이하의 이미지를 올리면 그림이 줄어들지는 않는데, 역시 오른쪽 100셀은 잘려서 나옵니다.
텍스트의 경우 500까지만 공간을 쓰고 500이 넘어가면 다음줄로 내려갑니다.

어떤 부분을 더 수정해야할까요?