#slidebar-container {
 background-position: -475px top;
 }
ul#slidebar {width:300px;}

h2.rock-socks, h2.port-title {margin-top:1em;}
h2.port-title {
 margin-bottom:0
}
.port-entry {
 margin:1.5em 0 0;
}

.port-entry a {
 margin-right:20px;
 float:left;
 display:inline;
}
.port-details, #sidebar .port-details {
 margin-top:.5em;
 float:left;
 display:inline;
 width:305px;
 border-bottom: dotted 2px #DEDBCA;
 }
#sidebar .port-details {width:275px; margin-bottom:1.5em;}
.port-details li {
 padding:.5em 0;
 border-top: dotted 2px #DEDBCA;
 clear:both;
}
.port-details strong {
 display:block;
 width:25%;
 font-weight:normal;
 font-size:110%;
 padding-top:.1em;
 float:left;
 color:#7BBAC9;
 text-transform:uppercase;
}
.port-details h3 {margin-bottom:0; font-size:130%;}
.port-details li.first {border-top:0;}
.port-details .project-name {display:none;}
.port-details p {
 float:left;
 width:70%;
 border:0;
 margin:0;
 padding-bottom:.6em;
}
.port-details a {
 border:0;
 margin:0;
 float:none;
 background:none;
}

a.case-study {
 background:#7BBAC9 url(images/case-study-right.gif) no-repeat right top;
 margin-bottom:.4em;
 position:relative;
 display:block;
 width:100%;
 }
a.case-study span {
 background: url(images/case-study-left.gif) no-repeat left top;
 display:block;
 text-transform:uppercase;
 text-align:center;
 width:100%;
 color:#FFF;
 line-height:30px;
 }
a.case-study:hover {
 text-decoration:none;
 background-color:#8EC7D5;
 background-position:right bottom;
 }
a.case-study:hover span {
 background-position:left bottom;
 }
a.case-study span.case-study-status {
 display:block;
 position:absolute;
 right:1em;
 top:8px;
 background: url(/images/case-study-toggle.gif) no-repeat bottom center;
 height:15px;
 width:20px;
 }
a.case-study span.opened {
 background-position:top center;
 }
#case-study-content {
 margin-bottom:.6em;
 }