html { 
  font-family: Georgia;
  padding: 10px 50px;
}
body {
  width: 800px;
  margin: 0 auto;
}



h1 {
  font-size: 32px;
}

h1 a {
  color: #ff00ff;
}

h1, h2 {
  font-weight: normal;
  position: relative;
}



pre, .gist pre {
  font-size: 12px !important;
  padding-left: 10px;
  background: #efefef;  
  padding: 10px;
  padding-bottom: 0;
}

pre div {
  font-size: inherit !important;
}



.dot {
  display: block;
  width: 15px;
  height: 15px;
  background: black;
  float: left;
  position: absolute;
  left: -30px;
  top: 25%;
}

h1 .dot {
  top: 35%;
}

h2 .dot {
  top: 33%;
}

#name .dot, .name a, .name em, .name .dot {
  color: white;
  background: #FF00FF;
}

#work .dot, .work .dot {
  background: #29ABE2;
}

#technology .dot {
  background: #FFFF00;
}

#quotes .dot, .quotes .dot {
  background: #00FF00;
}

#contact .dot, .contact .dot {
  background: #662D91;
}



.name a {
  color: #ff00ff;
  background: none;
}

.work a {
  color: #29ABE2;
  border-color: #29ABE2;
}

.technology a, .technology em{
  color: #222;
  color: #FF00FF;
  background: #FFFF00;
}



.quotes a, .quotes em {
  color: #00cc00;
  border-color: #00ff00;
}

.quotes em {
  background: #00cc00;
  color: white;
}



.contact a, h1.contact a {
  color: #592780;
  border-bottom: 1px solid #ff00ff !important;
  text-decoration: none;
}

.contact a:hover {
  background: #662D91 !important;
  color: #fff !important;
}

.contact em {
  background: #662D91;
}



p, div {
  font-family: Georgia;
  font-size: 18px;
  line-height: 1.6;
  width:800px;
}

html p a:hover, html div a:hover {
  color: white;
  background: #FF00FF !important;
  border-bottom: 1px dotted #FFFF00;
}

p a, div a {
  border-bottom: 1px solid #FF00FF;
}

p em, p a, div a, h2 a, h1 a {
  font-style: italic;
}

p a, p em, div em, div a {
  padding: 0 3px 0 3px !important;
  color: white;
  text-decoration: none;
}

em {
  background: #29ABE2;
  color: white;
  padding-right: 1px;
}



.thinkpink {
  background: #333;
  color: #ff00ff !important;
  word-spacing: -0.3em;
}
.thinkpink span {
  color: white;
}
* .thinkpink:hover {
  color: white !important;
}
.thinkpink:hover span {
  color: #333;
}

#blog {
  background: url(/images/blog.png) top left no-repeat;
  position: absolute;
  right: 120px;
  top: 0;
  width: 220px;
  height: 90px;
  color: white;
  text-align: center;
  padding-top: 30px;
  font-style: italic;
  text-decoration: none;
  z-index: 1000;
  opacity: 0.3;
}

#blog:hover {
  opacity: 1;
  padding-top: 50px;
  background-position: 0 -143px;
}



.transparent {
  opacity: 0.3;
}
.transparent:hover {
  opacity: 1;
}


a.the404 {
  border-color: #ff00ff; 
  color: #ff00ff;
}
a.the404:hover {
  color: #ffffff;
  background: #ff00ff;
}



::selection {
  background-color: rgba(255, 255, 255, 0); 
  color: #ff00ff;
}
em::selection  {
  background-color: #ffeeff !important;
  color: #ffffff !important;
}
::-moz-selection {
  background-color: rgba(255, 255, 255, 0);
  color: #ff00ff;
}


em::-moz-selection {
  background: #ffeeff !important;
  color: #ffffff !important;
}