#portfolio {
float: left;
width: 450px;
padding: 20px 0;
}

#portfolio dl {
float: left;
width: 450px;
margin: 0 0 20px 0;
padding: 0;
display: inline; /* fixes IE/Win double margin bug */
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: url(/images/backgrounds/article_box.jpg) left bottom no-repeat;
}

#portfolio dt {
float: right;
width: 450px;
margin: 0 0 10px 15px;
padding: 0;
font-size: 115%;
font-weight: bold;
}

#portfolio dd {
margin: 0 0 15px 100px;
padding: 0;
line-height: 1.6em;
}

#portfolio dl dd.img {
margin: 0;
}

#portfolio dd.img img {
float: left;
margin: 0 8px 15px 15px;
padding: 4px;
border: 1px solid #d9e0e6;
border-bottom-color: #c8cdd2;
border-right-color: #c8cdd2;
}

/* deprecated */
div.article {
padding-left: 15px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
background: url(/images/backgrounds/article_box.jpg) left bottom no-repeat;
}

div.article h2 {
font-weight: bold;
font-size: 115%;
margin-bottom: 5px;
}