html, body { margin:0; padding:0; height:100%; }
body { color:#000; font-family:'Times New Roman',Times,serif; margin:0 auto; width:750px; }

h1 { margin:10px; font-size:20px; color:#666; }
h2 { margin:10px; font-size:25px; color:#666; }

a, a:visited { color:#000; text-decoration:none; }

#menu { display:none; }

#contents { margin:10px 10px 0 10px; padding:20px 0 0; width:700px; }
#contents p { font-size:14px; margin:0; }

dl { margin:0 0 30px; padding:0; }
dt { font-size:24px; }
dd { font-size:14px; line-height:1.3em; }
.skills-left dt { float:left; width:130px; text-align:right; }
.skills-left dd { margin-left:130px; border-left:3px solid #333; padding-left:12px; }
.skills-right dt { float:right; width:150px; }
.skills-right dd { margin-right:150px; border-right:3px solid #333; padding-right:15px; text-align:right; }

.cleaner { float:none; clear:both; margin:0; padding:0; font-size:1px; line-height:1px; height:1px; }

.projects { display:none; }

#project { width:405px; margin:0 auto; }
#project h3 { margin:0; padding:0; font-size:24px; line-height:24px; margin-bottom:19px; }
#project img.intro { display:block; border:1px solid #333; }
#project a img { border:1px solid #333; }
#project a:hover img { border:1px solid #c33; }
#project table { border-collapse:collapse; width:400px; }
#project table th { width:110px; vertical-align:top; text-align:right; line-height:20px; font-size:20px; font-weight:normal; padding-right:10px; border-right:4px solid #333; }
#project table tr.first th,
#project table tr.first td { padding-top:40px; }
#project table td { padding:3px 0 5px 10px; line-height:20px; font-size:14px; }

form { display:none; }

.send-message { color:#c33; font-size:14px; font-weight:bold; }

#about { display:none; }

#footer { display:none; }