*{ font-size: 12px; line-height: 14px; color: #666666; } body{ padding: 0px; margin:0px; text-align:center; background-color: #333333; } a{ color: #990000; } a:hover{ color: #FF6666; } div{ // border: 1px solid black; } div#wrapper{ width: 600px; margin:0px auto; text-align:left; background-color: #FFFFFF; } div#header{ width: 600px; height: 100px; background-image:url("/img/8/header.jpg"); border-bottom: 2px solid black; } div#header h1 a{ color: #990000; text-decoration: none; font-size: 24px; line-height: 26px; padding: 20px; } div#container{ width: 600px; } div#main{ float: left; width: 390px } .article{ padding: 4px; } .article_header{ background-color: #CCCCCC; border-bottom: 1px solid #990000; border-top: 1px solid #990000; padding: 4px; } .article_body{ padding: 4px; } .article_footer{ border-top: 1px dotted #990000; text-align: right; padding: 4px; } div#side{ float: right; width: 200px } div#calendar{ float: right; width: 30px; text-align:right; margin: 4px; background-color:#CCCCCC; } div#calendar .day{ text-align: center; border-bottom: 1px solid #000000; } div#calendar .sunday{ text-align: center; background-color:#FF9966; border-bottom: 1px solid #FF0000; } div#calendar .sataday{ text-align: center; background-color:#CCCCFF; border-bottom: 1px solid #0000FF; } div#new_article{ width: 150px; padding: 2px; margin: 2px; background-color:#FFFFFF; text-align:left; } div#new_article_header{ padding: 2px; border-bottom: 1px solid gray; } div#new_article_body{ padding: 2px; } div#archive{ width: 150px; padding: 2px; margin: 2px; background-color:#FFFFFF; text-align:left; } div#archive_header{ padding: 2px; border-bottom: 1px solid gray; } div#archive_body{ padding: 2px; } div#link{ width: 150px; padding: 2px; margin: 2px; background-color:#FFFFFF; text-align:left; } div#link_header{ padding: 2px; border-bottom: 1px solid gray; } div#link_body{ padding: 2px; } div#footer{ clear:both; text-align: center; width: 600px; color: #990000; padding: 4px 0px; border-top: 1px solid #990000; }