#portfolio h2 { background-image: url(/images/titles/web_portfolio.png); }
#portfolio h2#web-image { background-image: url(/images/titles/web_portfolio.png); }
#portfolio h2#interface-image { background-image: url(/images/titles/ui_design_portfolio.png); }
#portfolio h2#concept-image { background-image: url(/images/titles/concept_dev_portfolio.png); }

h4 {
  font-size: 1.1em;
  margin-left: 11px;
}

.portfolio-item {
  margin-top: 15px;
  padding-bottom: 30px;
  position: relative;
}
.portfolio-item h3 {
  font-size: 1.9em;
  font-weight: normal;
  color: #fff;
}
.portfolio-item h3 a {
  font-size: 0.6em;
  background: transparent url(/images/navigation/visit.gif) no-repeat 2px;  
  padding-left: 15px;  
}
.portfolio-item .info {
  font-size: 85%;
  color: #b1b8d9;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.portfolio-item img.image {
  border: 1px solid #dfe1ec;
}
.portfolio-item .side {
  position: absolute;
  width: 175px;
  top: 52px;
  right: 0px;
  font-size: 110%;
}
.portfolio-item .side p {
  color: #cfd6f8;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 95%;
}
7
.portfolio-item .side .links {
  font-size: 100%;
  height: 20px;
  position: relative;
  width: 145px;
  margin: 5px 5px 3px 8px;
  color: #7A85B0;
}
.portfolio-item .side .links a.visit {
  background: transparent url(/images/navigation/visit.gif) no-repeat 2px;
  padding-left: 15px;
  margin-right: 2px;
}
.portfolio-item .side .links a.read-more {
  margin-left: 2px;
}

.portfolio-item .side ul.characteristics {
  margin: 10px 20px 10px 10px;
  list-style: none;
}
.portfolio-item .side ul.characteristics li {
  display: inline;
  margin: 2px;
}

.portfolio-item .side ul.thumbnails {
  padding-left: 7px;
  list-style: none;
}
.portfolio-item .side ul.thumbnails li {
  float: left;
  border: 1px solid #606fb4;
  height: 45px;
  padding: 1px;
  margin: 0px 4px 8px;
}
.portfolio-item .side ul.thumbnails li.highlighted {
  border: 1px solid #FF7;
}


#left-sidebar {
  width: 168px;
  margin-top: 100px;
  padding-left: 32px;
  float: left;  
}
#left-sidebar h3 {
  color: #FFE200;
  font-size: 95%;  
}
#left-sidebar img {
  margin-bottom: 15px;
}
#left-sidebar .item {
  margin: 16px 0px;
  position: relative;
}
#left-sidebar .item li a {
  color: #9099cd;
  background: transparent url(/images/link_bullet.png) no-repeat 0px 0px;
  padding-left: 10px;
	display: block;
}
#left-sidebar .item li a:hover {
  color: #a3ace1;
}
#left-sidebar .item .sidebar-categories {
	padding-top: 5px;
  list-style: none;
  margin-bottom: 15px;
}
#left-sidebar .item .top {
  /* background: transparent url(/images/backgrounds/portfolio_sidebar/left_sidebar_top.png) no-repeat;
  height: 4px; */
}
#left-sidebar .item .bottom {
  /* background: transparent url(/images/backgrounds/portfolio_sidebar/left_sidebar_bottom.png) no-repeat;
  height: 4px; */
}
#left-sidebar .item .middle {
  /* background-color: #081749; */
  padding: 6px 10px;
}
#left-sidebar img#categories-spinner {
  position: absolute;
  bottom: -5px;
  right: 10px;  
}


#portfolio-content {
  margin: 20px 0px;
  width: 539px;
	line-height: 1.5em;
}

a#show-all-portfolio-items {
  color: #ffe200;
}

.posted-in {
  font-size: 0.9em;
  margin-left: 10px;
}
.image-area {
  width: 538px;
  text-align: center;
}
.image-area a {
  background:transparent url(/images/navigation/visit.gif) no-repeat scroll 2px 50%;
  padding-left:15px;  
}