body { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 62.25%; color: #696969; }
a { color: #8b0000 }
h1 { padding: 0 0 0 15px; font-size: 1.1em; font-weight: normal; margin-top: 8px; }

.wrap { width: 800px; margin: 0 auto 20px auto; }
.head { background: url(img/logo.gif) #036 no-repeat; background-position: left bottom; height: 60px; width: auto; }
.head span { color: #036; display: none; }

.portfolio { width: 100%; overflow: auto; margin: 20px 0 5px 0; padding-left: 8px; }
.portfolio .item { width: 184px; float: left; margin-left: 15px; }
.portfolio .item h3 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; }
.portfolio .item div { border-left: 1px solid #999; padding-left: 8px; margin-bottom: 15px; }
.portfolio .first { margin-left: 0; }
.portfolio p { font-weight: normal; margin: 0; padding: 0; }

.content { width: 100%; overflow: auto; font-size: 1.1em; margin-top: 20px; padding-left: 8px; }
.content .col { width: 184px; float: left; margin-left: 10px; }
.content h2 { font-weight: bold; font-size: 1.0em; margin-bottom: 0; }
.content h2 span { color: #900; font-weight: normal;  }
.content p { margin: 0; padding-left: 15px; }
.content ul { margin: 0; padding: 0; list-style: none; }
.content li { margin: 0; padding-left: 15px; }
.content .recent li { padding-bottom: 12px; }

.footer { padding: 15px 30px 20px 10px; font-size: 0.9em; }
.footer span { color: #900; }