.projects {
  overflow: visible;
}

.projects .category {
  float: left;
  margin: auto 0.5%;
  overflow: visible;
  padding: 0;
  width: 49%;
}

.projects .category:nth-child(2n+1) {
  float: left;
  margin: auto;
}

.projects .category:nth-child(2n) {
  float: right;
  margin: auto;
}

.projects .category h3 {
  background-color: #ddd;
  background-position: 4px center;
  background-repeat: no-repeat;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 1px 1px 3px #000;
  margin: 0;
  padding: 4px 0 4px 4px;
  text-shadow: 1px 1px 3px #fff;
  vertical-align: text-top;
}

.projects .android h3 {
  background-image: url(/images/icons/android.png);
  padding-left: 34px;
}

.projects .greasemonkey h3 {
  background-image: url(/images/icons/greasemonkey.png);
  padding-left: 34px;
}

.projects .jquery-plugins h3 {
  background-image: url(/images/icons/jquery.png);
  padding-left: 34px;
}

.projects .category h4 {
  margin: 0.1em 0 0.3em;
}

.projects .category h4 a {
  color: #06c;
  text-decoration: none;
}

.projects .category ul {
  list-style: none;
  margin: 0.6em 0.1em;
  padding: 0;
}

.projects .category li {
  background: #fff -moz-linear-gradient(bottom, #f8f8f8 0%, #fff 80%);
  background: #fff -webkit-gradient(linear, 0 100%, 0 0%,
    color-stop(0%, #f8f8f8), color-stop(80%, #fff));
  xborder-top: solid 1px #ddd;
  border: solid 1px #aaa;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  box-shadow: 1px 1px 2px #bbb;
  margin-bottom: 0.6em;
  padding: 0.5em;
  xfloat: left;
  xwidth: 48%;
}

.projects .category li:nth-child(2n+1) {
  xfloat: left;
  xwidth: 47.5%;
}

.projects .category li:nth-child(2n) {
  xfloat: right;
  xwidth: 47.5%;
}

/*
.projects .category li:nth-child(n+3) {
  border-top: solid 1px #ddd;
}
*/

.projects .category li p {
  margin: 0;
  text-align: justify;
}

.projects .category li p.description img.icon {
  float: left;
  margin: 0 0.3em 0.3em 0;
}

/* Project links */

.projects .category li ul.links {
  background: #eee;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  clear: both;
  float: right;
  margin: 0.3em 0 0 0;
  text-align: right;
  xdisplay: inline-block;
  xright: 0;
  xposition: relative;
}

/*
.projects .category li ul.links:before {
  content: "Links:";
}
*/

.projects .category li ul.links li {
  background: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  display: inline-block;
  float: none;
  font-size: 85%;
  margin: 0;
  padding: 0.1em 0.5em;
  width: auto;
}

.projects .category li ul.links a {
  display: inline-block;
  /* font-weight: bold; */
  padding: 2px 0;
  text-decoration: none;
}

.projects .category li ul.links a.icon {
  background-position: left center; 
  background-repeat: no-repeat;
  color: #000;
  opacity: 0.4;
  padding-left: 20px;
}

.projects .category li ul.links a.icon:visited {
  color: #000;
}

.projects .category li ul.links a.icon:hover {
  opacity: 1;
}

.projects .category .other {
  border-top: solid 1px #ddd;
  font-size: 90%;
  margin: 1em 0.8em;
  padding: 0.5em 0.7em 0 0.7em;
}

.projects .category .other a.icon {
  background-position: left center; 
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  opacity: 0.4;
  overflow: hidden;
  padding-left: 16px;
  vertical-align: text-top;
  width: 0;
}

.projects .category .other a.icon:hover {
  opacity: 1;
}

a.icon-compact {
  background-position: left center; 
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  overflow: hidden;
  padding-left: 16px;
  vertical-align: text-top;
  width: 0;
}

p.dead-projects {
    position: relative;
}

p.dead-projects img.ghost {
    display: none;
    left: -32px;
    position: absolute;
    top: -4px;
}

p.dead-projects:hover img.ghost {
    display: inline;
}