ul.projects { float: left; margin: 0; }
ul.projects li { float: left; margin: 1em; padding: 0; }
ul.projects li h3 { margin: 0.24em 0; color: #ccc; text-align: center; }
ul.projects li a { border: 3px solid #222222; background: #191919; width:288px; height: 162px; display: block; padding: 0; overflow: hidden; }
ul.projects li a:hover { border-color: #000; }

#portfolio #main { position: relative; }

#portfolio #sidebar { float: right; }
#portfolio #sidebar h3 { color: #666; margin: 0.5em 0; }
#portfolio #sidebar h3 a { padding-left: 0; background: none; color: #666; }
#portfolio #sidebar ul { margin: 0.5em 0; }
#portfolio #sidebar ul li { padding: 0.1em 0 0.1em 19px; }
#portfolio #sidebar ul li a { background: none; }
#portfolio #sidebar ul li a:link, #portfolio #sidebar ul li a:visited { color: #999; }
#portfolio #sidebar ul li a:hover, #portfolio #sidebar ul li a:active { color: #fff; }
#portfolio #sidebar ul li { background: transparent url(/i/bullet.gif) no-repeat left center; }
#portfolio #sidebar ul li.active { background: transparent url(/i/bullet-o.gif) no-repeat left center; }
#portfolio #sidebar ul li.active a { color: #fff; }

#portfolio #project_details { margin-right: 160px; }
#portfolio #project_details .title { padding-top: 0.8em; }
#portfolio #project_details .title h2 { float: left; }
#portfolio #project_details .title ul.nav { float: left; }
#portfolio #project_details .title ul.nav a { padding: 0 0.5em; margin-top: 0.5em; color: #999; }
#portfolio #project_details .title ul.nav a:hover { color: #eee; }

#portfolio #project_details .content { clear: left; }
#portfolio #project_details .content a { padding: 0.15em 0.4em 0.16em; }
#portfolio #project_details .content p { clear: left; line-height: 1.45em; }
#portfolio #project_details .content h3 { margin-bottom: 0.24em; clear: left; }
#portfolio #project_details .content p.img a { padding: 0; display: block; margin: 0; background: none;}
#portfolio #project_details .content ul li { clear: left; background: transparent url(/i/bullet.gif) no-repeat left 2px; padding-left: 19px; margin-bottom: 1em; }
#portfolio #project_details .content ul li h4 { margin-bottom: 0.3em; color: #ccc; }
#portfolio #project_details .content ul li img { float: left;  margin-right: 1em; }
#portfolio #project_details .content ul li p { line-height: 1.2em; clear: none; }
#portfolio #project_details .content ul li span.hi.proverb { color: #977633; }

#portfolio #project_details .content dl .ds { float: left; width:32%; margin-bottom: 1em; }
#portfolio #project_details .content dl { margin: 1em; }
#portfolio #project_details .content dl dt { margin: 0 1em 1em 0; border-bottom: 1px solid #666; float: none; display: block; width: auto; }
#portfolio #project_details .content dl dd { float: none; display: block; }
#portfolio #project_details .content dl ul { margin: 0; }
#portfolio #project_details .content dl ul li { margin: 0; }

.sub { color: #999; font-weight: normal; font-size: 11px; }