html { height: 100%; } body { text-align: center; background-image: url('/resource/body_bkg.png'); height: 100%; padding: 0; margin: 0; } div, td, th { text-align: left; font-family: Verdana, sans-serif; font-size: 12px; } label { float: left; width: 175px; margin: 1px 0 1px 0; margin-right: 0.5em; padding-top: 0.2em; text-align: right; font-weight: bold; } a, a:visited { color: #59AFFF; } a:hover { color: red; } blockquote { font-style: italic; } p { margin-top: 0; padding-top: 0; } h2 { font-size: 21px; margin: 0 0 4px 0; padding: 0; } div.photos img { margin: 0 7px 15px 8px; display: inline; } img.firstimage { float: right; border: 1px solid #777; margin: 0 0 10px 10px; } div#main { margin: 0 auto; width: 750px; height: 100%; background: black; } html>body div#main { height: auto; min-height: 100%; } div#header { width: 730px; height: 100px; background-image: url('/resource/header_bkg.jpg'); padding: 10px; } div#headertext { width: 710px; height: 80px; border: 1px dashed #999; padding: 10px; text-align: right; } div#headertext a { text-decoration: none; font-size: 14px; } div#content { width: 730px; min-height: 415px; background: black; padding: 10px; color: white; } html>body div#content { height: auto; min-height: 415px; } div#contenttext { width: 710px; height: 395px; border: 1px dashed #999; background-image: url('/resource/content_bkg.jpg'); padding: 10px; } html>body div#contenttext { height: auto; min-height: 395px; } div#indexcontent { width: 730px; height: 415px; background-image: url('/resource/index_bkg_1.jpg'); padding: 10px; } div#indexcontenttext { width: 710px; height: 295px; border: 1px dashed #999; padding: 110px 10px 10px 10px; } div#indexcontenttext ul { list-style-image: url('/resource/x_bullet.png'); list-style-type: none; line-height: 26px; font-size: 15px; margin-top: 30px; } html>body div#indexcontenttext ul { margin-top: auto; } div#indexcontenttext ul li { padding: 0 0 6px 3px; } div#indexcontenttext ul li a { color: white; font-weight: bold; text-decoration: none; } div#indexcontenttext ul li a:hover { color: #AAA; } div#content { width: 730px; height: 415px; background-image: url('/resource/content_bkg.jpg'); padding: 10px; } div#contenttext { width: 708px; height: 395px; border: 1px dashed #999; padding: 10px; } div#footer { text-align: center; font-size: 11px; font-weight: bold; color: #888; padding: 6px; border: 1px dashed #999; width: 718px; margin: 0 10px; } div#footer h1 { display: none; } h1 { display: none; } img { border: 0; } .blog h3 { color: #CCC; font-size: 16px; padding: 0; margin: 0; } .blog h4 { color: #AAA; font-size: 14px; padding: 0; margin: 0 0 10px 0; } .blog p { padding: 0; margin: 0; }